@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-main:#07090d;--bg-surface:#0a0e16e6;--bg-surface-solid:#0e141f;--bg-card:#0f141fd1;--bg-card-hover:#121926f5;--border-light:#94a3b829;--border-strong:#94a3b847;--border-glow:#2dd4bf61;--accent-purple:#8b5cf6;--accent-blue:#38bdf8;--accent-cyan:#2dd4bf;--accent-pink:#fb7185;--accent-amber:#fbbf24;--accent-green:#22c55e;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#f43f5e;--color-system:#38bdf8;--text-primary:#f8fafc;--text-secondary:#aab4c3;--text-muted:#667085;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Fira Code", "Cascadia Code", monospace;--transition-fast:.15s cubic-bezier(.2, 0, 0, 1);--transition-normal:.26s cubic-bezier(.2, 0, 0, 1);--transition-slow:.46s cubic-bezier(.16, 1, .3, 1);--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 10px 28px #00000047;--shadow-pop:0 20px 58px #0000006b;--shadow-focus:0 0 0 3px #2dd4bf21}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(135deg,#2dd4bf0d,#0000 32%),linear-gradient(225deg,#fb718509,#0000 34%),linear-gradient(#090d14 0%,#07090d 100%);overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#94a3b80b 1px,#0000 1px),linear-gradient(90deg,#94a3b809 1px,#0000 1px);background-size:32px 32px;animation:28s linear infinite grid-drift;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 72%);mask-image:linear-gradient(#0000008c,#0000 72%)}#root{z-index:1;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff06}::-webkit-scrollbar-thumb{background:#94a3b82e;border:2px solid #07090de6;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#2dd4bf6b}.glass{-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-light);background:linear-gradient(#ffffff06,#0000 34%),#090c12eb;box-shadow:10px 0 34px #00000038}.glass-card{background:linear-gradient(180deg, #ffffff09, transparent 42%), var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:background-color var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-fast);position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;border-radius:inherit;opacity:.36;transition:opacity var(--transition-normal);background:linear-gradient(90deg,#2dd4bf29,#0000 26% 74%,#fbbf241a),linear-gradient(#ffffff0d,#0000 30%);position:absolute;inset:0}.glass-card:after{content:"";pointer-events:none;opacity:0;width:32%;height:100%;transition:left var(--transition-slow), opacity var(--transition-normal);background:linear-gradient(90deg,#0000,#ffffff0e,#0000);position:absolute;top:0;left:-45%;transform:skew(-16deg)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:var(--shadow-pop);transform:translateY(-2px)}.glass-card:hover:before{opacity:.58}.glass-card:hover:after{opacity:1;left:112%}.glass-card>*{z-index:1;position:relative}.text-gradient{color:var(--text-primary);-webkit-text-fill-color:currentColor;text-shadow:none;background:0 0}.btn{font-family:var(--font-sans);letter-spacing:0;text-transform:none;border-radius:var(--radius-sm);border:1px solid var(--border-light);cursor:pointer;min-height:40px;color:var(--text-primary);isolation:isolate;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:9px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);z-index:-1;background:linear-gradient(90deg,#ffffff1a,#0000 45%);position:absolute;inset:1px;transform:translate(-14px)}.btn:hover{transform:translateY(-1px)}.btn:hover:after{opacity:1;transform:translate(0)}.btn:active{transform:translateY(0)scale(.985)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#38bdf8eb,#0f766ef0),#0f766e;border-color:#2dd4bf5c;box-shadow:0 10px 22px #0f766e3d}.btn-primary:hover{border-color:#7dd3fc94;box-shadow:0 12px 28px #2563eb47}.btn-secondary{color:var(--text-secondary);background:#ffffff0a}.btn-secondary:hover{color:var(--text-primary);background:#2dd4bf14;border-color:#2dd4bf47}.btn-danger{color:#fecdd3;background:#f43f5e24;border-color:#f43f5e47}.btn-danger:hover{background:#f43f5e33;border-color:#f43f5e75}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:700}.input-field{border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background:linear-gradient(#ffffff06,#0000),#06080dbd;padding:11px 13px;font-size:14px}.input-field:focus{box-shadow:var(--shadow-focus);background:#080b12f2;border-color:#2dd4bf94;outline:none}.input-field[data-invalid=true]{border-color:#f87171b8;box-shadow:0 0 0 3px #f871711f}.input-field::placeholder{color:#94a3b88c}.switch{flex:none;width:46px;height:26px;display:inline-block;position:relative}.slider{cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid var(--border-light);background:linear-gradient(#ffffff14,#0000),#94a3b824;border-radius:99px;position:absolute;inset:0}.slider:before{content:"";width:18px;height:18px;transition:transform var(--transition-normal), background-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#dbe4ef;border-radius:50%;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 6px #00000061}input:checked+.slider{background-color:#2dd4bf6b;border-color:#2dd4bf99;box-shadow:0 0 0 4px #2dd4bf17}input:checked+.slider:before{background-color:#fff;transform:translate(20px);box-shadow:0 3px 10px #2dd4bf52}.table{border-collapse:separate;border-spacing:0 7px;width:100%;margin-top:15px}.table th{text-transform:uppercase;color:var(--text-muted);letter-spacing:0;padding:10px 14px;font-size:11px;font-weight:800}.table td{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:#ffffff07;padding:13px 14px;font-size:13.5px}.table td:first-child{border-left:1px solid var(--border-light);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.table td:last-child{border-right:1px solid var(--border-light);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.table tr:hover td{background:#2dd4bf0e}.table tr{transition:transform var(--transition-fast)}.table tr:hover{transform:translate(2px)}.status-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.status-dot-active{background-color:var(--color-success);animation:1.9s ease-in-out infinite status-breathe;box-shadow:0 0 0 4px #22c55e1f}.status-dot-inactive{background-color:var(--color-error);box-shadow:0 0 0 4px #f43f5e1f}.modal-overlay{-webkit-backdrop-filter:blur(8px);animation:.19s both fade-in}.modal-content{animation:.28s cubic-bezier(.16,1,.3,1) both panel-in}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:22px;right:22px}.toast{border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-pop);color:var(--text-primary);background:linear-gradient(#ffffff0b,#0000 50%),#0f131df7;align-items:center;gap:12px;min-width:300px;max-width:min(420px,100vw - 32px);padding:14px 16px;animation:.28s cubic-bezier(.16,1,.3,1) both toast-in;display:flex}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-info{border-left:3px solid var(--accent-blue)}.toast-icon{flex:none}.toast-message{line-height:1.35}.toast-close{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:0;margin-left:auto;font-size:18px}.toast-close:hover{color:var(--text-primary);transform:scale(1.08)}.animate-fade-in{animation:.32s cubic-bezier(.16,1,.3,1) both panel-in}.animate-slide-in{animation:.28s cubic-bezier(.16,1,.3,1) both toast-in}@keyframes panel-in{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(18px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes status-breathe{0%,to{box-shadow:0 0 0 4px #22c55e1f,0 0 #22c55e2e}50%{box-shadow:0 0 0 4px #22c55e1f,0 0 0 7px #22c55e00}}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:32px 32px,32px 32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.app-container{background:linear-gradient(90deg,#2dd4bf09,#0000 31%,#fb718506 100%),linear-gradient(#090d14 0%,#07090d 100%);width:100vw;height:100vh;display:flex;overflow:hidden}.content-area{scrollbar-gutter:stable;background:linear-gradient(#ffffff05,#0000 180px),linear-gradient(90deg,#38bdf805,#0000 42%);flex-direction:column;flex:1;gap:24px;padding:28px 30px 32px;display:flex;position:relative;overflow-y:auto}.content-area:before{content:"";z-index:2;opacity:.72;background:linear-gradient(90deg,#0000,#2dd4bf6b,#fbbf2447,#0000);flex:none;height:1px;margin:-1px 0 0;position:sticky;top:-28px}.page-transition{will-change:opacity, transform, filter;animation:.36s cubic-bezier(.16,1,.3,1) both page-enter}.sidebar-nav-item{isolation:isolate;min-height:44px;transition:background-color var(--transition-normal), color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-fast);position:relative;overflow:hidden}.sidebar-nav-item:before{content:"";background:linear-gradient(180deg, var(--accent-blue), var(--accent-cyan));opacity:0;width:3px;transition:opacity var(--transition-normal), transform var(--transition-normal);border-radius:999px;position:absolute;top:9px;bottom:9px;left:0;transform:translate(-6px)}.sidebar-nav-item:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);z-index:-1;background:linear-gradient(90deg,#ffffff14,#0000 42%);position:absolute;inset:1px;transform:translate(-18px)}.sidebar-nav-item:hover{transform:translate(2px)}.sidebar-nav-item:hover:after,.sidebar-nav-item-active:before{opacity:1;transform:translate(0)}.sidebar-nav-item-active{transform:translate(0);box-shadow:0 12px 28px #0ea5e92e,inset 0 1px #ffffff1f}@keyframes page-enter{0%{opacity:0;filter:blur(5px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}.stat-card{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:#ffffff09;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.stat-value{color:#fff;overflow-wrap:anywhere;min-width:0;font-weight:800}.auth-container{background:linear-gradient(135deg,#2dd4bf12,#0000 34%),linear-gradient(315deg,#fb71850d,#0000 38%),linear-gradient(#090d14 0%,#07090d 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex}.auth-container:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#94a3b80b 1px,#0000 1px),linear-gradient(90deg,#94a3b809 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 76%);mask-image:linear-gradient(#000000b3,#0000 76%)}.auth-container>form{z-index:1;position:relative}@media (width<=900px){.content-area{gap:18px;padding:20px}}