:root{--primary-bg: #f0f2f5;--secondary-bg: #e8ecf1;--card-bg: #ffffff;--text-main: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--accent: #4f6ef7;--accent-hover: #3b5ce4;--accent-light: rgba(79, 110, 247, .08);--accent-glow: rgba(79, 110, 247, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: rgba(239, 68, 68, .08);--success: #10b981;--success-light: rgba(16, 185, 129, .08);--warning: #f59e0b;--purple: #8b5cf6;--purple-light: rgba(139, 92, 246, .08);--header-gradient: linear-gradient(135deg, #4f6ef7 0%, #7c3aed 100%);--input-bg: #f8fafc;--navbar-bg: rgba(255, 255, 255, .85);--login-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--kpi-gradient-1: linear-gradient(135deg, #667eea20, #764ba220);--kpi-gradient-2: linear-gradient(135deg, #10b98120, #059b7b20);--kpi-gradient-3: linear-gradient(135deg, #f59e0b20, #d9840020);--kpi-gradient-4: linear-gradient(135deg, #ef444420, #dc262620);--kpi-gradient-5: linear-gradient(135deg, #8b5cf620, #7c3aed20)}[data-theme=dark]{--primary-bg: #0a0c12;--secondary-bg: #10131a;--card-bg: #151922;--text-main: #e8ecf4;--text-secondary: #8d97ad;--text-muted: #4e5770;--border-color: #1e2433;--border-hover: #2c3548;--accent: #7b93ff;--accent-hover: #6680ff;--accent-light: rgba(123, 147, 255, .08);--accent-glow: rgba(123, 147, 255, .25);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--danger-light: rgba(248, 113, 113, .1);--success-light: rgba(52, 211, 153, .1);--purple-light: rgba(167, 139, 250, .1);--header-gradient: linear-gradient(135deg, #7b93ff 0%, #c084fc 100%);--input-bg: #12161f;--navbar-bg: rgba(15, 18, 25, .92);--login-bg: linear-gradient(135deg, #0f1219 0%, #1a1230 50%, #0f1219 100%);--kpi-gradient-1: linear-gradient(135deg, #667eea15, #764ba215);--kpi-gradient-2: linear-gradient(135deg, #10b98115, #059b7b15);--kpi-gradient-3: linear-gradient(135deg, #f59e0b15, #d9840015);--kpi-gradient-4: linear-gradient(135deg, #ef444415, #dc262615);--kpi-gradient-5: linear-gradient(135deg, #8b5cf615, #7c3aed15)}[data-theme=dark] .data-table-container{border-color:#7b93ff0f;background:#151922cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .filters-bar{border-color:#7b93ff0f;background:#151922b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .navbar{border-bottom-color:#7b93ff14}[data-theme=dark] .login-card{border-color:#7b93ff1a;box-shadow:0 20px 80px #0009,0 0 40px #7b93ff0d}[data-theme=dark] .users-table-container{border-color:#7b93ff0f;background:#151922cc}[data-theme=dark] .modal{border-color:#7b93ff1a;background:#151922f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--primary-bg);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.app{min-height:100vh;transition:background .4s ease,color .4s ease}.app *{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.app canvas,.app .theme-toggle *,.app .btn-spinner,.app .loading-bar-inner{transition:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;gap:12px;font-size:1rem;color:var(--text-secondary)}.loading-screen:before{content:"";width:20px;height:20px;border:2.5px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background:var(--navbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar-brand{font-size:1.15rem;font-weight:800;background:var(--header-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.navbar-logo{width:32px;height:32px;border-radius:8px;-webkit-text-fill-color:initial;filter:drop-shadow(0 2px 6px var(--accent-glow))}.navbar-links{display:flex;align-items:center;gap:4px}.nav-link{padding:7px 14px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-size:.84rem;font-weight:500;transition:all .15s ease;display:flex;align-items:center;gap:6px}.nav-link:hover{background:var(--accent-light);color:var(--accent)}.nav-link.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.navbar-right{display:flex;align-items:center;gap:10px}.user-badge{font-size:.78rem;color:var(--text-main);padding:5px 14px;background:var(--accent-light);border:1px solid var(--border-color);border-radius:20px;font-weight:600}.btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-glow)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled){background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.btn-icon{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.btn-sm{padding:5px 10px;font-size:.78rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--login-bg);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(107,132,249,.15) 0%,transparent 70%);top:-200px;right:-200px;pointer-events:none}.login-page:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);bottom:-150px;left:-150px;pointer-events:none}.login-theme-toggle{position:absolute;top:24px;right:24px;z-index:10}.login-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:48px;width:100%;max-width:420px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);position:relative;z-index:1;animation:slideUp .4s ease;text-align:center}.login-card .form-group{text-align:left}.login-logo-img{width:64px;height:64px;border-radius:16px;margin-bottom:24px;filter:drop-shadow(0 6px 20px var(--accent-glow));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-card h1{font-size:1.6rem;font-weight:800;margin-bottom:6px;color:var(--text-main);letter-spacing:-.5px}.login-card .subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.88rem;line-height:1.5}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);margin-bottom:7px}.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--border-color);border-radius:10px;background:var(--input-bg);color:var(--text-main);font-size:.92rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:11px 36px 11px 14px;border:1.5px solid var(--border-color);border-radius:10px;background:var(--input-bg);color:var(--text-main);font-size:.92rem;font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.login-btn{width:100%;padding:13px;font-size:.95rem;margin-top:8px;border-radius:10px;position:relative;overflow:hidden}.login-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.login-btn:hover:after{left:100%}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.error-msg{background:var(--danger-light);border:1px solid rgba(239,68,68,.2);color:var(--danger);padding:11px 14px;border-radius:10px;font-size:.84rem;margin-bottom:16px;font-weight:500}.dashboard{padding:24px 32px 48px;max-width:1440px;margin:0 auto;animation:pageEnter .4s ease}.admin-page{animation:pageEnter .4s ease}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kpi-card{animation:cardEnter .5s ease backwards}.kpi-card:nth-child(1){animation-delay:.05s}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.kpi-card:nth-child(5){animation-delay:.25s}.chart-card{animation:cardEnter .5s ease backwards}.chart-card:nth-child(1){animation-delay:.3s}.chart-card:nth-child(2){animation-delay:.35s}.data-table-container{animation:cardEnter .5s ease .4s backwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 60px);gap:24px}.dashboard-loading img{width:56px;height:56px;animation:logoFloat 2s ease-in-out infinite;filter:drop-shadow(0 6px 20px var(--accent-glow))}.dashboard-loading span{color:var(--text-muted);font-size:.9rem;font-weight:500}.loading-bar{width:140px;height:3px;background:var(--border-color);border-radius:3px;overflow:hidden}.loading-bar-inner{width:40%;height:100%;background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:3px;animation:loaderSlide 1.2s ease-in-out infinite}@keyframes loaderSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.page-title{font-size:1.4rem;font-weight:800;margin-bottom:24px;letter-spacing:-.5px}.search-bar{position:relative;margin-bottom:14px}.search-bar__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-bar__input{width:100%;padding:12px 44px;border:1.5px solid var(--border-color);border-radius:var(--radius);background:var(--card-bg);color:var(--text-main);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.search-bar__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--secondary-bg);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .15s}.search-bar__clear:hover{background:var(--danger-light);color:var(--danger)}[data-theme=dark] .search-bar__input{background:#151922b3;border-color:#7b93ff14}[data-theme=dark] .search-bar__input:focus{border-color:var(--accent)}.filter-actions{display:flex;gap:8px;align-items:flex-end;margin-left:auto}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px}.table-count{font-size:.8rem;color:var(--text-muted);font-weight:500}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--accent)!important}.sortable-th svg{vertical-align:middle;margin-left:4px}.filters-bar{display:flex;gap:16px;padding:18px 20px;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color);margin-bottom:20px;flex-wrap:wrap;align-items:flex-end;box-shadow:var(--shadow-xs)}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:140px}.filter-group label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.filter-group select,.filter-group input[type=date]{padding:7px 11px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-main);font-size:.82rem;font-family:inherit;outline:none;transition:border-color .15s}.filter-group select:focus,.filter-group input[type=date]:focus{border-color:var(--accent)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.kpi-card{border-radius:var(--radius-lg);padding:22px;position:relative;overflow:hidden;cursor:default;transition:transform .25s ease,box-shadow .25s ease;background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 16px #0000000a,inset 0 1px #fff9}[data-theme=dark] .kpi-card{background:#7b93ff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(123,147,255,.1);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff08}.kpi-card:nth-child(1){background:#4f6ef70f}.kpi-card:nth-child(2){background:#10b9810f}.kpi-card:nth-child(3){background:#f59e0b0f}.kpi-card:nth-child(4){background:#8b5cf60f}.kpi-card:nth-child(5){background:#ef44440f}[data-theme=dark] .kpi-card:nth-child(1){background:#7b93ff0f}[data-theme=dark] .kpi-card:nth-child(2){background:#34d3990f}[data-theme=dark] .kpi-card:nth-child(3){background:#fbbf240f}[data-theme=dark] .kpi-card:nth-child(4){background:#a78bfa0f}[data-theme=dark] .kpi-card:nth-child(5){background:#f871710f}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kpi-card:nth-child(1):before{background:linear-gradient(90deg,var(--accent),transparent)}.kpi-card:nth-child(2):before{background:linear-gradient(90deg,var(--success),transparent)}.kpi-card:nth-child(3):before{background:linear-gradient(90deg,var(--warning),transparent)}.kpi-card:nth-child(4):before{background:linear-gradient(90deg,var(--purple),transparent)}.kpi-card:nth-child(5):before{background:linear-gradient(90deg,var(--danger),transparent)}.kpi-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-20px;bottom:-20px;opacity:.08;transition:opacity .3s;pointer-events:none}.kpi-card:nth-child(1):after{background:var(--accent)}.kpi-card:nth-child(2):after{background:var(--success)}.kpi-card:nth-child(3):after{background:var(--warning)}.kpi-card:nth-child(4):after{background:var(--purple)}.kpi-card:nth-child(5):after{background:var(--danger)}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000014,inset 0 1px #fff9}[data-theme=dark] .kpi-card:hover{box-shadow:0 8px 30px #0000004d,0 0 20px #7b93ff0f,inset 0 1px #ffffff0a}.kpi-card:hover:after{opacity:.15}.kpi-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin-bottom:12px}.kpi-value{font-size:1.7rem;font-weight:800;line-height:1;letter-spacing:-.5px;position:relative;z-index:1}.kpi-card:nth-child(1) .kpi-value{color:var(--accent)}.kpi-card:nth-child(2) .kpi-value{color:var(--success)}.kpi-card:nth-child(3) .kpi-value{color:var(--warning)}.kpi-card:nth-child(4) .kpi-value{color:var(--purple)}.kpi-card:nth-child(5) .kpi-value{color:var(--danger)}.charts-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:20px}.chart-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-xs)}[data-theme=dark] .chart-card{border-color:#7b93ff0f;background:#151922cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chart-card h3{font-size:.8rem;font-weight:700;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:8px}.chart-card h3:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--accent);flex-shrink:0}.chart-wrapper{height:320px;position:relative}.data-table-container{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--secondary-bg);padding:12px 18px;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.data-table td{padding:12px 18px;border-bottom:1px solid var(--border-color);font-size:.86rem}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:var(--accent-light)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr:last-child td{border-bottom:none}.emp-name{font-weight:600;display:flex;align-items:center;gap:8px}.toggle-icon{color:var(--accent);display:inline-flex;align-items:center;transition:transform .2s ease}.geo-preview{font-size:.78rem;color:var(--text-secondary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.status-badge{padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:800;display:inline-block;letter-spacing:.3px}.status-ok{background:var(--success-light);color:var(--success);border:1px solid rgba(16,185,129,.3)}.status-high{background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.3)}.details-row td{padding:0!important;background:var(--secondary-bg);border-bottom:1px solid var(--border-color)}.details-content{padding:10px 32px 14px}.details-table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.details-table th{background:var(--card-bg);padding:9px 14px;font-size:.68rem;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.details-table td{background:var(--card-bg);padding:9px 14px;font-size:.82rem;border-bottom:1px solid var(--border-color)}.details-table tbody tr{cursor:pointer;transition:background .12s ease}.details-table tbody tr:hover td{background:var(--accent-light)}.camp-table{width:100%;border-collapse:collapse;font-size:.76rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;margin:6px 0}.camp-table th{background:var(--secondary-bg);padding:7px 10px;font-size:.66rem;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.camp-table td{padding:7px 10px;border-bottom:1px solid var(--border-color);background:var(--card-bg)}.camp-table tbody tr:last-child td{border-bottom:none}.admin-page{padding:24px 32px 48px;max-width:960px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-stats{display:flex;gap:8px;margin-bottom:20px}.admin-stat{padding:4px 14px;border-radius:20px;font-size:.76rem;font-weight:600;background:var(--accent-light);color:var(--accent);border:1px solid var(--border-color)}.users-table-container{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th{background:var(--secondary-bg);padding:12px 18px;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.users-table td{padding:12px 18px;border-bottom:1px solid var(--border-color);font-size:.88rem}.users-table tbody tr{transition:background .12s ease}.users-table tbody tr:hover{background:var(--accent-light)}.users-table tbody tr:last-child td{border-bottom:none}.role-badge{padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.3px}.role-admin{background:var(--purple-light);color:var(--purple);border:1px solid rgba(139,92,246,.3)}.role-user{background:var(--accent-light);color:var(--accent);border:1px solid rgba(79,110,247,.3)}.actions-cell{display:flex;gap:6px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .15s ease}.modal{background:var(--card-bg);border-radius:var(--radius-xl);padding:32px;width:100%;max-width:460px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);animation:slideUp .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal h2{font-size:1.15rem;font-weight:700;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{width:52px;height:28px;padding:0;border:none;background:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.theme-toggle__track{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#87ceeb,#60a5fa);border-radius:14px;transition:background .5s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.theme-toggle--dark .theme-toggle__track{background:linear-gradient(135deg,#1a1e3a,#0f1225);box-shadow:inset 0 1px 3px #0000004d}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fbbf24;box-shadow:0 0 8px #fbbf2480,0 0 20px #fbbf2433,0 1px 3px #0003;transition:left .5s cubic-bezier(.34,1.56,.64,1),background .4s ease,box-shadow .4s ease;display:flex;align-items:center;justify-content:center}.theme-toggle--dark .theme-toggle__thumb{left:27px;background:#e2e8f0;box-shadow:0 0 10px #e2e8f066,0 0 20px #e2e8f026,0 1px 3px #0000004d}.theme-toggle__sun,.theme-toggle__moon{position:absolute;width:14px;height:14px}.theme-toggle__sun{color:#92400e;opacity:1;transform:rotate(0) scale(1);transition:opacity .3s ease .1s,transform .5s cubic-bezier(.34,1.56,.64,1)}.theme-toggle--dark .theme-toggle__sun{opacity:0;transform:rotate(180deg) scale(0);transition:opacity .2s ease,transform .4s cubic-bezier(.6,-.28,.74,.05)}.theme-toggle__moon{color:#475569;opacity:0;transform:rotate(-180deg) scale(0);transition:opacity .2s ease,transform .4s cubic-bezier(.6,-.28,.74,.05)}.theme-toggle--dark .theme-toggle__moon{opacity:1;transform:rotate(0) scale(1);transition:opacity .3s ease .1s,transform .5s cubic-bezier(.34,1.56,.64,1)}.theme-toggle__stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.theme-toggle__stars span{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;transition:opacity .5s .15s}.theme-toggle__stars span:nth-child(1){top:6px;left:10px}.theme-toggle__stars span:nth-child(2){top:14px;left:16px;width:1.5px;height:1.5px}.theme-toggle__stars span:nth-child(3){top:8px;left:22px;width:1px;height:1px}.theme-toggle--dark .theme-toggle__stars span{opacity:1;animation:twinkle 2s ease-in-out infinite alternate}.theme-toggle--dark .theme-toggle__stars span:nth-child(2){animation-delay:.5s}.theme-toggle--dark .theme-toggle__stars span:nth-child(3){animation-delay:1s}@keyframes twinkle{0%{opacity:.4}to{opacity:1}}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard,.admin-page{padding:16px 16px 32px}.navbar{padding:0 16px}.navbar-links{display:none}.filters-bar{flex-direction:column;gap:12px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.login-card{padding:32px 24px}.modal{margin:16px;padding:24px}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:10px 12px}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}}