:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--bg-primary: #0a0b10;--bg-secondary: #12131a;--bg-sidebar: #0f1016;--glass-bg: rgba(22, 24, 35, .6);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .12);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #6366f1;--accent-secondary: #a855f7;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--border-radius: 12px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-glass)}.app-container{display:flex;min-height:100vh;background:radial-gradient(circle at top right,rgba(99,102,241,.08) 0%,rgba(10,11,16,0) 60%),radial-gradient(circle at bottom left,rgba(168,85,247,.05) 0%,rgba(10,11,16,0) 50%)}.sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:24px 16px;transition:var(--transition-smooth)}.sidebar-logo{font-size:24px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:32px;display:flex;align-items:center;gap:12px;padding-left:8px}.nav-links{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1}.nav-item a{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:var(--transition-smooth)}.nav-item a:hover{background-color:var(--glass-hover);color:var(--text-primary);transform:translate(4px)}.nav-item.active a{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #6366f166}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.header{height:70px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(10,11,16,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-search{display:flex;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);padding:8px 16px;border-radius:20px;width:300px}.header-search input{background:transparent;border:none;outline:none;color:var(--text-primary);margin-left:8px;width:100%}.user-profile-badge{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:20px;cursor:pointer;transition:var(--transition-smooth)}.user-profile-badge:hover{background:var(--glass-hover)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.page-container{padding:32px;flex:1}.page-title{font-size:28px;font-weight:700;margin-bottom:24px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.card{padding:24px;transition:var(--transition-smooth)}.card:hover{transform:translateY(-4px);border-color:#6366f14d}.card-title{font-size:16px;color:var(--text-secondary);font-weight:500;margin-bottom:8px}.card-value{font-size:32px;font-weight:700;background:linear-gradient(to right,#ffffff,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{padding:10px 20px;border-radius:var(--border-radius);border:none;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-hover)}.badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;display:inline-flex;align-items:center}.badge-success{background:rgba(16,185,129,.15);color:var(--success)}.badge-warning{background:rgba(245,158,11,.15);color:var(--warning)}.badge-danger{background:rgba(239,68,68,.15);color:var(--danger)}.badge-info{background:rgba(99,102,241,.15);color:var(--accent-primary)}.table-container{width:100%;overflow-x:auto;margin-top:16px}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:16px;border-bottom:1px solid var(--glass-border);color:var(--text-secondary);font-weight:500;font-size:14px}.custom-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.04);font-size:14px}.custom-table tr:hover td{background:rgba(255,255,255,.02)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.15) 0%,rgba(10,11,16,0) 50%),#050508}.login-card{width:420px;padding:40px}.login-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:8px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:32px}.form-group{margin-bottom:20px}.form-label{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:8px;font-weight:500}.form-input{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);padding:12px 16px;border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:14px;transition:var(--transition-smooth)}.form-input:focus{border-color:var(--accent-primary);outline:none;background:rgba(255,255,255,.05);box-shadow:0 0 0 2px #6366f133}@media (max-width: 768px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:1001;width:260px;box-shadow:var(--shadow-lg);background-color:var(--bg-sidebar);transition:var(--transition-smooth)}.sidebar.open{left:0}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease-out}.header{padding:0 16px;height:60px}.header-search{display:none!important}.page-container{padding:16px}.page-title{font-size:22px;margin-bottom:16px}.card-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.card{padding:16px}.card-value{font-size:26px}.table-container{margin-top:12px;border-radius:8px;border:1px solid var(--glass-border)}.custom-table th,.custom-table td{padding:12px 8px;font-size:13px}.hide-on-mobile{display:none!important}.login-card{width:90%;padding:24px;margin:16px}.login-title{font-size:24px}.btn{padding:8px 16px;font-size:13px;width:auto}.btn-mobile-full{width:100%;margin-top:8px}.modal-content{width:95%!important;padding:16px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.offline-banner{background:linear-gradient(90deg,#b45309 0%,#d97706 100%);color:#fff;text-align:center;padding:6px 12px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;z-index:1002;box-shadow:0 2px 4px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.install-card{background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,rgba(168,85,247,.15) 100%);border:1px solid var(--accent-primary);border-radius:var(--border-radius);padding:20px;margin-top:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}