.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--theme-background, #0a0a0a);padding:2rem;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,255,.1) 0%,transparent 50%);pointer-events:none}.auth-container{max-width:500px;width:100%;position:relative;z-index:1}.auth-logo{text-align:center;margin-bottom:3rem}.brand-text{font-size:3rem;font-weight:700;color:var(--theme-primary, #00ffff);text-transform:uppercase;letter-spacing:.3em;margin:0;text-shadow:0 0 20px var(--theme-primary, #00ffff)}.brand-tagline{color:var(--theme-text, #ffffff);font-size:1rem;margin-top:.5rem;opacity:.7;letter-spacing:.2em;text-transform:uppercase}.auth-form{background:var(--theme-card-bg, #1a1a1a);border:2px solid var(--theme-primary, #00ffff);border-radius:12px;padding:2.5rem;box-shadow:0 0 40px #0ff3}.auth-form h2{color:var(--theme-text, #ffffff);margin:0 0 1.5rem;font-size:1.5rem}.form-description{color:var(--theme-text, #ffffff);opacity:.7;margin-bottom:1.5rem;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;color:var(--theme-text, #ffffff);margin-bottom:.5rem;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;background:var(--theme-background, #0a0a0a);border:1px solid var(--theme-primary, #00ffff);border-radius:6px;color:var(--theme-text, #ffffff);font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--theme-primary, #00ffff);box-shadow:0 0 10px #00ffff4d}.form-group input:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed}.btn-primary{width:100%;padding:1rem;background:var(--theme-primary, #00ffff);color:var(--theme-background, #0a0a0a);border:none;border-radius:6px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s;margin-top:.5rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px var(--theme-primary, #00ffff)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:transparent;color:var(--theme-text, #ffffff);border:1px solid var(--theme-primary, #00ffff);border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:var(--theme-primary, #00ffff);color:var(--theme-background, #0a0a0a)}.error-message{background:#ff00001a;border:1px solid #ff0000;border-radius:6px;padding:1rem;color:#ff6b6b;margin-bottom:1.5rem;font-size:.9rem}.success-message{background:#00ff001a;border:1px solid #00ff00;border-radius:6px;padding:2rem;color:#0f0;text-align:center}.success-message h2{color:var(--theme-primary, #00ffff);margin-bottom:1rem}.success-message p{margin-bottom:1.5rem;opacity:.9}.auth-links{margin-top:1.5rem;text-align:center;color:var(--theme-text, #ffffff);font-size:.9rem}.auth-links a{color:var(--theme-primary, #00ffff);text-decoration:none;transition:all .3s}.auth-links a:hover{text-shadow:0 0 10px var(--theme-primary, #00ffff)}.auth-links span{margin:0 .5rem;opacity:.5}.auth-footer{margin-top:2rem;text-align:center;color:var(--theme-text, #ffffff);opacity:.5;font-size:.85rem}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--theme-background, #0a0a0a);color:var(--theme-text, #ffffff)}.loading-spinner{width:50px;height:50px;border:3px solid var(--theme-card-bg, #2a2a2a);border-top-color:var(--theme-primary, #00ffff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.auth-form{padding:1.5rem}.brand-text{font-size:2rem}.form-row{grid-template-columns:1fr}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}:root{--admin-primary: #06b6d4;--admin-primary-hover: #22d3ee;--admin-primary-active: #0891b2;--admin-primary-glow: rgba(6, 182, 212, .3);--admin-primary-active-bg: rgba(6, 182, 212, .15);--admin-primary-hover-bg: rgba(6, 182, 212, .08);--admin-secondary-blue: #3b82f6;--admin-secondary-purple: #a855f7;--admin-secondary-glow: rgba(59, 130, 246, .3);--admin-accent-green: #22c55e;--admin-accent-yellow: #eab308;--admin-accent-orange: #f97316;--admin-accent-red: #ef4444;--admin-bg-primary: #0a0a0a;--admin-bg-secondary: #171717;--admin-bg-tertiary: #262626;--admin-bg-elevated: #171717;--admin-bg-subtle: rgba(38, 38, 38, .5);--admin-surface-dark: #000000;--admin-surface-medium: #0a0a0a;--admin-surface-light: #171717;--admin-text-primary: #ffffff;--admin-text-secondary: #e5e7eb;--admin-text-tertiary: #9ca3af;--admin-text-cyan: #22d3ee;--admin-text-muted: #6b7280;--admin-text-disabled: #4b5563;--admin-border-primary: #06b6d4;--admin-border-secondary: #4b5563;--admin-border-subtle: #262626;--admin-border-muted: #171717;--admin-border-hover: rgba(6, 182, 212, .3);--admin-success: #22c55e;--admin-success-bg: rgba(34, 197, 94, .1);--admin-warning: #eab308;--admin-warning-bg: rgba(234, 179, 8, .1);--admin-error: #ef4444;--admin-error-bg: rgba(239, 68, 68, .1);--admin-info: #06b6d4;--admin-info-bg: rgba(6, 182, 212, .1);--admin-font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--admin-font-mono: "Fira Code", "Courier New", monospace;--admin-font-display: "Orbitron", "Rajdhani", sans-serif;--admin-text-xs: .75rem;--admin-text-sm: .875rem;--admin-text-base: 1rem;--admin-text-lg: 1.125rem;--admin-text-xl: 1.25rem;--admin-text-2xl: 1.5rem;--admin-text-3xl: 1.875rem;--admin-text-4xl: 2.25rem;--admin-text-5xl: 3rem;--admin-weight-normal: 400;--admin-weight-medium: 500;--admin-weight-semibold: 600;--admin-weight-bold: 700;--admin-weight-black: 900;--admin-space-xs: .25rem;--admin-space-sm: .5rem;--admin-space-md: 1rem;--admin-space-lg: 1.5rem;--admin-space-xl: 2rem;--admin-space-2xl: 3rem;--admin-space-3xl: 4rem;--admin-radius-none: 0;--admin-radius-sm: .25rem;--admin-radius-md: .5rem;--admin-radius-lg: .75rem;--admin-radius-xl: 1rem;--admin-radius-full: 9999px;--admin-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--admin-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--admin-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--admin-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--admin-glow-cyan-sm: 0 0 10px rgba(34, 211, 238, .5);--admin-glow-cyan-md: 0 0 20px rgba(34, 211, 238, .6);--admin-glow-cyan-lg: 0 0 40px rgba(34, 211, 238, .7);--admin-glow-cyan-active: 0 4px 6px -1px rgba(6, 182, 212, .25);--admin-text-glow-cyan: 0 0 10px rgba(34, 211, 238, .8), 0 0 20px rgba(34, 211, 238, .5);--admin-nav-height: 100px;--admin-nav-width: 100px;--admin-content-height: calc(100vh - 200px) ;--admin-duration-fast: .15s;--admin-duration-normal: .3s;--admin-duration-slow: .5s;--admin-easing: cubic-bezier(.4, 0, .2, 1)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-btn{font-family:var(--admin-font-primary);font-size:var(--admin-text-base);font-weight:var(--admin-weight-semibold);padding:.75rem 1.5rem;border-radius:var(--admin-radius-md);cursor:pointer;transition:all var(--admin-duration-normal) var(--admin-easing);text-transform:uppercase;letter-spacing:.05em;border:none;outline:none}.admin-btn-primary{background:var(--admin-primary);color:var(--admin-bg-primary);box-shadow:var(--admin-glow-cyan-md)}.admin-btn-primary:hover{background:var(--admin-primary-hover);box-shadow:var(--admin-glow-cyan-lg);transform:translateY(-2px)}.admin-btn-primary:active{background:var(--admin-primary-active);transform:translateY(0)}.admin-btn-secondary{background:transparent;color:var(--admin-primary);border:2px solid var(--admin-primary)}.admin-btn-secondary:hover{background:var(--admin-primary-hover-bg);box-shadow:var(--admin-glow-cyan-md);transform:translateY(-1px)}.admin-btn-ghost{background:transparent;color:var(--admin-text-primary)}.admin-btn-ghost:hover{background:#ffffff0d;transform:scale(1.05)}.admin-btn-danger{background:var(--admin-error);color:var(--admin-text-primary)}.admin-btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.admin-form-group{margin-bottom:var(--admin-space-lg)}.admin-label{display:block;font-family:var(--admin-font-primary);font-size:var(--admin-text-sm);font-weight:var(--admin-weight-medium);color:var(--admin-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--admin-space-sm)}.admin-input{width:100%;font-family:var(--admin-font-mono);font-size:var(--admin-text-base);color:var(--admin-text-primary);background:var(--admin-bg-primary);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:.75rem 1rem;transition:all var(--admin-duration-normal) var(--admin-easing)}.admin-input:focus{outline:none;border:2px solid var(--admin-border-primary);box-shadow:var(--admin-glow-cyan-sm);background:var(--admin-surface-dark)}.admin-input::placeholder{color:var(--admin-text-muted)}.admin-select{width:100%;font-family:var(--admin-font-mono);font-size:var(--admin-text-base);color:var(--admin-text-primary);background:var(--admin-bg-primary);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:.75rem 1rem;cursor:pointer;transition:all var(--admin-duration-normal) var(--admin-easing)}.admin-select:focus{outline:none;border:2px solid var(--admin-border-primary);box-shadow:var(--admin-glow-cyan-sm)}.admin-textarea{width:100%;font-family:var(--admin-font-mono);font-size:var(--admin-text-base);color:var(--admin-text-primary);background:var(--admin-bg-primary);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:.75rem 1rem;resize:vertical;min-height:100px;transition:all var(--admin-duration-normal) var(--admin-easing)}.admin-textarea:focus{outline:none;border:2px solid var(--admin-border-primary);box-shadow:var(--admin-glow-cyan-sm)}.admin-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--admin-bg-primary);border:2px solid var(--admin-border-primary);border-radius:var(--admin-radius-sm);cursor:pointer;position:relative;transition:all var(--admin-duration-fast) var(--admin-easing)}.admin-checkbox:checked{background:var(--admin-primary);box-shadow:var(--admin-glow-cyan-sm)}.admin-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--admin-bg-primary);font-weight:var(--admin-weight-bold)}.admin-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--admin-bg-primary);border:2px solid var(--admin-border-primary);border-radius:50%;cursor:pointer;position:relative;transition:all var(--admin-duration-fast) var(--admin-easing)}.admin-radio:checked{border-color:var(--admin-border-primary);box-shadow:var(--admin-glow-cyan-sm)}.admin-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--admin-primary);border-radius:50%}.admin-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:24px;background:var(--admin-bg-tertiary);border-radius:var(--admin-radius-full);cursor:pointer;position:relative;transition:all var(--admin-duration-normal) var(--admin-easing)}.admin-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--admin-text-muted);border-radius:50%;transition:all var(--admin-duration-normal) var(--admin-easing)}.admin-toggle:checked{background:var(--admin-primary);box-shadow:var(--admin-glow-cyan-sm)}.admin-toggle:checked:after{left:26px;background:var(--admin-bg-primary)}.admin-card{background:var(--admin-bg-secondary);border:2px solid var(--admin-border-primary);border-radius:var(--admin-radius-lg);padding:var(--admin-space-xl);box-shadow:var(--admin-glow-cyan-md);transition:all var(--admin-duration-normal) var(--admin-easing)}.admin-card:hover{box-shadow:var(--admin-glow-cyan-lg);transform:translateY(-2px)}.admin-card-header{font-family:var(--admin-font-display);font-size:var(--admin-text-xl);font-weight:var(--admin-weight-bold);color:var(--admin-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--admin-space-lg)}.admin-card-body{color:var(--admin-text-secondary);line-height:1.6}.admin-widget{background:var(--admin-bg-secondary);border:2px solid var(--admin-border-primary);border-radius:var(--admin-radius-lg);padding:var(--admin-space-lg);box-shadow:var(--admin-glow-cyan-md);animation:fade-in var(--admin-duration-normal) var(--admin-easing)}.admin-widget-metric{display:flex;flex-direction:column;align-items:flex-start}.admin-widget-metric-value{font-family:var(--admin-font-display);font-size:var(--admin-text-4xl);font-weight:var(--admin-weight-bold);color:var(--admin-primary);line-height:1}.admin-widget-metric-label{font-size:var(--admin-text-sm);color:var(--admin-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--admin-space-sm)}.admin-widget-status{display:inline-flex;align-items:center;gap:var(--admin-space-sm);font-family:var(--admin-font-mono);font-size:var(--admin-text-base);font-weight:var(--admin-weight-bold);text-transform:uppercase;letter-spacing:.05em}.admin-widget-status.online{color:var(--admin-success)}.admin-widget-status.offline{color:var(--admin-error)}.admin-widget-status.warning{color:var(--admin-warning)}.admin-widget-status-dot{width:12px;height:12px;border-radius:50%;animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}.admin-widget-status.online .admin-widget-status-dot{background:var(--admin-success)}.admin-widget-status.offline .admin-widget-status-dot{background:var(--admin-error)}.admin-widget-progress{width:100%;height:8px;background:var(--admin-bg-tertiary);border-radius:var(--admin-radius-full);overflow:hidden;margin-top:var(--admin-space-md)}.admin-widget-progress-bar{height:100%;background:var(--admin-primary);box-shadow:var(--admin-glow-cyan-md);transition:width var(--admin-duration-slow) var(--admin-easing)}.admin-table{width:100%;border-collapse:collapse;font-family:var(--admin-font-mono);font-size:var(--admin-text-sm)}.admin-table thead{background:var(--admin-bg-secondary)}.admin-table th{padding:var(--admin-space-md);text-align:left;font-weight:var(--admin-weight-bold);color:var(--admin-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--admin-border-primary)}.admin-table td{padding:var(--admin-space-md);color:var(--admin-text-secondary);border-bottom:1px solid var(--admin-border-subtle)}.admin-table tr{background:var(--admin-bg-primary);transition:background var(--admin-duration-fast) var(--admin-easing)}.admin-table tr:nth-child(2n){background:var(--admin-surface-dark)}.admin-table tr:hover{background:var(--admin-primary-hover-bg)}.admin-code{font-family:var(--admin-font-mono);font-size:var(--admin-text-sm);background:var(--admin-bg-primary);color:var(--admin-accent-green);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:var(--admin-space-md);overflow-x:auto}.admin-terminal{font-family:var(--admin-font-mono);font-size:var(--admin-text-sm);background:#000;color:var(--admin-accent-green);border:2px solid var(--admin-border-primary);border-radius:var(--admin-radius-md);padding:var(--admin-space-md);box-shadow:var(--admin-glow-cyan-md);overflow-x:auto}.admin-terminal-prompt{color:var(--admin-primary);margin-right:var(--admin-space-sm)}.admin-terminal-cursor{display:inline-block;width:8px;height:16px;background:var(--admin-accent-green);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.admin-text-glow{text-shadow:var(--admin-text-glow-cyan)}.admin-pulse{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}.admin-fade-in{animation:fade-in var(--admin-duration-normal) var(--admin-easing)}.admin-slide-up{animation:slide-up var(--admin-duration-normal) var(--admin-easing)}.draggable-widget{min-width:350px;max-width:500px;background:var(--admin-bg-secondary);border:2px solid var(--admin-border-primary);border-radius:var(--admin-radius-lg);box-shadow:0 20px 40px #0009,0 0 30px var(--admin-primary-glow);overflow:hidden;transition:all .3s ease;-webkit-user-select:none;user-select:none}.draggable-widget.dragging{box-shadow:0 25px 50px #000c,0 0 40px var(--admin-primary-glow);transform:scale(1.02)}.draggable-widget-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--admin-bg-tertiary) 0%,var(--admin-bg-secondary) 100%);border-bottom:1px solid var(--admin-border-primary);cursor:grab}.draggable-widget.dragging .draggable-widget-header{cursor:grabbing}.draggable-widget-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;color:var(--admin-text-primary);text-transform:uppercase;letter-spacing:.05em}.widget-icon-draggable{width:24px;height:24px;color:var(--admin-primary);animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}.draggable-widget-actions{display:flex;gap:.5rem}.draggable-widget-body{padding:1.5rem;max-height:600px;overflow-y:auto;animation:slideDown .3s ease}.draggable-widget.collapsed{min-width:250px}.draggable-widget.collapsed .draggable-widget-body{display:none}.draggable-widget-body::-webkit-scrollbar{width:8px}.draggable-widget-body::-webkit-scrollbar-track{background:var(--admin-bg-primary)}.draggable-widget-body::-webkit-scrollbar-thumb{background:var(--admin-border-primary);border-radius:4px}.draggable-widget-body::-webkit-scrollbar-thumb:hover{background:var(--admin-primary-hover)}.draggable-widget-content{display:flex;flex-direction:column;gap:1rem}.draggable-widget-content h3{font-size:var(--admin-text-lg);font-weight:var(--admin-weight-bold);color:var(--admin-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.draggable-widget-content p{color:var(--admin-text-secondary);line-height:1.6}.draggable-widget-item{padding:.75rem;background:var(--admin-bg-primary);border:1px solid var(--admin-border-subtle);border-radius:var(--admin-radius-md);transition:all .2s ease}.draggable-widget-item:hover{border-color:var(--admin-primary);box-shadow:0 0 15px var(--admin-primary-glow)}@keyframes pulse-widget{0%,to{box-shadow:0 20px 40px #0009,0 0 20px var(--admin-primary-glow)}50%{box-shadow:0 20px 40px #0009,0 0 40px var(--admin-primary-glow)}}[data-theme=light]{--admin-bg-primary: #ffffff;--admin-bg-secondary: #f9fafb;--admin-bg-tertiary: #f3f4f6;--admin-bg-elevated: #ffffff;--admin-bg-subtle: rgba(243, 244, 246, .8);--admin-text-primary: #111827;--admin-text-secondary: #374151;--admin-text-tertiary: #6b7280;--admin-text-muted: #9ca3af;--admin-border-primary: #06b6d4;--admin-border-secondary: #d1d5db;--admin-border-subtle: #e5e7eb;--admin-border-muted: #f3f4f6;--admin-primary-glow: rgba(34, 211, 238, .3);--admin-primary-hover-bg: rgba(6, 182, 212, .05);--admin-primary-active-bg: rgba(6, 182, 212, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(6, 182, 212, .2);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15)}:root{--glass-bg: rgba(31, 41, 55, .7);--glass-border: rgba(34, 211, 238, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}.glass-widget{background:var(--glass-bg)!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}[data-theme=light] .nav-top,[data-theme=light] .nav-left,[data-theme=light] .nav-right,[data-theme=light] .nav-bottom{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:var(--glass-shadow)}[data-theme=light] .admin-widget,[data-theme=light] .draggable-widget,[data-theme=light] .mini-widget{background:var(--glass-bg);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}[data-theme=light] .nav-left-icon,[data-theme=light] .nav-icon,[data-theme=light] .status-icon{color:var(--admin-text-secondary)}[data-theme=light] .nav-left-item:hover .nav-left-icon,[data-theme=light] .nav-left-item.active .nav-left-icon{color:var(--admin-primary)}[data-theme=light] .nav-top{box-shadow:0 2px 20px #06b6d41a}[data-theme=light] .nav-left{box-shadow:2px 0 20px #06b6d41a}[data-theme=light] .nav-right{box-shadow:-2px 0 20px #06b6d41a}[data-theme=light] .nav-bottom{box-shadow:0 -2px 20px #06b6d41a}[data-theme=light]{--admin-bg-primary: #ffffff;--admin-bg-secondary: #f9fafb;--admin-bg-tertiary: #f3f4f6;--admin-text-primary: #111827;--admin-text-secondary: #374151;--admin-text-tertiary: #6b7280;--admin-border-primary: #06b6d4;--admin-border-subtle: #e5e7eb;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(6, 182, 212, .2)}.glass-widget{background:var(--glass-bg)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.top-nav{position:fixed;top:0;left:0;right:0;height:60px;background:#0a0a0af2;border-bottom:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:0 2px 10px #00ffff1a}.top-nav-logo{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.top-nav-center{flex:1;display:flex;justify-content:center;gap:2rem}.top-nav-link{color:#ffffffb3;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;font-weight:500}.top-nav-link:hover{color:#0ff;background:#00ffff1a;text-shadow:0 0 8px rgba(0,255,255,.6)}.top-nav-link.active{color:#0ff;background:#00ffff26;box-shadow:0 0 10px #00ffff4d}.top-nav-right{display:flex;align-items:center;gap:1rem}.top-nav-user{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:4px;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);cursor:pointer;transition:all .3s ease}.top-nav-user:hover{background:#00ffff1a;border-color:#0ff6;box-shadow:0 0 10px #0ff3}.top-nav-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0ff,#f0f);display:flex;align-items:center;justify-content:center;font-weight:700;color:#0a0a0a}.left-nav{position:fixed;top:60px;left:0;bottom:0;width:250px;background:#0a0a0af2;border-right:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;z-index:999;padding:1rem 0}.left-nav-section{padding:1rem}.left-nav-title{color:#ffffff80;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;padding:0 .5rem}.left-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#ffffffb3;text-decoration:none;border-radius:4px;margin-bottom:.25rem;transition:all .3s ease}.left-nav-item:hover{color:#0ff;background:#00ffff1a;padding-left:1.5rem}.left-nav-item.active{color:#0ff;background:#00ffff26;border-left:3px solid #00ffff;box-shadow:0 0 10px #00ffff4d}.left-nav-icon{width:20px;height:20px}.right-nav{position:fixed;top:60px;right:0;bottom:0;width:300px;background:#0a0a0af2;border-left:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;z-index:999;padding:1rem}.right-nav-section{margin-bottom:1.5rem}.right-nav-title{color:#0ff;font-size:1rem;font-weight:700;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,255,.2)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:50px;background:#0a0a0af2;border-top:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.bottom-nav-left,.bottom-nav-center,.bottom-nav-right{display:flex;align-items:center;gap:1rem}.bottom-nav-item{color:#ffffffb3;font-size:.875rem;transition:all .3s ease}.bottom-nav-item:hover{color:#0ff}.bottom-nav-status{display:flex;align-items:center;gap:.5rem}.bottom-nav-status-dot{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f09;animation:pulse 2s infinite}.bottom-nav-status-dot.warning{background:#ff0;box-shadow:0 0 8px #ff09}.bottom-nav-status-dot.error{background:red;box-shadow:0 0 8px #f009}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.left-nav::-webkit-scrollbar,.right-nav::-webkit-scrollbar{width:8px}.left-nav::-webkit-scrollbar-track,.right-nav::-webkit-scrollbar-track{background:#0003}.left-nav::-webkit-scrollbar-thumb,.right-nav::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}.left-nav::-webkit-scrollbar-thumb:hover,.right-nav::-webkit-scrollbar-thumb:hover{background:#00ffff80}@media (max-width: 768px){.left-nav{transform:translate(-100%);transition:transform .3s ease}.left-nav.open{transform:translate(0)}.right-nav{transform:translate(100%);transition:transform .3s ease}.right-nav.open{transform:translate(0)}}.live-stream-chart{width:100%;background:transparent;border-radius:12px;padding:16px;position:relative}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.chart-label{font-size:13px;font-weight:600;color:#ffffffb3;letter-spacing:.02em;text-transform:uppercase}.chart-value{font-size:20px;font-weight:700;color:#fffffff2;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.chart-canvas{width:100%;display:block;border-radius:8px;background:transparent}[data-theme=light] .chart-label{color:#0009}[data-theme=light] .chart-value{color:#000000e6}@media (max-width: 768px){.live-stream-chart{padding:12px}.chart-label{font-size:11px}.chart-value{font-size:18px}}.live-stream-chart{transition:all .3s cubic-bezier(.4,0,.2,1)}.live-stream-chart:hover{transform:translateY(-1px)}.profile-container{max-width:900px;margin:0 auto;padding:2rem}.profile-header{display:flex;align-items:center;gap:2rem;background:var(--theme-card-bg, #1a1a1a);border:2px solid var(--theme-primary, #00ffff);border-radius:12px;padding:2rem;margin-bottom:2rem}.profile-avatar{flex-shrink:0}.profile-avatar img{width:120px;height:120px;border-radius:50%;border:3px solid var(--theme-primary, #00ffff);object-fit:cover}.avatar-placeholder{width:120px;height:120px;border-radius:50%;border:3px solid var(--theme-primary, #00ffff);background:var(--theme-background, #0a0a0a);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--theme-primary, #00ffff)}.profile-info h2{margin:0 0 .5rem;color:var(--theme-text, #ffffff);font-size:2rem}.username{color:var(--theme-primary, #00ffff);font-size:1.1rem;margin:0 0 .25rem}.email{color:var(--theme-text, #ffffff);opacity:.7;margin:0 0 1rem}.role-badge{display:inline-block;padding:.5rem 1rem;background:var(--theme-primary, #00ffff);color:var(--theme-background, #0a0a0a);border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.role-badge.role-super_admin{background:#f0f}.role-badge.role-admin{background:#fa0}.profile-section{background:var(--theme-card-bg, #1a1a1a);border:2px solid var(--theme-primary, #00ffff);border-radius:12px;padding:2rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-section h3{margin:0 0 1.5rem;color:var(--theme-primary, #00ffff);font-size:1.3rem;text-transform:uppercase;letter-spacing:.1em}.profile-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,255,255,.2)}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--theme-text, #ffffff);opacity:.7;font-weight:500}.detail-row .value{color:var(--theme-text, #ffffff)}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:uppercase}.badge.active{background:#0f03;color:#0f0}.badge.inactive{background:#f003;color:red}.badge.verified{background:#0ff3;color:var(--theme-primary, #00ffff)}.badge.unverified{background:#ffa50033;color:orange}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.message{padding:1rem;background:#00ffff1a;border:1px solid var(--theme-primary, #00ffff);border-radius:6px;color:var(--theme-primary, #00ffff);margin-bottom:1.5rem;text-align:center}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.detail-row{flex-direction:column;gap:.5rem;text-align:center}.form-actions{flex-direction:column}}.nav-top{border-bottom:.5px solid rgba(255,255,255,.08)!important;box-shadow:none!important}.nav-left{border-right:.5px solid rgba(255,255,255,.08)!important;box-shadow:none!important}.nav-right{border-left:.5px solid rgba(255,255,255,.08)!important;box-shadow:none!important}.nav-bottom{border-top:.5px solid rgba(255,255,255,.08)!important;box-shadow:none!important}.nav-left-item{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:10px!important}.nav-left-item:hover{background:#ffffff14!important;border:none!important;box-shadow:none!important;transform:scale(1)!important}.nav-left-item.active{background:#ffffff1f!important;border:none!important;box-shadow:none!important}.nav-left-icon{color:#ffffff8c!important}.nav-left-item:hover .nav-left-icon{color:#ffffffd9!important}.nav-action-item{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:10px!important}.nav-action-item:hover{background:#ffffff14!important;transform:scale(1)!important}.nav-icon{color:#ffffff8c!important}.nav-action-item:hover .nav-icon{color:#ffffffd9!important}.nav-user-menu{background:#ffffff0d!important;border:.5px solid rgba(255,255,255,.08)!important;box-shadow:none!important;border-radius:12px!important}.nav-user-menu:hover{background:#ffffff14!important;border-color:#ffffff1f!important;box-shadow:none!important}.search-input{background:#ffffff14!important;border:.5px solid rgba(255,255,255,.08)!important;box-shadow:none!important;border-radius:10px!important;font-size:15px!important;padding:8px 12px 8px 40px!important}.search-input:focus{border-color:#ffffff26!important;box-shadow:0 0 0 4px #ffffff0d!important;background:#ffffff1a!important}.admin-widget{border:.5px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 8px #00000040!important;border-radius:12px!important}.draggable-widget{border:.5px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 24px #00000059!important;border-radius:14px!important}.draggable-widget.dragging{box-shadow:0 16px 48px #00000073!important;transform:scale(1)!important}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1)}}.widget-action-btn{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:6px!important;padding:6px!important}.widget-action-btn:hover{background:#ffffff1a!important;border:none!important;box-shadow:none!important;transform:scale(1)!important}.widget-action-btn.close:hover{background:#ef444426!important;color:#ef4444!important;box-shadow:none!important}.profile-dropdown,.notifications-panel{border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 24px #0006!important}.status-container{border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}.mini-widget{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}.mini-widget:hover{background:#ffffff0d!important;border-color:#ffffff1f!important;box-shadow:none!important}.mini-alert.warning{border-left:2px solid #eab308!important}.mini-alert.info{border-left:2px solid #06b6d4!important}.brand,.mini-widget-value,.status-value,*{text-shadow:none!important}.widget-edge-tab{border:1px solid rgba(255,255,255,.1)!important;border-right:none!important;box-shadow:-2px 0 8px #0000004d!important}.widget-edge-tab:hover{box-shadow:-4px 0 12px #0006!important}.draggable-widget-item:hover{border-color:#fff3!important;box-shadow:none!important}[data-theme=light] .nav-top,[data-theme=light] .nav-left,[data-theme=light] .nav-right,[data-theme=light] .nav-bottom{border-color:#0000001a!important;box-shadow:none!important}[data-theme=light] .nav-left-item:hover{background:#0000000d!important}[data-theme=light] .nav-left-item.active{background:#00000014!important}[data-theme=light] .nav-left-icon{color:#00000080!important}[data-theme=light] .nav-left-item:hover .nav-left-icon{color:#000c!important}[data-theme=light] .admin-widget,[data-theme=light] .draggable-widget{border-color:#0000001a!important;box-shadow:0 8px 20px #0000001a!important}[data-theme=light] .admin-widget,[data-theme=light] .draggable-widget,[data-theme=light] .mini-widget{border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .brand{text-shadow:none!important}[data-theme=light] .content-stage{background:#f9fafb!important;color:#111827!important}[data-theme=light] .content-stage *{color:inherit}[data-theme=light] .admin-widget,[data-theme=light] .mini-widget{background:#ffffffe6!important}[data-theme=light] .draggable-widget{background:#fffffff2!important}[data-theme=light] .search-input{background:#00000008!important;border-color:#0000001a!important}[data-theme=light] .search-input:focus{border-color:#0003!important;box-shadow:0 0 0 3px #00000008!important}.brand{color:#ffffffe6!important}.user-avatar{border:2px solid rgba(255,255,255,.2)!important}.nav-left-item.active .nav-left-icon{color:#06b6d4!important}.nav-tooltip{border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 2px 8px #0000004d!important}button:focus,input:focus,.nav-action-item:focus{outline:none!important;box-shadow:0 0 0 3px #ffffff1a!important}[data-theme=light] button:focus,[data-theme=light] input:focus{box-shadow:0 0 0 3px #0000000d!important}[data-theme=light] .nav-top,[data-theme=light] .nav-left,[data-theme=light] .nav-right,[data-theme=light] .nav-bottom{border-color:#0000000f!important;box-shadow:none!important;background:#fffc!important}[data-theme=light] .nav-left-item{background:transparent!important}[data-theme=light] .nav-left-item:hover{background:#0000000f!important}[data-theme=light] .nav-left-item.active{background:#0000001a!important}[data-theme=light] .nav-left-icon,[data-theme=light] .nav-icon,[data-theme=light] .status-icon{color:#0000008c!important}[data-theme=light] .nav-left-item:hover .nav-left-icon,[data-theme=light] .nav-action-item:hover .nav-icon{color:#000000d9!important}[data-theme=light] .nav-left-item.active .nav-left-icon{color:#06b6d4!important}[data-theme=light] .content-stage{background:#f5f5f7!important;color:#1d1d1f!important}[data-theme=light] .content-stage *:not(.admin-primary):not(.status-icon){color:inherit!important}[data-theme=light] .profile-dropdown,[data-theme=light] .notifications-panel{background:#fffffff2!important;border:.5px solid rgba(0,0,0,.08)!important;box-shadow:0 8px 32px #0000001f!important}[data-theme=light] .nav-action-item{background:transparent!important}[data-theme=light] .nav-action-item:hover{background:#0000000f!important}[data-theme=light] .brand{color:#000000e6!important;text-shadow:none!important}[data-theme=light] .user-name,[data-theme=light] .status-value{color:#000000e6!important}[data-theme=light] .chart-label{color:#0009!important}[data-theme=light] .chart-value{color:#000000e6!important}.nav-top,.nav-left,.nav-right,.nav-bottom,.admin-widget,.mini-widget,.widget-container,.nav-user-menu,.profile-dropdown,.notifications-panel{border-color:#ffffff14!important}.nav-top,.nav-left,.nav-right,.nav-bottom,.admin-widget,.draggable-widget,.mini-widget,.nav-action-item,.nav-left-item,.widget-action-btn,.search-input,input,button{box-shadow:none!important}.admin-widget{box-shadow:0 1px 3px #0003!important}.draggable-widget{box-shadow:0 4px 12px #0000004d!important}.draggable-widget.dragging{box-shadow:0 8px 24px #0006!important}.brand,.brand-text,h1,h2,h3,h4,h5,h6,.nav-left-icon,.nav-icon,.status-icon,.chart-label,.chart-value{text-shadow:none!important}.nav-left-item:hover,.nav-action-item:hover,.widget-action-btn:hover,.draggable-widget.dragging{transform:none!important}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:1}}@keyframes pulse-widget{0%,to{box-shadow:none}50%{box-shadow:none}}.widget-icon-draggable{animation:none!important}input:focus,button:focus,.search-input:focus{outline:none!important;box-shadow:0 0 0 4px #06b6d41a!important;border-color:#06b6d480!important}[data-theme=light] .brand,[data-theme=light] .brand-text{text-shadow:none!important}[data-theme=light] .draggable-widget{box-shadow:0 4px 12px #00000026!important}.auth-page{background:#0a0a0a!important}.auth-page:before{display:none!important}.brand-text{color:#06b6d4!important;text-shadow:none!important;font-size:2.5rem!important;letter-spacing:.2em!important}.auth-form{background:#1a1a1af2!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;box-shadow:0 4px 12px #0000004d!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.form-group input,.form-group select{background:#0a0a0acc!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.form-group input:focus,.form-group select:focus{border-color:#06b6d480!important;box-shadow:0 0 0 4px #06b6d41a!important}.btn-primary{background:#06b6d4!important;border:none!important;border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.btn-primary:hover:not(:disabled){background:#0891b2!important;transform:none!important;box-shadow:0 4px 12px #06b6d44d!important}.btn-secondary{border:1px solid rgba(255,255,255,.12)!important;background:transparent!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.btn-secondary:hover{background:#ffffff14!important;border-color:#fff3!important}.auth-links a{color:#06b6d4!important;text-shadow:none!important;transition:color .2s cubic-bezier(.4,0,.2,1)!important}.auth-links a:hover{color:#22d3ee!important;text-shadow:none!important}.error-message{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:8px!important;color:#fca5a5!important}.success-message{background:#10b9811a!important;border:1px solid rgba(16,185,129,.3)!important;border-radius:8px!important;color:#6ee7b7!important}[data-theme=light] .auth-page{background:#f5f5f7!important}[data-theme=light] .auth-form{background:#fffffff2!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 4px 12px #0000001a!important}[data-theme=light] .brand-text{color:#06b6d4!important}[data-theme=light] .form-group input,[data-theme=light] .form-group select{background:#fffc!important;border:1px solid rgba(0,0,0,.12)!important;color:#1d1d1f!important}[data-theme=light] .form-group label,[data-theme=light] .auth-form h2{color:#1d1d1f!important}.profile-section input,.profile-section select,.profile-section textarea,.form-control{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important}.profile-section input:focus,.profile-section select:focus,.profile-section textarea:focus,.form-control:focus{border-color:#06b6d480!important;box-shadow:0 0 0 4px #06b6d41a!important;outline:none!important}.profile-actions button,.btn-save,.btn-cancel,.btn-danger{border-radius:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important;transform:none!important}.btn-save,.btn-primary{background:#06b6d4!important;border:none!important}.btn-save:hover,.btn-primary:hover:not(:disabled){background:#0891b2!important;box-shadow:0 2px 8px #06b6d44d!important}.btn-cancel,.btn-secondary{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important}.btn-cancel:hover,.btn-secondary:hover{background:#ffffff14!important;border-color:#fff3!important}.btn-danger{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important}.btn-danger:hover{background:#ef444433!important;border-color:#ef444480!important}.profile-card,.user-profile-card{background:#1a1a1acc!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;box-shadow:0 1px 3px #0003!important}body,.theme-system,.app-container,.content-stage,.auth-page{background:#1a1a1a!important}.auth-form{background:#1e1e1ef2!important}.form-group input,.form-group select,.profile-section input,.profile-section select,.profile-section textarea{background:#0a0a0a99!important}.admin-widget,.profile-card{background:#1e1e1ecc!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--theme-font-primary, "Inter", sans-serif);background:var(--admin-bg-primary, #0a0a0a);color:var(--theme-text, #ffffff);overflow:hidden}.theme-system{width:100vw;height:100vh;display:grid;grid-template-areas:"top top top" "left center right" "bottom bottom bottom";grid-template-rows:100px 1fr 100px;grid-template-columns:100px 1fr 100px;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.nav-top{grid-area:top;height:100px;background:var(--admin-bg-primary, #111827);border-bottom:2px solid var(--admin-border-primary, #22d3ee);box-shadow:0 1px 3px #0000004d;display:flex;align-items:center;padding:0 2rem;position:relative;z-index:1000}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.nav-brand{display:flex;flex-direction:column;gap:.25rem}.brand{font-size:1.75rem;font-weight:900;color:var(--admin-primary, #22d3ee);text-transform:uppercase;letter-spacing:.2em;font-family:var(--admin-font-display, "Orbitron", sans-serif)}.brand-subtitle{font-size:.75rem;color:var(--admin-text-tertiary, #9ca3af);letter-spacing:.3em;text-transform:uppercase;font-weight:600}.nav-search{flex:1;max-width:500px;margin:0 2rem;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;width:20px;height:20px;color:var(--admin-text-tertiary, #9ca3af)}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-subtle, #374151);border-radius:.5rem;color:var(--admin-text-primary, #ffffff);font-size:.875rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--admin-primary, #22d3ee);box-shadow:0 0 0 3px #22d3ee1a}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-action-item{position:relative;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.nav-action-item:hover{background:var(--admin-bg-secondary, #1f2937)}.nav-icon{width:24px;height:24px;color:var(--admin-text-secondary, #e5e7eb);transition:all .3s ease}.nav-action-item:hover .nav-icon{color:var(--admin-primary, #22d3ee)}.notification-badge{position:absolute;top:.25rem;right:.25rem;background:var(--admin-error, #f87171);color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;min-width:18px;text-align:center}.nav-user-menu{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-subtle, #374151);transition:all .3s ease}.nav-user-menu:hover{border-color:var(--admin-primary, #22d3ee)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--admin-bg-tertiary, #374151);display:flex;align-items:center;justify-content:center;border:2px solid var(--admin-primary, #22d3ee)}.user-info{display:flex;flex-direction:column;gap:.125rem}.user-name{font-size:.875rem;font-weight:600;color:var(--admin-text-primary, #ffffff)}.user-role{font-size:.75rem;color:var(--admin-text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-primary, #22d3ee);border-radius:.5rem;min-width:200px;box-shadow:0 4px 12px #0000004d;z-index:1001;padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:var(--admin-text-secondary, #e5e7eb);font-size:.875rem}.dropdown-item:hover{background:var(--admin-bg-tertiary, #374151);color:var(--admin-primary, #22d3ee)}.dropdown-item.logout{color:var(--admin-error, #f87171)}.dropdown-item.logout:hover{background:var(--admin-error-bg, rgba(248, 113, 113, .1))}.dropdown-divider{height:1px;background:var(--admin-border-subtle, #374151);margin:.5rem 0}.notifications-panel{position:absolute;top:100%;right:2rem;width:400px;max-height:500px;background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-primary, #22d3ee);border-radius:.5rem;box-shadow:0 4px 12px #0000004d;z-index:1001;overflow:hidden}.notifications-header{padding:1rem;border-bottom:1px solid var(--admin-border-subtle, #374151);display:flex;justify-content:space-between;align-items:center}.notifications-header h3{font-size:1rem;font-weight:700;color:var(--admin-text-primary, #ffffff);text-transform:uppercase;letter-spacing:.05em}.mark-read-btn{font-size:.75rem;color:var(--admin-primary, #22d3ee);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease}.mark-read-btn:hover{background:var(--admin-primary-hover-bg, rgba(6, 182, 212, .1))}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;gap:.75rem;padding:1rem;border-bottom:1px solid var(--admin-border-subtle, #374151);transition:all .2s ease}.notification-item:hover{background:var(--admin-bg-tertiary, #374151)}.notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.success{background:var(--admin-success-bg, rgba(74, 222, 128, .1));color:var(--admin-success, #4ade80)}.notification-icon.warning{background:var(--admin-warning-bg, rgba(250, 204, 21, .1));color:var(--admin-warning, #facc15)}.notification-icon.info{background:var(--admin-info-bg, rgba(34, 211, 238, .1));color:var(--admin-info, #22d3ee)}.notification-content{flex:1}.notification-title{font-size:.875rem;font-weight:600;color:var(--admin-text-primary, #ffffff);margin-bottom:.25rem}.notification-text{font-size:.75rem;color:var(--admin-text-tertiary, #9ca3af);margin-bottom:.25rem}.notification-time{font-size:.75rem;color:var(--admin-text-muted, #6b7280)}.nav-left{grid-area:left;width:100px;background:var(--admin-bg-primary, #111827);border-right:2px solid var(--admin-border-primary, #22d3ee);box-shadow:1px 0 3px #0000004d;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;gap:.5rem;overflow-y:auto;overflow-x:hidden;z-index:900}.nav-left-icons{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:center}.nav-left-item{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;cursor:pointer;transition:all .3s ease;background:var(--admin-bg-secondary, #1f2937);border:2px solid transparent}.nav-left-item:hover{border-color:var(--admin-primary, #22d3ee);transform:translate(5px)}.nav-left-item.active{border-color:var(--admin-primary, #22d3ee);background:var(--admin-primary-active-bg, rgba(6, 182, 212, .2))}.nav-left-icon{width:28px;height:28px;color:var(--admin-text-secondary, #e5e7eb);transition:all .3s ease}.nav-left-item:hover .nav-left-icon,.nav-left-item.active .nav-left-icon{color:var(--admin-primary, #22d3ee)}.nav-left-tooltip{position:absolute;left:calc(100% + 1rem);background:var(--admin-bg-secondary, #1f2937);color:var(--admin-text-primary, #ffffff);padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 15px #0000004d;border:1px solid var(--admin-border-primary, #22d3ee);z-index:1000;pointer-events:none}.nav-right{grid-area:right;width:100px;background:var(--admin-bg-primary, #111827);border-left:2px solid var(--admin-border-primary, #22d3ee);box-shadow:-1px 0 3px #0000004d;overflow-y:auto;overflow-x:hidden;z-index:900;padding:1rem .5rem}.nav-right-content{display:flex;flex-direction:column;gap:1.5rem}.right-nav-section{display:flex;flex-direction:column;gap:.75rem}.section-title{font-size:.625rem;font-weight:700;color:var(--admin-text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:.5rem}.mini-widget{background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-subtle, #374151);border-radius:.5rem;overflow:hidden;transition:all .3s ease}.mini-widget.expanded{border-color:var(--admin-primary, #22d3ee)}.mini-widget-header{padding:.75rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--admin-bg-tertiary, #374151)}.mini-widget-title{display:flex;flex-direction:column;align-items:center;gap:.375rem;width:100%}.mini-widget-icon{width:24px;height:24px;color:var(--admin-primary, #22d3ee)}.mini-widget-title span{font-size:.75rem;font-weight:600;color:var(--admin-text-secondary, #e5e7eb);text-transform:uppercase;letter-spacing:.05em}.mini-widget-toggle{width:16px;height:16px;color:var(--admin-text-muted, #6b7280)}.mini-widget-content{padding:.75rem;text-align:center}.mini-widget-value{font-size:1.25rem;font-weight:700;color:var(--admin-primary, #22d3ee);font-family:var(--admin-font-display, "Orbitron", sans-serif)}.mini-widget-progress{width:100%;height:4px;background:var(--admin-bg-tertiary, #374151);border-radius:2px;margin-top:.5rem;overflow:hidden}.mini-widget-progress-bar{height:100%;background:var(--admin-primary, #22d3ee);transition:width .5s ease}.mini-alert{background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-subtle, #374151);border-radius:.375rem;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;transition:all .2s ease}.mini-alert.warning{border-left:3px solid var(--admin-warning, #facc15)}.mini-alert.info{border-left:3px solid var(--admin-info, #22d3ee)}.mini-alert-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--admin-warning-bg, rgba(250, 204, 21, .1));color:var(--admin-warning, #facc15)}.mini-alert.info .mini-alert-icon{background:var(--admin-info-bg, rgba(34, 211, 238, .1));color:var(--admin-info, #22d3ee)}.mini-alert-content{text-align:center;font-size:.65rem}.mini-alert-message{color:var(--admin-text-secondary, #e5e7eb);font-weight:600;margin-bottom:.25rem;line-height:1.3}.mini-alert-time{color:var(--admin-text-muted, #6b7280);font-size:.625rem}.mini-alert-dismiss{position:absolute;top:.25rem;right:.25rem;background:none;border:none;color:var(--admin-text-muted, #6b7280);cursor:pointer;padding:.125rem;border-radius:.25rem;transition:all .2s ease}.mini-alert-dismiss:hover{background:var(--admin-bg-tertiary, #374151);color:var(--admin-text-secondary, #e5e7eb)}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-subtle, #374151);border-radius:.375rem;color:var(--admin-text-secondary, #e5e7eb);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:var(--admin-bg-tertiary, #374151);border-color:var(--admin-primary, #22d3ee);color:var(--admin-primary, #22d3ee)}.quick-action-btn svg{width:20px;height:20px}.nav-bottom{grid-area:bottom;height:100px;background:var(--admin-bg-primary, #111827);border-top:2px solid var(--admin-border-primary, #22d3ee);box-shadow:0 -1px 3px #0000004d;display:flex;align-items:center;padding:0 2rem;z-index:1000}.nav-bottom-content{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.bottom-section{display:flex;align-items:center;gap:2rem}.bottom-section.center{flex:1;justify-content:center}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-family:var(--admin-font-mono, "Fira Code", monospace)}.status-icon{width:18px;height:18px;color:var(--admin-primary, #22d3ee)}.status-label{color:var(--admin-text-tertiary, #9ca3af);font-weight:500}.status-value{color:var(--admin-text-primary, #ffffff);font-weight:700}.system-status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-primary, #22d3ee);border-radius:.5rem}.status-indicator{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.status-indicator.online:before{content:"";position:absolute;width:100%;height:100%;background:var(--admin-success, #4ade80);border-radius:50%;animation:pulse-status 2s infinite}.status-pulse-icon{width:12px;height:12px;color:var(--admin-success, #4ade80);position:relative;z-index:1}.status-text{font-size:.875rem;font-weight:700;color:var(--admin-success, #4ade80);text-transform:uppercase;letter-spacing:.1em}.status-item.time,.status-item.date{gap:.375rem}@keyframes pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.content-stage{grid-area:center;background:var(--admin-bg-primary, #111827);overflow-x:hidden;overflow-y:auto;padding:2rem;position:relative;min-height:0;max-height:100%}.admin-widget{background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-subtle, #374151);border-radius:.5rem;overflow:hidden;transition:all .3s ease}.admin-widget.collapsible{border-color:var(--admin-border-primary, #22d3ee)}.admin-widget-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--admin-bg-tertiary, #374151);cursor:pointer;transition:all .2s ease}.admin-widget-header:hover{background:var(--admin-bg-secondary, #1f2937)}.admin-widget-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;color:var(--admin-text-primary, #ffffff);text-transform:uppercase;letter-spacing:.05em}.admin-widget-icon{width:24px;height:24px;color:var(--admin-primary, #22d3ee)}.admin-widget-actions{display:flex;gap:.5rem}.widget-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--admin-bg-secondary, #1f2937);border:1px solid var(--admin-border-subtle, #374151);border-radius:.375rem;color:var(--admin-text-secondary, #e5e7eb);cursor:pointer;transition:all .2s ease}.widget-action-btn:hover{border-color:var(--admin-primary, #22d3ee);color:var(--admin-primary, #22d3ee)}.widget-action-btn.close:hover{border-color:var(--admin-error, #f87171);color:var(--admin-error, #f87171)}.admin-widget-body{padding:1.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.widget-tab{position:fixed;bottom:120px;right:120px;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--admin-bg-secondary, #1f2937);border:2px solid var(--admin-border-primary, #22d3ee);border-radius:.5rem;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .3s ease;z-index:1000}.widget-tab:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0006}.widget-tab-icon{width:20px;height:20px;color:var(--admin-primary, #22d3ee)}.widget-tab-title{font-size:.875rem;font-weight:600;color:var(--admin-text-primary, #ffffff);text-transform:uppercase;letter-spacing:.05em}.nav-left::-webkit-scrollbar,.nav-right::-webkit-scrollbar,.content-stage::-webkit-scrollbar,.notifications-list::-webkit-scrollbar{width:8px;height:8px}.nav-left::-webkit-scrollbar-track,.nav-right::-webkit-scrollbar-track,.content-stage::-webkit-scrollbar-track,.notifications-list::-webkit-scrollbar-track{background:var(--admin-bg-primary, #111827)}.nav-left::-webkit-scrollbar-thumb,.nav-right::-webkit-scrollbar-thumb,.content-stage::-webkit-scrollbar-thumb,.notifications-list::-webkit-scrollbar-thumb{background:var(--admin-border-primary, #22d3ee);border-radius:4px}.nav-left::-webkit-scrollbar-thumb:hover,.nav-right::-webkit-scrollbar-thumb:hover,.content-stage::-webkit-scrollbar-thumb:hover,.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--admin-primary-hover, #67e8f9)}.theme-switcher-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border-primary);border-radius:var(--admin-radius-md, .5rem);color:var(--admin-text-primary);cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.theme-switcher-btn:hover{background:var(--admin-bg-tertiary);border-color:var(--admin-primary);box-shadow:0 0 20px var(--admin-primary-glow);transform:translateY(-2px)}.theme-icon{width:20px;height:20px;color:var(--admin-primary)}.theme-label{color:var(--admin-text-secondary)}.theme-switcher-btn:hover .theme-label{color:var(--admin-primary)}[data-theme=light] .nav-top,[data-theme=light] .nav-left,[data-theme=light] .nav-right,[data-theme=light] .nav-bottom{background:#ffffffb3;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 8px 32px #1f268726}.nav-top,.nav-left,.nav-right,.nav-bottom{backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}[data-theme=light] .admin-widget,[data-theme=light] .draggable-widget,[data-theme=light] .mini-widget{background:#ffffffb3!important;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(6,182,212,.2);box-shadow:0 8px 32px #1f268726}.admin-widget,.draggable-widget,.mini-widget{backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}[data-theme=light]{color:#111827}[data-theme=light] .brand{color:#06b6d4}[data-theme=light] .nav-left-icon,[data-theme=light] .nav-icon,[data-theme=light] .status-icon{color:#374151}[data-theme=light] .nav-left-item:hover .nav-left-icon,[data-theme=light] .nav-left-item.active .nav-left-icon{color:#06b6d4}[data-theme=light] .status-value,[data-theme=light] .user-name{color:#111827}[data-theme=light] .content-stage{background:#f9fafb}[data-theme=light] .draggable-widget{border-color:#06b6d4;box-shadow:0 8px 20px #1f268733}.widget-edge-tab{position:fixed;display:flex;align-items:center;justify-content:center;width:50px;height:100px;background:var(--admin-bg-secondary, #171717);border:2px solid var(--admin-border-primary, #06b6d4);border-right:none;border-radius:.5rem 0 0 .5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:-2px 0 8px #0000004d;z-index:950}.widget-edge-tab:hover{width:60px;box-shadow:-4px 0 12px #0006}.widget-edge-tab-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.widget-edge-tab-icon{width:28px;height:28px;color:var(--admin-primary, #06b6d4);transition:all .3s ease}.widget-edge-tab:hover .widget-edge-tab-icon{width:32px;height:32px;color:var(--admin-primary-hover, #22d3ee)}[data-theme=light] .widget-edge-tab{background:#fffc;border-color:#06b6d4;box-shadow:-2px 0 8px #0000001a}[data-theme=light] .widget-edge-tab:hover{box-shadow:-4px 0 12px #00000026}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.nav-action-item,.nav-left-item,.widget-action-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,button:focus,.search-input:focus{outline:none;box-shadow:0 0 0 3px #06b6d426}.admin-widget,.nav-top,.nav-left,.nav-right,.nav-bottom{border-width:1px}.admin-widget{box-shadow:0 1px 3px #0003}.draggable-widget{box-shadow:0 4px 12px #0000004d}.admin-widget{padding:16px}.admin-widget-header{padding:12px 16px}.admin-widget-body{padding:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000004d}.nav-left-item:hover,.widget-action-btn:hover,.nav-action-item:hover{transform:scale(1.05)}.status-indicator{animation:none}.status-indicator:before{animation:pulse-subtle 2s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.security-page{padding:0}.security-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--admin-border-subtle);padding-bottom:1rem}.security-tab{padding:.75rem 1.5rem;background:var(--admin-bg-secondary);border:1px solid var(--admin-border-subtle);border-radius:.5rem;color:var(--admin-text-secondary);cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.security-tab:hover{background:var(--admin-bg-tertiary);border-color:var(--admin-primary);color:var(--admin-primary)}.security-tab.active{background:var(--admin-primary);border-color:var(--admin-primary);color:#fff;box-shadow:0 0 20px var(--admin-primary-glow)}.security-metric{text-align:center;padding:1rem;background:var(--admin-bg-tertiary);border-radius:.5rem;border:1px solid var(--admin-border-subtle)}.metric-value{font-size:2rem;font-weight:700;color:var(--admin-primary);margin-bottom:.5rem}.metric-label{font-size:.875rem;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.05em}.security-list{display:flex;flex-direction:column;gap:1rem}.security-item{padding:1rem;background:var(--admin-bg-tertiary);border:1px solid var(--admin-border-subtle);border-radius:.5rem;border-left:4px solid var(--admin-primary)}.security-item.critical{border-left-color:var(--admin-error);background:#ef44441a}.security-item.high,.security-item.medium{border-left-color:#f59e0b;background:#f59e0b1a}.security-item.low{border-left-color:var(--admin-success);background:#22c55e1a}.security-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.security-type,.security-process{font-weight:600;color:var(--admin-text-primary)}.security-severity,.security-risk{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.security-severity.critical,.security-risk.high{background:var(--admin-error);color:#fff}.security-severity.high,.security-risk.medium,.security-severity.medium{background:#f59e0b;color:#fff}.security-severity.low{background:var(--admin-success);color:#fff}.security-description{color:var(--admin-text-secondary);margin-bottom:.5rem;line-height:1.5}.security-impact{color:var(--admin-text-secondary);font-size:.875rem;font-style:italic}.security-stats{color:var(--admin-text-secondary);font-size:.875rem;margin-bottom:.5rem;font-family:Courier New,monospace}.security-reasons{color:var(--admin-warning);font-size:.875rem;margin-bottom:.5rem}.security-context{color:var(--admin-text-secondary);font-size:.75rem;font-style:italic}.recommendations-list{display:flex;flex-direction:column;gap:.75rem}.recommendation-item{padding:.75rem;border-radius:.5rem;border-left:4px solid var(--admin-primary);background:var(--admin-bg-tertiary);color:var(--admin-text-secondary);line-height:1.5}.recommendation-item.critical{border-left-color:var(--admin-error);background:#ef44441a;color:var(--admin-error)}.recommendation-item.warning{border-left-color:#f59e0b;background:#f59e0b1a;color:#f59e0b}.recommendation-item.info{border-left-color:var(--admin-success);background:#22c55e1a;color:var(--admin-success)}[data-theme=light] .security-item{background:#fffc;border-color:#06b6d433}[data-theme=light] .recommendation-item,[data-theme=light] .security-metric{background:#fffc}