@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Round");:root{--bg-main:#06060f;--bg-surface:#0c0c1e;--bg-elevated:#12122a;--bg-card:rgba(18,18,42,.72);--bg-card-hover:rgba(26,26,60,.88);--bg-sidebar:rgba(8,8,20,.96);--bg-input:hsla(0,0%,100%,.06);--bg-input-focus:rgba(124,58,237,.12);--accent:#7c3aed;--accent-light:#a78bfa;--accent-xlight:#c4b5fd;--accent-dark:#5b21b6;--accent-glow:rgba(124,58,237,.45);--accent-glow2:rgba(167,139,250,.2);--kl-orange:#f5a623;--kl-orange-glow:rgba(245,166,35,.35);--success:#10b981;--success-bg:rgba(16,185,129,.12);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.12);--danger:#ef4444;--danger-bg:rgba(239,68,68,.12);--info:#3b82f6;--info-bg:rgba(59,130,246,.12);--text-1:#f1f5ff;--text-2:#a0aec8;--text-3:#606888;--border:rgba(124,58,237,.18);--border-light:rgba(124,58,237,.08);--border-hover:rgba(124,58,237,.45);--border-glow:rgba(124,58,237,.7);--glass-blur:blur(20px) saturate(1.4);--shadow-sm:0 2px 12px rgba(0,0,0,.4);--shadow-md:0 8px 32px rgba(0,0,0,.6);--shadow-lg:0 16px 64px rgba(0,0,0,.8);--shadow-glow:0 0 24px var(--accent-glow);--shadow-orange:0 0 24px var(--kl-orange-glow);--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--sidebar-w:260px;--sidebar-collapsed:72px;--topbar-h:64px;--transition:0.25s cubic-bezier(.4,0,.2,1);--transition-slow:0.45s cubic-bezier(.4,0,.2,1);--spring:0.35s cubic-bezier(.34,1.56,.64,1)}[data-theme=light]{--bg-main:#f0effe;--bg-surface:#e8e4fc;--bg-elevated:#fff;--bg-card:hsla(0,0%,100%,.85);--bg-card-hover:hsla(0,0%,100%,.98);--bg-sidebar:rgba(240,235,255,.98);--bg-input:rgba(124,58,237,.06);--bg-input-focus:rgba(124,58,237,.1);--text-1:#1e1340;--text-2:#4b3a8c;--text-3:#7b6aaa;--border:rgba(124,58,237,.2);--border-light:rgba(124,58,237,.1);--border-hover:rgba(124,58,237,.5);--shadow-sm:0 2px 12px rgba(100,50,200,.1);--shadow-md:0 8px 32px rgba(100,50,200,.15);--shadow-glow:0 0 24px rgba(124,58,237,.2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:var(--bg-main);color:var(--text-1);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-shell{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:var(--sidebar-w);padding-top:var(--topbar-h);min-height:100vh;transition:margin-left var(--transition);position:relative}.main-content.collapsed{margin-left:var(--sidebar-collapsed)}.page-content{padding:28px 32px;min-height:calc(100vh - var(--topbar-h))}#particles-canvas,.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-grid{background-image:linear-gradient(rgba(124,58,237,.04) 1px,transparent 0),linear-gradient(90deg,rgba(124,58,237,.04) 1px,transparent 0);background-size:40px 40px}[data-theme=light] .bg-grid{background-image:linear-gradient(rgba(124,58,237,.07) 1px,transparent 0),linear-gradient(90deg,rgba(124,58,237,.07) 1px,transparent 0)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--bg-sidebar);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border);z-index:200;transition:width var(--transition);display:flex;flex-direction:column;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{padding:16px 16px 14px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:10px;min-height:68px;flex-shrink:0;overflow:hidden}.sidebar-logo img{height:34px;width:auto;max-width:150px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 8px var(--kl-orange-glow));transition:max-width var(--transition),height var(--transition)}.sidebar.collapsed .sidebar-logo img{height:28px;max-width:36px;object-fit:cover;object-position:left center}.sidebar-logo-text{overflow:hidden;transition:opacity var(--transition),width var(--transition);opacity:1}.sidebar-logo-text h2{font-size:13px;font-weight:700;color:var(--kl-orange);letter-spacing:.5px;white-space:nowrap}.sidebar-logo-text span{font-size:10px;color:var(--text-3);white-space:nowrap}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar-section-label{font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--text-3);text-transform:uppercase;padding:16px 20px 6px;opacity:1;transition:opacity var(--transition);white-space:nowrap}.sidebar.collapsed .sidebar-section-label{opacity:0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:2px 10px;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;color:var(--text-2);transition:all var(--transition);position:relative;overflow:hidden;white-space:nowrap}.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent),var(--accent-light));opacity:0;transition:opacity var(--transition);border-radius:inherit}.nav-item:hover{color:var(--text-1);background:rgba(124,58,237,.12)}.nav-item.active{color:var(--text-1);background:rgba(124,58,237,.2);border:1px solid var(--border);box-shadow:0 0 16px rgba(124,58,237,.2)}.nav-item.active .nav-icon{color:var(--accent-light)}.nav-item.active:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--accent-light);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--accent-glow)}.nav-icon{font-size:20px;flex-shrink:0;z-index:1;transition:color var(--transition)}.nav-label{font-size:13.5px;font-weight:500;z-index:1;transition:opacity var(--transition)}.sidebar.collapsed .nav-label{opacity:0}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);z-index:1;transition:opacity var(--transition)}.sidebar.collapsed .nav-badge{opacity:0}.sidebar-footer{margin-top:auto;padding:16px 10px;border-top:1px solid var(--border-light)}.sidebar-toggle{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-2);transition:all var(--transition);font-size:13px;font-weight:500}.sidebar-toggle:hover{color:var(--text-1);background:rgba(124,58,237,.1)}.topbar{position:fixed;top:0;right:0;left:var(--sidebar-w);height:var(--topbar-h);background:rgba(6,6,15,.85);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);z-index:150;display:flex;align-items:center;padding:0 28px;gap:16px;transition:left var(--transition)}[data-theme=light] .topbar{background:rgba(240,235,255,.9)}.topbar.collapsed{left:var(--sidebar-collapsed)}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-2)}.topbar-breadcrumb .sep{color:var(--text-3);font-size:16px}.topbar-breadcrumb .current{color:var(--text-1);font-weight:600}.topbar-search{flex:1 1;max-width:420px;position:relative}.topbar-search input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);padding:8px 16px 8px 40px;color:var(--text-1);font-family:inherit;font-size:13.5px;outline:none;transition:all var(--transition)}.topbar-search input::placeholder{color:var(--text-3)}.topbar-search input:focus{background:var(--bg-input-focus);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow2)}.topbar-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:18px}.topbar-spacer{flex:1 1}.topbar-actions{gap:8px}.topbar-actions,.topbar-btn{display:flex;align-items:center}.topbar-btn{width:38px;height:38px;border-radius:var(--radius-sm);justify-content:center;background:var(--bg-input);border:1px solid var(--border);cursor:pointer;color:var(--text-2);transition:all var(--transition);position:relative}.topbar-btn:hover{background:rgba(124,58,237,.15);border-color:var(--border-hover);color:var(--text-1)}.topbar-btn .notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--danger);border-radius:50%;box-shadow:0 0 6px rgba(239,68,68,.8);animation:pulse 2s infinite}.lang-toggle{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2);transition:all var(--transition)}.lang-toggle:hover{border-color:var(--accent);color:var(--text-1)}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:var(--radius-full);background:rgba(124,58,237,.1);border:1px solid var(--border);cursor:pointer;transition:all var(--transition)}.user-chip:hover{background:rgba(124,58,237,.2);border-color:var(--accent)}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--kl-orange));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;box-shadow:0 0 10px var(--accent-glow)}.user-name{font-size:13px;font-weight:600;color:var(--text-1)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.4),transparent)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md),0 0 30px rgba(124,58,237,.1);transform:translateY(-2px)}.stat-card{padding:24px;cursor:default;background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow var(--transition),border-color var(--transition);transform-style:preserve-3d;will-change:transform}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md),var(--shadow-glow)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.stat-card-value{font-size:32px;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--text-1),var(--accent-xlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-label{font-size:13px;color:var(--text-2);margin-top:6px;font-weight:500}.stat-card-change{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:8px;padding:3px 8px;border-radius:var(--radius-full)}.stat-card-change.up{color:var(--success);background:var(--success-bg)}.stat-card-change.down{color:var(--danger);background:var(--danger-bg)}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);background:rgba(124,58,237,.04);white-space:nowrap}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border-light);color:var(--text-1);vertical-align:middle}.data-table tr{transition:background var(--transition)}.data-table tbody tr:hover{background:rgba(124,58,237,.06)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:11.5px;font-weight:600;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-success{background:var(--success-bg);color:var(--success)}.badge-success .badge-dot{background:var(--success);box-shadow:0 0 6px var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-warning .badge-dot{background:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-danger .badge-dot{background:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-info .badge-dot{background:var(--info)}.badge-accent{background:rgba(124,58,237,.15);color:var(--accent-light)}.badge-accent .badge-dot{background:var(--accent-light)}.badge-neutral{background:rgba(100,104,136,.2);color:var(--text-2)}.badge-neutral .badge-dot{background:var(--text-3)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border:none;outline:none;transition:all var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-light),var(--accent));box-shadow:0 6px 24px var(--accent-glow),0 0 0 1px var(--accent-light);transform:translateY(-1px)}.btn-secondary{background:var(--bg-input);color:var(--text-1);border:1px solid var(--border)}.btn-secondary:hover{background:rgba(124,58,237,.12);border-color:var(--accent)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:rgba(239,68,68,.2)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{padding:8px}.btn-orange{background:linear-gradient(135deg,var(--kl-orange),#e8940f);color:#fff;box-shadow:0 4px 16px var(--kl-orange-glow)}.btn-orange:hover{transform:translateY(-1px);box-shadow:0 6px 24px var(--kl-orange-glow)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:7px;letter-spacing:.3px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:inherit;font-size:13.5px;outline:none;transition:all var(--transition)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-3)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-input-focus);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow2)}.form-select{-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 12 12'%3E%3Cpath fill='%237C3AED' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.form-textarea{resize:vertical;min-height:88px}option{background:var(--bg-elevated);color:var(--text-1)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;width:min(600px,96vw);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg),0 0 60px rgba(124,58,237,.15);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:18px;font-weight:700}.modal-close{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);background:var(--bg-input);border:1px solid var(--border);transition:all var(--transition)}.modal-close:hover{color:var(--text-1);background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.page-header{margin-bottom:28px}.page-title{font-size:24px;font-weight:700;color:var(--text-1)}.page-subtitle{font-size:13.5px;color:var(--text-2);margin-top:4px}.page-title-accent{color:var(--accent-light)}.page-actions{margin-top:16px}.filter-bar,.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-bar{padding:16px 20px;background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px}.filter-search{flex:1 1;min-width:200px;max-width:320px;position:relative}.filter-search input{width:100%;padding:8px 12px 8px 36px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:inherit;font-size:13px;outline:none;transition:all var(--transition)}.filter-search input:focus{border-color:var(--accent);background:var(--bg-input-focus)}.filter-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-3)}.filter-spacer{flex:1 1}.chart-container{position:relative;padding:20px}.chart-title{font-size:15px;font-weight:700;margin-bottom:4px}.chart-subtitle{font-size:12px;color:var(--text-2);margin-bottom:20px}.progress-bar{height:6px;background:rgba(124,58,237,.1);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));box-shadow:0 0 8px var(--accent-glow);transition:width 1s cubic-bezier(.4,0,.2,1)}.divider{height:1px;background:var(--border);margin:16px 0}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-md);font-size:13.5px;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1);min-width:280px}.toast-success{border-color:rgba(16,185,129,.3)}.toast-error{border-color:rgba(239,68,68,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 25px var(--accent-glow),0 0 50px rgba(124,58,237,.15)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes neonPulse{0%,to{text-shadow:0 0 8px var(--accent-glow)}50%{text-shadow:0 0 20px var(--accent-glow),0 0 40px rgba(124,58,237,.3)}}.page-enter{animation:pageIn .35s cubic-bezier(.4,0,.2,1)}.float-anim{animation:float 4s ease-in-out infinite}.glow-anim{animation:glow 3s ease-in-out infinite}.spin-anim{animation:spin 1s linear infinite}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-card{width:min(440px,96vw);padding:48px 40px;background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 80px rgba(124,58,237,.12);position:relative;z-index:10;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1)}.login-logo{display:flex;justify-content:center;margin-bottom:32px}.login-logo img{height:56px;filter:drop-shadow(0 0 12px var(--kl-orange-glow))}.login-title{text-align:center;margin-bottom:32px}.login-title h1{font-size:22px;font-weight:700}.login-title p{font-size:13px;color:var(--text-2);margin-top:6px}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.login-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.35) 0,transparent 70%);top:-20%;left:-10%}.login-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(245,166,35,.2) 0,transparent 70%);bottom:0;right:0}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2-1{grid-template-columns:2fr 1fr}@media (max-width:1200px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2-1{grid-template-columns:1fr}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-content{padding:16px}.topbar{padding:0 16px}.main-content{margin-left:var(--sidebar-collapsed)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-sm{font-size:12.5px}.text-muted{color:var(--text-2)}.font-mono{font-family:JetBrains Mono,monospace}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media print{body{background:#fff!important}.no-print{display:none!important}.zimmet-print-page{background:#fff;color:#111;padding:0;margin:0;box-shadow:none;border:none}}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light)}.activity-item:last-child{border-bottom:none}.activity-icon{width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}.activity-content{flex:1 1;min-width:0}.activity-title{font-size:13.5px;font-weight:500}.activity-meta{font-size:12px;color:var(--text-2);margin-top:2px}.category-card{padding:20px 20px 16px;border-radius:var(--radius-lg);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);transition:all var(--transition);cursor:pointer;position:relative;overflow:hidden}.category-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-md),0 0 20px rgba(124,58,237,.1)}.category-icon{font-size:28px;margin-bottom:12px}.category-name{font-size:14px;font-weight:700}.category-count{font-size:24px;font-weight:700;color:var(--accent-light);margin:4px 0}.category-sub{font-size:12px;color:var(--text-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-2);text-align:center}.empty-state .material-icons-round{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state h3{font-size:16px;font-weight:600;color:var(--text-2);margin-bottom:8px}.empty-state p{font-size:13px}@media (max-width:1366px){:root{--sidebar-w:220px}.page-content{padding:20px 22px}.stat-card-value{font-size:26px}.topbar{padding:0 18px;gap:10px}.topbar-search{max-width:280px}.topbar-breadcrumb{font-size:12.5px}.lang-toggle span:last-child,.user-name{display:none}.lang-toggle{padding:6px 10px}}.hamburger-btn{display:none;width:38px;height:38px;border-radius:var(--radius-sm);align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);cursor:pointer;color:var(--text-2);transition:all var(--transition);flex-shrink:0}.hamburger-btn:hover{background:rgba(124,58,237,.15);border-color:var(--border-hover);color:var(--text-1)}@media (max-width:768px){:root{--sidebar-w:260px}.sidebar{transform:translateX(-100%);width:var(--sidebar-w)!important;transition:transform var(--transition),width var(--transition);z-index:300}.sidebar.mobile-open{transform:translateX(0)}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:290;animation:fadeIn .2s ease}.mobile-overlay.active{display:block}.main-content{margin-left:0!important}.topbar{left:0!important;padding:0 14px;gap:8px}.hamburger-btn{display:flex!important}.topbar-search{display:none}.topbar-actions{gap:4px}.topbar-breadcrumb .material-icons-round,.topbar-breadcrumb .sep,.topbar-breadcrumb span:not(.current){display:none}.topbar-breadcrumb .current{font-size:14px;font-weight:700;display:block}.page-content{padding:14px}.filter-bar{flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px}.filter-search{max-width:100%}.filter-spacer{display:none}.grid-2,.grid-2-1,.grid-3,.grid-4{grid-template-columns:1fr!important}.stat-card{padding:16px}.stat-card-value{font-size:24px}.page-title{font-size:20px}.modal{width:96vw!important;padding:20px 18px!important;max-height:92vh}.toast-container{bottom:16px;right:12px;left:12px;align-items:stretch}.toast{min-width:unset;width:100%}}@media (max-width:1366px){.data-table td,.data-table th{padding:10px;font-size:12.5px}.data-table th{font-size:10px}.data-table td .font-mono{font-size:10.5px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.page-header>div{flex-wrap:wrap}}.page-content{overflow-x:hidden}.data-table-wrap{overflow-x:auto;width:100%}@media (max-width:1366px){.data-table td:nth-child(5),.data-table td:nth-child(9),.data-table th:nth-child(5),.data-table th:nth-child(9){display:none}.data-table td,.data-table th{padding:10px 8px}.data-table th{font-size:10px;letter-spacing:.8px}.data-table td{font-size:12.5px}.data-table td:last-child>div{gap:4px}.data-table td:last-child .btn-icon{width:28px;height:28px;padding:4px}}@media (max-width:1100px){.data-table td:nth-child(4),.data-table th:nth-child(4){display:none}}@media (max-width:1600px){.col-hide-laptop{display:none!important}}