:root{--bg-body:#f3f5f9;--bg-card:#fff;--bg-topbar:#fff;--text:#3a4250;--text-muted:#6b7280;--border:#e7ebf2;--input-bg:#fff;--tr-hover:#f5f7fb;--th-bg:#f8fafc;--heading:#0d47a1;--accent:#1565c0;--topbar-shadow:0 2px 8px #0000000f;--btn-outline-bg:#fff}html.theme-dark{--bg-body:#141a26;--bg-card:#1c2433;--bg-topbar:#1c2433;--text:#dbe2ee;--text-muted:#8b94a7;--border:#2a3346;--input-bg:#141a26;--tr-hover:#202a3b;--th-bg:#202a3b;--heading:#7db2ff;--accent:#3f8cff;--topbar-shadow:0 2px 8px #00000073;--btn-outline-bg:#1c2433}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:#1a73e8;text-decoration:none}a:hover{text-decoration:underline}.login-page{background:linear-gradient(135deg,#0d47a1 0%,#1565c0 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-card h1{color:#0d47a1;margin-bottom:8px;font-size:24px}.login-card p{color:#666;margin-bottom:24px}.layout{min-height:100vh;display:flex}.topbar{z-index:999;background:var(--bg-topbar);height:64px;box-shadow:var(--topbar-shadow);justify-content:space-between;align-items:center;padding:0 20px;transition:left .25s;display:flex;position:fixed;top:0;left:260px;right:0}.topbar .tb-group{align-items:center;gap:8px;display:flex}.tb-btn{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.tb-btn:hover{color:var(--text);background:#1565c014}.tb-btn.active{color:var(--accent);background:#1565c01f}.tb-btn .bell-badge{color:#fff;background:#d93025;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.avatar-box{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:4px 6px 4px 4px;transition:background .2s;display:flex;position:relative}.avatar-box:hover{background:#1565c014}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.avatar-meta{line-height:1.2}.avatar-meta .a-name{color:var(--text);font-size:13px;font-weight:600}.avatar-meta .a-role{color:var(--text-muted);font-size:11px}.avatar-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:1100;border-radius:10px;min-width:220px;padding:8px;position:absolute;top:52px;right:0;box-shadow:0 10px 30px #0000002e}.avatar-dropdown .dd-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding:10px 12px}.avatar-dropdown .dd-head .a-name{color:var(--text);font-size:14px;font-weight:600}.avatar-dropdown .dd-head .a-role{color:var(--text-muted);font-size:12px}.avatar-dropdown button{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:background .2s;display:flex}.avatar-dropdown button:hover{color:#d93025;background:#d9302514}.sidebar{color:#fff;z-index:998;background-color:#0d47a1;width:260px;transition:width .25s,background-color .25s;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-brand{white-space:nowrap;border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:18px 20px;display:flex}.sidebar-brand .brand-logo{color:#fff;background:#ffffff29;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;font-weight:800;display:flex}.sidebar-brand .brand-name{color:#fff;font-size:17px;font-weight:700}.sidebar-nav{padding:12px 10px}.sidebar-nav .nav-caption{text-transform:uppercase;letter-spacing:1px;color:#ffffff80;white-space:nowrap;padding:10px 12px 6px;font-size:11px}.sidebar-nav a{color:#c3d7f5;white-space:nowrap;border-radius:8px;align-items:center;gap:12px;margin:2px 0;padding:11px 12px;font-size:14px;transition:all .2s;display:flex;position:relative}.sidebar-nav a:hover{color:#fff;background:#ffffff1a;text-decoration:none}.sidebar-nav a.active{color:#fff;background:#ffffff2e;font-weight:600}.sidebar-nav a.active:before{content:"";background:#fff;border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.sidebar-nav a .nav-ic{flex-shrink:0;display:flex}.sidebar.skin-light{color:#3a4250;border-right:1px solid var(--border);background-color:#fff}.sidebar.skin-light .sidebar-brand{border-bottom-color:#e7ebf2}.sidebar.skin-light .sidebar-brand .brand-logo{background:#0d47a1}.sidebar.skin-light .sidebar-brand .brand-name{color:#0d47a1}.sidebar.skin-light .sidebar-nav .nav-caption{color:#9aa3b2}.sidebar.skin-light .sidebar-nav a{color:#5b6273}.sidebar.skin-light .sidebar-nav a:hover{color:#0d47a1;background:#0d47a10f}.sidebar.skin-light .sidebar-nav a.active{color:#0d47a1;background:#0d47a11a}.sidebar.skin-light .sidebar-nav a.active:before{background:#0d47a1}.sidebar.skin-gradient{background-color:#0a3d8f;background-image:linear-gradient(#0d47a1 0%,#0a2f6e 100%)}.side-img-1{background-color:#0a3d8f;background-image:linear-gradient(150deg,#0000 28%,#05122da6 46%,#05122d59 50%,#0000 66%),linear-gradient(215deg,#0000 34%,#05122d8c 50%,#05122d4d 53%,#0000 64%),linear-gradient(#1b5fb5,#081f47)}.side-img-2{background-color:#0a3d8f;background-image:radial-gradient(at 70% 18%,#7eb5ff66,#0000 52%),radial-gradient(at 15% 85%,#5a8cdc52,#0000 55%),linear-gradient(#0d47a1,#071e45)}.side-img-3{background-color:#0a3d8f;background-image:repeating-linear-gradient(115deg,#ffffff12 0 12px,#0000001f 12px 26px),linear-gradient(#0d47a1,#0a2f6e)}.side-img-4{background-color:#0a3d8f;background-image:radial-gradient(circle,#ffffff29 1.5px,#0000 1.6px),radial-gradient(at 30% 18%,#82b4ff59,#0000 55%),linear-gradient(#0d47a1,#0a2f6e);background-size:22px 22px,auto,auto}.sidebar.with-image{color:#fff;background-color:#0d47a1}.sidebar.with-image:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#06122859,#0612289e);position:absolute;inset:0}.sidebar.with-image>*{z-index:1;position:relative}.sidebar.with-image .sidebar-brand{border-bottom-color:#ffffff2e}.sidebar.with-image .sidebar-brand .brand-logo{color:#fff;background:#ffffff2e}.sidebar.with-image .sidebar-brand .brand-name{color:#fff}.sidebar.with-image .sidebar-nav .nav-caption{color:#ffffff8c}.sidebar.with-image .sidebar-nav a{color:#c3d7f5}.sidebar.with-image .sidebar-nav a:hover{color:#fff;background:#ffffff24}.sidebar.with-image .sidebar-nav a.active{color:#fff;background:#ffffff38}.sidebar.with-image .sidebar-nav a.active:before{background:#fff}.layout.collapsed .sidebar{width:82px}.layout.collapsed .topbar{left:82px}.layout.collapsed .sidebar .brand-name,.layout.collapsed .sidebar .nav-caption,.layout.collapsed .sidebar .nav-label{display:none}.layout.collapsed .sidebar .sidebar-brand{justify-content:center;padding:18px 0}.layout.collapsed .sidebar .sidebar-nav a{justify-content:center;padding:12px}.layout.collapsed .sidebar .sidebar-nav a .nav-ic{margin:0}.main-wrap{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;transition:margin-left .25s;display:flex}.layout.collapsed .main-wrap{margin-left:82px}.main-content{flex:1;padding:88px 24px 24px}.page-header{margin-bottom:24px}.page-header h1{color:var(--heading);font-size:28px;font-weight:700}.page-header p{color:var(--text-muted);margin-top:4px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#1565c0}.btn-primary:hover{background:#0d47a1}.btn-success{color:#fff;background:#34a853}.btn-danger{color:#fff;background:#ea4335}.btn-outline{background:var(--btn-outline-bg);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:6px 12px;font-size:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 1px 3px #0000000f}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header h2{color:var(--text);font-size:18px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.stat-card .stat-label{color:var(--text-muted);margin-bottom:8px;font-size:14px}.stat-card .stat-value{color:var(--heading);font-size:32px;font-weight:700}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--th-bg);font-size:13px;font-weight:600}td{font-size:14px}tr:hover{background:var(--tr-hover)}.badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.badge-muted{color:#64748b;background:#f1f5f9}.badge-success{color:#1e8e3e;background:#e6f4ea}.badge-warning{color:#e37400;background:#fef7e0}.badge-danger{color:#d93025;background:#fce8e6}.badge-info{color:#1a73e8;background:#e8f0fe}.form-group{margin-bottom:16px}.form-group label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#1565c0;outline:none;box-shadow:0 0 0 3px #1565c01a}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:560px;max-height:90vh;padding:24px;overflow-y:auto}.modal h2{color:var(--text);margin-bottom:20px}.settings-panel{z-index:1400;background:var(--bg-card);border-left:1px solid var(--border);width:320px;padding:20px;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 40px #00000026}.settings-panel.open{transform:translate(0)}.settings-panel .sp-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-panel .sp-head h3{color:var(--text);font-size:16px}.settings-panel .sp-scroll{z-index:1300;background:#7f7f7f1f;position:fixed;inset:0}.settings-panel .sp-section{margin-bottom:24px}.settings-panel .sp-section .sp-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.sp-hint{color:var(--text-muted);margin-bottom:12px;font-size:12px}.side-preview-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.side-preview-grid.four{grid-template-columns:repeat(4,1fr)}.side-preview{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex}.sp-mini{border:2px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;width:100%;height:52px;padding:8px 7px 0;transition:all .2s;display:flex;position:relative;overflow:hidden}.side-preview.active .sp-mini{border-color:var(--accent);box-shadow:0 0 0 3px #1565c038}.sp-mini .mini-dot{background:#ffffff8c;border-radius:4px;width:14px;height:14px;margin-bottom:2px}.sp-mini .mini-nav{background:#fff6;border-radius:2px;width:80%;height:4px}.sp-mini .mini-nav.short{width:55%}.side-preview>span{color:var(--text-muted);font-size:11px}.side-preview.active>span{color:var(--accent);font-weight:600}.img-switch{flex-wrap:wrap;gap:10px;display:flex}.img-option{cursor:pointer;display:block;position:relative}.img-option input{opacity:0;pointer-events:none;position:absolute}.img-thumb{border:2px solid var(--border);width:62px;height:52px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;overflow:hidden}.img-thumb-none{background:#7f7f7f1a;border-style:dashed}.img-option:hover .img-thumb{border-color:var(--accent)}.img-option.active .img-thumb{border-color:var(--accent);box-shadow:0 0 0 3px #1565c038}.radio-dot{background:#fff;border:2px solid #cdd5e0;border-radius:50%;width:15px;height:15px;display:none;position:absolute;top:5px;right:5px}.img-option.active .radio-dot{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 55%, #fff 56%);display:block;box-shadow:0 0 0 2px #1565c040}.remove-img{color:#d93025;cursor:pointer;align-items:center;gap:5px;margin-top:10px;font-size:12px;display:inline-flex}.remove-img:hover{text-decoration:underline}.toast-stack{z-index:2000;flex-direction:column;gap:10px;max-width:340px;display:flex;position:fixed;bottom:20px;right:20px}.toast{cursor:pointer;color:#fff;border-radius:8px;padding:12px 16px;font-size:14px;animation:.25s toast-in;box-shadow:0 4px 16px #0003}.toast-success{background:#1e8e3e}.toast-info{background:#1a73e8}.toast-warning{background:#e37400}.toast-danger{background:#d93025}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:40px;display:flex}.empty{text-align:center;color:var(--text-muted);padding:40px}@media (width<=768px){.sidebar{transform:translate(-100%)}.layout.collapsed .sidebar{width:82px;transform:translate(0)}.topbar,.layout.collapsed .topbar{left:0}.main-wrap{margin-left:0}}