:root{--bg-deep: #070609;--bg-primary: #0e0c10;--bg-card: #141219;--bg-elevated: #1a1721;--bg-input: rgba(7, 6, 9, .7);--primary: #0d9488;--primary-hover: #0f766e;--primary-glow: rgba(13, 148, 136, .35);--primary-dim: rgba(13, 148, 136, .12);--accent: #d97706;--accent-dim: rgba(217, 119, 6, .15);--gold: #f59e0b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(148, 163, 184, .12);--border-focus: rgba(13, 148, 136, .5);--success: #10b981;--success-dim: rgba(16, 185, 129, .15);--error: #f87171;--error-dim: rgba(248, 113, 113, .15);--warning: #fbbf24;--warning-dim: rgba(251, 191, 36, .15);--info-dim: rgba(148, 163, 184, .12);--radius: .5rem;--radius-sm: .25rem;--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .5);--sidebar-width: 250px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Rajdhani,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-deep);min-width:320px;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--gold)}button{font-family:"Orbitron",inherit}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.login-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 45% at 50% -15%,var(--primary-dim) 0%,transparent 55%),radial-gradient(ellipse 55% 35% at 100% 45%,var(--accent-dim) 0%,transparent 50%),radial-gradient(ellipse 45% 28% at 0% 75%,var(--primary-dim) 0%,transparent 50%);pointer-events:none;z-index:0}.login-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(13,148,136,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(13,148,136,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.login-bg-orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.3;animation:login-float 10s ease-in-out infinite;z-index:0}.login-bg-orb-1{width:320px;height:320px;background:var(--primary-dim);top:18%;left:22%}.login-bg-orb-2{width:240px;height:240px;background:var(--accent-dim);bottom:22%;right:18%;animation-delay:-4s}@keyframes login-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,-12px) scale(1.04)}}.login-card{position:relative;z-index:2;background:linear-gradient(165deg,var(--bg-card) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff08;padding:1.75rem;width:100%;max-width:390px;animation:login-card-in .5s ease-out}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);border-radius:1rem 1rem 0 0;opacity:.7}@keyframes login-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:1.35rem}.login-header img{width:48px;height:48px;margin-bottom:.8rem;border-radius:12px;box-shadow:0 0 16px var(--primary-glow)}.login-header h1,.login-header h2{margin:0 0 .5rem;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.login-header h2{font-size:1.2rem}.login-header h1 .highlight,.login-header h2 .highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{margin:0;font-size:.9rem;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:.95rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:Orbitron,sans-serif;font-weight:600;font-size:.74rem;letter-spacing:.05em;color:var(--text-secondary)}.login-button{padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:var(--bg-deep);border:none;border-radius:.5rem;font-family:Orbitron,sans-serif;font-size:.86rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 24px var(--primary-glow);width:100%}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 32px var(--primary-glow)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-otp-hint{margin:0;color:var(--text-muted);font-size:.92rem}.login-link-button{margin-top:.25rem;background:none;border:none;color:var(--primary);cursor:pointer;font-size:.9rem;padding:0;font-family:Rajdhani,sans-serif;width:100%;text-align:center}.login-link-button:hover{color:var(--gold)}.login-card-footer{margin-top:1rem;text-align:center;font-size:.84rem;color:var(--text-muted)}.login-card-footer a{color:var(--primary)}.login-card-footer a:hover{color:var(--gold)}.alert{padding:.85rem 1rem;border-radius:.5rem;font-size:.9rem}.alert-error{background:var(--error-dim);color:var(--error);border:1px solid rgba(248,113,113,.35)}.alert-success{background:var(--success-dim);color:var(--success);border:1px solid rgba(16,185,129,.35)}.alert-info{background:var(--info-dim);color:var(--text-secondary);border:1px solid var(--border-color)}.spinner-inline{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:.5rem;border:2px solid var(--bg-elevated);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 767px){.login-container{padding:4.5rem .85rem .85rem;align-items:flex-start}.login-bg-orb-1{width:220px;height:220px;top:10%;left:-8%}.login-bg-orb-2{width:180px;height:180px;right:-6%;bottom:12%}.login-card{max-width:100%;padding:1.1rem;border-radius:.85rem}.login-header{margin-bottom:1rem}.login-header img{width:42px;height:42px;margin-bottom:.7rem}.login-header h1,.login-header h2{font-size:1.22rem}.login-header p{font-size:.84rem}.login-form{gap:.8rem}}.layout{display:flex;min-height:100vh;background:var(--bg-deep)}.mobile-topbar,.mobile-nav-backdrop{display:none}.sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:10}.sidebar-header{padding:1rem 1rem .9rem;border-bottom:1px solid var(--border-color)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;min-width:0}.sidebar-logo-image{width:28px;height:28px;border-radius:8px;box-shadow:0 0 12px var(--primary-glow)}.sidebar-logo-title{margin:0;font-size:1rem;font-family:Orbitron,sans-serif;font-weight:600;color:var(--text-primary)}.sidebar-logo-subtitle{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.sidebar-section{padding:0 0 1rem}.sidebar-section-title{padding:.4rem 1rem;font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.sidebar-nav{flex:1;padding:.15rem 0 .75rem}.nav-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.62rem 1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;font-family:Rajdhani,sans-serif;background:transparent;border:none;border-radius:0;text-align:left;cursor:pointer;transition:background .2s,color .2s}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--primary-dim);color:var(--primary);border-left:3px solid var(--primary);padding-left:calc(1rem - 3px)}.sidebar-footer{padding:.85rem;border-top:1px solid var(--border-color)}.sidebar-logout-btn{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:.5rem}.main-content{flex:1;margin-left:var(--sidebar-width);padding:.85rem;background:var(--bg-deep);min-width:0;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.page-header h2{margin:0;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.page-header p,.muted{margin:.35rem 0 0;color:var(--text-secondary);font-size:.88rem}.page-eyebrow{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.toolbar{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.toolbar-input{width:150px}.page-panel{border-radius:var(--radius);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-lg);padding:.9rem}.panel-grid{display:grid;gap:.75rem}@media (min-width: 860px){.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1180px){.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.panel-card{border-radius:var(--radius);border:1px solid var(--border-color);background:var(--bg-primary);padding:.9rem;display:grid;gap:.75rem}.panel-card-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.panel-card h3{margin:0;font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:600;color:var(--text-primary)}.stack{display:grid;gap:.6rem}.checkbox-row{display:flex;align-items:center;gap:.65rem;color:var(--text-secondary);font-size:.88rem}.checkbox-row input{width:auto;accent-color:var(--primary)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .55rem;font-size:.7rem;border:1px solid var(--border-color);white-space:nowrap}.badge--ok{color:var(--success);border-color:#10b98159;background:var(--success-dim)}.badge--warn{color:var(--warning);border-color:#fbbf2459;background:var(--warning-dim)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.55rem .45rem;border-bottom:1px solid var(--border-color);vertical-align:top}.table th{font-family:Orbitron,sans-serif;font-size:.64rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.table td{color:var(--text-secondary);font-size:.84rem}.table td input{min-width:92px}.table-empty{text-align:center;padding:1.5rem;color:var(--text-muted)}.mono-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.loading-center{min-height:100vh;display:grid;place-items:center;background:var(--bg-deep)}.spinner{width:2.25rem;height:2.25rem;border-radius:999px;border:3px solid rgba(148,163,184,.24);border-top-color:var(--primary);animation:spin .8s linear infinite}.input,.select-input,textarea.input{padding:.52rem .7rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.92rem;font-family:Rajdhani,sans-serif;color:var(--text-primary);transition:border-color .2s,box-shadow .2s;width:100%}.input::placeholder{color:var(--text-muted)}.input:focus,.select-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.btn-primary{padding:.46rem .8rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:var(--bg-deep);border:none;border-radius:var(--radius-sm);font-family:Orbitron,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 0 16px var(--primary-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px var(--primary-glow)}.btn-secondary{padding:.42rem .72rem;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-family:Rajdhani,sans-serif;font-size:.82rem;transition:background .2s,border-color .2s,color .2s}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (max-width: 767px){.layout{flex-direction:column}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:sticky;top:0;z-index:20;padding:.65rem .8rem;border-bottom:1px solid var(--border-color);background:#0e0c10f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-topbar-brand{display:flex;align-items:center;gap:.55rem;min-width:0}.mobile-topbar-toggle{border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);border-radius:999px;padding:.45rem .8rem;font-size:.78rem;letter-spacing:.04em}.sidebar{width:min(84vw,280px);position:fixed;inset:0 auto 0 0;height:100vh;transform:translate(-100%);transition:transform .2s ease;box-shadow:0 18px 48px #0006}.layout--mobile-nav-open .sidebar{transform:translate(0)}.mobile-nav-backdrop--open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#00000073}.main-content{margin-left:0;min-height:calc(100vh - 58px);padding:.7rem}.page-header{align-items:stretch}.page-header h2{font-size:.98rem}.page-header p{font-size:.82rem}.toolbar{display:grid;grid-template-columns:1fr 1fr;width:100%}.toolbar>*{min-width:0}.toolbar-input{width:100%}.page-panel{padding:.7rem;overflow:hidden}.panel-card{padding:.75rem}.panel-card-head{flex-direction:column;align-items:stretch}.table-wrap{overflow-x:auto;margin:0 -.1rem}.table{min-width:720px}.table td,.table th{padding:.48rem .4rem}.badge{align-self:flex-start}}