:root{--bg-primary:#0d0d0f;--bg-secondary:#141416;--bg-tertiary:#1a1a1e;--bg-elevated:#1f1f24;--bg-hover:#252529;--bg-active:#2a2a30;--text-primary:#fff;--text-secondary:#b4b4b8;--text-muted:#6b6b70;--text-disabled:#4a4a4f;--accent-primary:#a855f7;--accent-secondary:#ec4899;--accent-gradient:linear-gradient(135deg,#a855f7,#ec4899 50%,#f97316);--accent-glow:rgba(168,85,247,.3);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.15);--border-accent:rgba(168,85,247,.5);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease}body,html{height:100%;width:100%;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body [class*=bg-gray-50],body [class*=bg-white],body [style*="background-color: #fff"],body [style*="background-color: rgb(255, 255, 255)"],body [style*="background-color: white"],body [style*="background: #fff"],body [style*="background: white"]{background:var(--bg-secondary)!important;background-color:var(--bg-secondary)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}.select-input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;padding:10px 14px;transition:all var(--transition-fast)}.select-input:hover,input:hover,select:hover,textarea:hover{border-color:var(--border-strong);background:var(--bg-hover)}.select-input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-tertiary)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted)}.select-input,select{cursor:pointer;padding-right:32px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="rgba(180,180,184,1)" d="M6 9L1 4h10z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:12px;appearance:none;-webkit-appearance:none;-moz-appearance:none}select::-ms-expand{display:none}select option{background:var(--bg-tertiary);color:var(--text-primary);padding:8px 12px}input:disabled,select:disabled,textarea:disabled{background:var(--bg-secondary);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.global-navbar{justify-content:space-between;padding:0 20px;height:52px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px)}.global-navbar,.logo{display:flex;align-items:center}.logo{gap:12px;font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.logo-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent-gradient);border-radius:var(--radius-md);box-shadow:0 0 20px var(--accent-glow),0 2px 8px rgba(0,0,0,.3);animation:logo-glow 3s ease-in-out infinite}.logo-icon{color:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}.logo-text{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes logo-glow{0%,to{box-shadow:0 0 20px var(--accent-glow),0 2px 8px rgba(0,0,0,.3)}50%{box-shadow:0 0 30px rgba(236,72,153,.4),0 4px 12px rgba(0,0,0,.4)}}.logo .icon{font-size:22px;filter:drop-shadow(0 0 8px rgba(168,85,247,.5));animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(168,85,247,.5))}50%{filter:drop-shadow(0 0 16px rgba(236,72,153,.7))}}.main-nav{display:flex;gap:4px;background:var(--bg-tertiary);padding:5px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;position:relative;overflow:hidden}.nav-item,.nav-item .nav-icon{transition:all var(--transition-fast)}.nav-item .nav-icon{opacity:.7}.nav-item:hover .nav-icon{opacity:1}.nav-item:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-item.active{color:var(--text-primary);background:var(--accent-gradient);box-shadow:var(--shadow-glow)}.nav-item.active .nav-icon{opacity:1}.nav-item.active:before{opacity:0}.user-section{gap:12px}.user-info,.user-section{display:flex;align-items:center}.user-info{gap:10px;padding:6px 14px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast)}.user-info:hover{background:var(--bg-hover);border-color:var(--border-default)}.user-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:50%;font-size:14px}.user-name{color:var(--text-secondary);font-size:13px;font-weight:500}.app-content{height:calc(100vh - 52px);padding:0;margin:0;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon{width:26px;height:26px;padding:0;border-radius:var(--radius-sm)}.btn-sm{padding:3px 6px;font-size:10px}.btn-lg{padding:8px 14px;font-size:12px}.input{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;transition:all var(--transition-fast)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b6b70' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-secondary)}.badge-accent{background:var(--accent-glow);color:var(--accent-primary)}.divider{height:1px;margin:8px 0}.divider,.divider-vertical{background:var(--border-subtle)}.divider-vertical{width:1px;height:100%;margin:0 8px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:6px 10px;background:var(--bg-elevated);color:var(--text-primary);font-size:12px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;margin-bottom:6px;box-shadow:var(--shadow-md)}.tooltip:hover:after{opacity:1;visibility:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.global-navbar{padding:0 16px}.nav-item{padding:8px 14px}}@media (max-width:768px){.global-navbar{flex-direction:column;height:auto;padding:12px;gap:12px}.main-nav{width:100%;justify-content:center;flex-wrap:wrap}.nav-item{padding:8px 12px;font-size:12px}.app-content{height:calc(100vh - 120px)}}.pagination-active-btn{background:var(--accent-gradient)!important;box-shadow:0 2px 8px var(--accent-glow)!important}.pagination-active-btn:hover{box-shadow:0 4px 12px var(--accent-glow)!important}