.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-logo{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:12px;padding:18px 20px 16px;display:flex}.sidebar-logo-img-wrap{flex-shrink:0;align-items:center;height:36px;display:flex}.sidebar-logo-name{color:var(--text-primary);letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1;display:block}.sidebar-logo-sub{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:10px;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px 20px;display:flex}.sidebar-divider{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:12px 10px 6px;font-size:10px;font-weight:700}.sidebar-divider:not(:first-child){margin-top:4px}.sidebar-link{border-radius:var(--r-md);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{color:var(--accent-light);background:#7c3aed26;font-weight:600}.sidebar-link.active:before{content:"";background:var(--gradient-primary);border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-chevron{opacity:0;transition:opacity var(--transition-fast);margin-left:auto}.sidebar-link:hover .sidebar-chevron,.sidebar-link.active .sidebar-chevron{opacity:.5}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:10px;padding:16px 16px 18px;display:flex}.sidebar-user{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-avatar{border-radius:var(--r-full);background:var(--gradient-secondary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.sidebar-user-info span{color:var(--text-tertiary);font-size:10.5px}.sidebar-logout{border-radius:var(--r-md);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logout:hover{color:var(--error);background:#ef444426;border-color:#ef44444d}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--r-full)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent)}.sidebar-logo-img{object-fit:contain;width:auto;max-width:130px;height:36px}.login-page{background:#0c0c0c;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-blob{filter:blur(100px);pointer-events:none;will-change:transform;border-radius:50%;position:fixed}.login-blob-1{background:radial-gradient(circle,#6d28d9bf 0%,#0000 65%);width:580px;height:580px;animation:22s ease-in-out infinite alternate blob-1;top:-160px;left:-100px}.login-blob-2{background:radial-gradient(circle,#d96b06b3 0%,#0000 65%);width:520px;height:520px;animation:28s ease-in-out infinite alternate blob-2;bottom:-130px;right:-90px}.login-blob-3{background:radial-gradient(circle,#db27778c 0%,#0000 65%);width:440px;height:440px;animation:20s ease-in-out infinite alternate blob-3;top:38%;right:8%}@keyframes blob-1{0%{transform:translate(0)scale(1)}to{transform:translate(45px,35px)scale(1.1)}}@keyframes blob-2{0%{transform:translate(0)scale(1)}to{transform:translate(-35px,-25px)scale(1.08)}}@keyframes blob-3{0%{transform:translate(0)scale(1)}to{transform:translate(-25px,45px)scale(.92)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(28px);text-align:center;background:#121212e0;border:1px solid #ffffff14;border-radius:22px;width:100%;max-width:380px;padding:42px 38px;position:relative;box-shadow:0 28px 72px #000000a6,inset 0 1px #ffffff0d}.login-avatar{background:#0d948824;border:2px solid #0d948852;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;margin:0 auto 22px;display:flex;box-shadow:0 0 32px #0d948824}.login-avatar-img{object-fit:contain;width:auto;max-width:70px;height:46px}.login-title{color:#fff;letter-spacing:-.02em;margin:0 0 5px;font-size:20px;font-weight:800}.login-sub{color:#fff6;margin:0 0 28px;font-size:13px}.login-form{text-align:left;flex-direction:column;gap:14px;display:flex}.login-label{color:#ffffff8c;letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-input{box-sizing:border-box;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:11px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.login-input::placeholder{color:#fff3}.login-input:focus{border-color:#0d94888c;box-shadow:0 0 0 3px #0d94881a}.login-pwd-wrap{position:relative}.login-pwd-wrap .login-input{padding-right:42px}.login-pwd-toggle{cursor:pointer;color:#ffffff4d;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.login-pwd-toggle:hover{color:#ffffffb3}.login-error{color:#f87171;text-align:left;background:#ef44441a;border:1px solid #ef444438;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex;overflow:hidden}.login-submit{letter-spacing:.01em;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0d9488 0%,#06b6d4 100%);border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:12px 20px;font-family:inherit;font-size:14.5px;font-weight:700;transition:opacity .18s,box-shadow .18s,transform .1s;display:flex;box-shadow:0 4px 22px #0d948861}.login-submit:hover:not(:disabled){opacity:.92;box-shadow:0 6px 28px #0d948885}.login-submit:disabled{opacity:.55;cursor:default}.login-spinner{border:2px solid #ffffff38;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{color:#fff3;justify-content:center;align-items:center;gap:6px;margin-top:26px;font-size:11px;display:flex}@media (width<=480px){.login-card{padding:32px 22px}}.admin-topbar{top:0;left:var(--sidebar-w);height:var(--topbar-h);z-index:50;background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex;position:fixed;right:0}.topbar-left{align-items:center;gap:14px;display:flex}.topbar-title{color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:700}.topbar-subtitle{color:var(--text-tertiary);margin-top:1px;font-size:12.5px}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--r-md);color:var(--text-tertiary);transition:all var(--transition-fast);align-items:center;gap:8px;padding:7px 14px;display:flex;position:relative}.topbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.topbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:200px;font-size:13px}.topbar-search input::placeholder{color:var(--text-tertiary)}.search-shortcut{color:var(--text-tertiary);background:var(--bg-hover);border-radius:var(--r-sm);font-size:10px;font-family:var(--font);border:1px solid var(--border-color);padding:2px 6px}.topbar-icon-btn{border-radius:var(--r-md);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.topbar-notif-dot{background:var(--error);border:2px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.topbar-user{border-radius:var(--r-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;padding:5px 12px 5px 8px;display:flex}.topbar-user:hover{background:var(--bg-hover)}.topbar-avatar{border-radius:var(--r-full);background:var(--gradient-primary);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.topbar-user span{color:var(--text-secondary);font-size:13px;font-weight:500}.topbar-chevron{color:var(--text-tertiary)}.theme-toggle{border-radius:var(--r-md);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);font-size:12.5px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:7px;padding:7px 14px;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-light);background:var(--accent-glow)}@media (width<=768px){.admin-topbar{padding:0 16px;left:0}.topbar-search input{width:120px}.topbar-user span{display:none}.topbar-title{font-size:16px}}@media (width<=480px){.topbar-search{display:none}}.period-tabs{background:var(--bg-input);border-radius:var(--r-md);border:1px solid var(--border-color);gap:4px;padding:3px;display:flex}.period-tab{border-radius:var(--r-sm);cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast);font-size:12.5px;font-weight:600;font-family:var(--font);background:0 0;border:none;padding:6px 14px}.period-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.period-tab:hover:not(.active){color:var(--text-secondary);background:var(--bg-hover)}.dash-grid{grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:24px;display:grid}.dash-chart-card{grid-column:1}.top-pages{flex-direction:column;gap:12px;display:flex}.top-page-row{align-items:center;gap:12px;display:flex}.top-page-rank{border-radius:var(--r-full);background:var(--bg-input);width:24px;height:24px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.top-page-info{flex:1;min-width:0}.top-page-path{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12.5px;display:block;overflow:hidden}.top-page-bar-wrap{background:var(--bg-input);border-radius:2px;height:4px;overflow:hidden}.top-page-bar{background:var(--gradient-primary);height:100%;transition:width var(--transition-slow);border-radius:2px}.top-page-views{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:700}.dash-shortcuts{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px;display:grid}.shortcut-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);color:var(--text-secondary);transition:all var(--transition-base);border-top-width:3px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.shortcut-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-2px)}.skeleton-block{background:var(--bg-input);border-radius:var(--r-sm);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.dash-empty{color:var(--text-tertiary);text-align:center;padding:24px;font-size:13px}@media (width<=1024px){.dash-grid{grid-template-columns:1fr}.dash-shortcuts{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dash-shortcuts{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.logo-light-only{display:none}.logo-dark-only,[data-theme=light] .logo-light-only{display:block}[data-theme=light] .logo-dark-only{display:none}:root,[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-card:#16162a;--bg-card-hover:#1e1e3a;--bg-input:#1a1a2e;--bg-hover:#ffffff0a;--border-color:#ffffff0f;--border-light:#ffffff1f;--border-hover:#ffffff2e;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#fff6;--text-inverse:#0a0a0f;--accent:#7c3aed;--accent-light:#8b5cf6;--accent-dark:#5b21b6;--accent-glow:#7c3aed40;--teal:#0d9488;--teal-light:#14b8a6;--teal-glow:#0d948833;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);--gradient-secondary:linear-gradient(135deg, #0d9488 0%, #06b6d4 100%);--gradient-accent:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--success:#10b981;--success-bg:#10b98126;--error:#ef4444;--error-bg:#ef444426;--warning:#f59e0b;--warning-bg:#f59e0b26;--info:#3b82f6;--info-bg:#3b82f626;--sidebar-w:260px;--sidebar-bg:#0a0a0ff2;--sidebar-border:#ffffff0f;--topbar-h:68px;--topbar-bg:#12121ae6;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 20px #0009;--shadow-lg:0 8px 40px #000000b3;--shadow-xl:0 20px 60px #000c;--shadow-glow:0 0 40px #7c3aed26;--modal-bg:#16162a;--modal-border:#ffffff14;--scroll-track:#12121a;--scroll-thumb:#1a1a2e}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#f1f3f9;--bg-card:#fff;--bg-card-hover:#f8f9fc;--bg-input:#f8f9fc;--bg-hover:#00000008;--border-color:#00000014;--border-light:#0000001f;--border-hover:#0000002e;--text-primary:#0f172a;--text-secondary:#374151;--text-tertiary:#9ca3af;--text-inverse:#fff;--accent:#7c3aed;--accent-light:#8b5cf6;--accent-dark:#5b21b6;--accent-glow:#7c3aed1f;--teal:#0d9488;--teal-light:#14b8a6;--teal-glow:#0d94881a;--success:#059669;--success-bg:#0596691a;--error:#dc2626;--error-bg:#dc26261a;--warning:#d97706;--warning-bg:#d977061a;--info:#2563eb;--info-bg:#2563eb1a;--sidebar-bg:#fffffffa;--sidebar-border:#00000014;--topbar-bg:#ffffffeb;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 8px 40px #0000001f;--shadow-xl:0 20px 60px #00000026;--shadow-glow:0 0 30px #7c3aed14;--modal-bg:#fff;--modal-border:#00000014;--scroll-track:#f1f3f9;--scroll-thumb:#d1d5db}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}html{scroll-behavior:smooth;font-size:14px}body{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background var(--transition-base), color var(--transition-base);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.admin-layout{background:var(--bg-primary);min-height:100vh;display:flex}.admin-main{margin-left:var(--sidebar-w);background:var(--bg-secondary);min-height:100vh;transition:background var(--transition-base);flex-direction:column;flex:1;display:flex;position:relative}[data-theme=dark] .admin-main:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 100% 0,#7c3aed08,#0000 70%);width:100%;height:100%;position:fixed;top:-50%;right:-50%}.admin-content{margin-top:var(--topbar-h);z-index:1;flex:1;padding:28px 32px 40px;position:relative}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);padding:24px;position:relative;overflow:hidden}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md), var(--shadow-glow)}[data-theme=dark] .card:before{content:"";border-radius:var(--r-lg);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#7c3aed1a,#0000 50%,#0d94880d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600}.card-subtitle{color:var(--text-tertiary);margin-top:2px;font-size:12.5px}.btn{border-radius:var(--r-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font);border:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #7c3aed4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed66}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:0 2px 12px #0d94884d}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0d948866}.btn-danger{background:var(--error);color:#fff;box-shadow:0 2px 12px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ef444466}.btn-ghost{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.btn-sm{gap:6px;padding:6px 14px;font-size:12px}.btn-lg{padding:12px 28px;font-size:15px}.btn-icon{border-radius:var(--r-md);width:38px;height:38px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:-.01em;font-size:12.5px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--r-md);color:var(--text-primary);font-size:13.5px;font-family:var(--font);transition:all var(--transition-fast);outline:none;width:100%;padding:10px 14px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--bg-card)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-hover)}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237C3AED' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-hint{color:var(--text-tertiary);margin-top:2px;font-size:11.5px}.table-wrap{border-radius:var(--r-md);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-hover);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:11px;font-weight:600}td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 16px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.badge{border-radius:var(--r-full);letter-spacing:-.01em;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-accent{background:var(--accent-glow);color:var(--accent-light)}.badge-neutral{background:var(--bg-hover);color:var(--text-tertiary)}.badge-green{background:var(--success-bg);color:var(--success)}.badge-red{background:var(--error-bg);color:var(--error)}.badge-gray{background:var(--bg-hover);color:var(--text-tertiary)}.modal-overlay{z-index:9000;-webkit-backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}[data-theme=light] .modal-overlay{background:#0f172a59}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-xl);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) slideUp;display:flex;overflow:hidden}.modal-lg{max-width:740px}.modal-xl{max-width:960px}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:relative}.modal-header:before{content:"";background:var(--gradient-primary);border-radius:var(--r-xl) var(--r-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.modal-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.modal-title-icon{background:var(--accent-glow);border-radius:var(--r-sm);width:32px;height:32px;color:var(--accent-light);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close{border-radius:var(--r-full);border:1px solid var(--border-color);background:var(--bg-hover);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--error-bg);border-color:var(--error);color:var(--error)}.modal-body{flex-direction:column;flex:1;gap:0;padding:22px 24px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}@media (width<=768px){.modal{border-radius:var(--r-lg);max-height:95dvh}.modal-body{padding:16px}.modal-header,.modal-footer{padding-left:16px;padding-right:16px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.page-sub{color:var(--text-tertiary);-webkit-text-fill-color:var(--text-tertiary);margin-top:2px;font-size:13.5px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-lg);transition:all var(--transition-base);padding:20px 24px;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.kpi-card:hover:before{opacity:1}.kpi-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon{border-radius:var(--r-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:18px;display:flex}.kpi-val{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-size:28px;font-weight:800;line-height:1.1}.kpi-label{color:var(--text-tertiary);font-size:12.5px;font-weight:500}.kpi-delta{border-radius:var(--r-full);margin-top:8px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.kpi-delta.up{color:var(--success);background:var(--success-bg)}.kpi-delta.down{color:var(--error);background:var(--error-bg)}.toggle{cursor:pointer;flex-shrink:0;width:42px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:var(--bg-hover);transition:all var(--transition-fast);border:1px solid var(--border-color);border-radius:12px;position:absolute;inset:0}.toggle input:checked~.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-thumb{width:18px;height:18px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked~.toggle-thumb{transform:translate(18px)}.spinner{border:2px solid var(--bg-hover);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.empty-state{text-align:center;color:var(--text-tertiary);padding:60px 20px}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--sidebar-w:0px}.admin-main{margin-left:0}.admin-content{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr}.page-title{font-size:20px}.modal{border-radius:var(--r-lg);border-radius:0;max-height:100vh;margin:0}.modal-body{padding:16px 20px}.modal-header,.modal-footer{padding-left:20px;padding-right:20px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.admin-content{padding:12px}}