:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #16213e;--bg-card-hover: #1a2744;--text-primary: #e8e8e8;--text-secondary: #a0a0b8;--text-muted: #6c6c80;--accent: #e94560;--accent2: #0f3460;--accent3: #533483;--border: rgba(255,255,255,.08);--shadow: 0 2px 8px rgba(0,0,0,.3);--shadow-hover: 0 10px 30px rgba(0,0,0,.4);--success: #2ecc71;--warning: #f39c12;--danger: #e74c3c;--info: #3498db;--radius: 16px;--radius-sm: 10px;--glow-accent: 0 2px 12px rgba(233,69,96,.35);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8f9fa;--text-primary: #1a1a2e;--text-secondary: #555;--text-muted: #999;--accent: #e94560;--accent2: #2980b9;--border: rgba(0,0,0,.08);--shadow: 0 2px 8px rgba(0,0,0,.08);--shadow-hover: 0 8px 24px rgba(0,0,0,.12);--glow-accent: 0 2px 12px rgba(233,69,96,.2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background .4s,color .4s;padding-left:56px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:56px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:stretch;padding:14px 8px;gap:4px;z-index:99;overflow-y:auto;overflow-x:visible;transition:width .25s ease,padding .25s ease,transform .25s ease}.sidebar::-webkit-scrollbar{width:0}.sidebar a,.sidebar .sb-item{min-height:40px;display:flex;align-items:center;justify-content:flex-start;gap:12px;color:var(--text-secondary);text-decoration:none;font-size:13px;padding:0 10px;border-radius:10px;position:relative;transition:all .2s;border:1px solid transparent;flex-shrink:0;-webkit-user-drag:element;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}.sidebar a .ico,.sidebar .sb-item .ico{font-size:18px;width:22px;text-align:center;flex-shrink:0}.sidebar a .lbl,.sidebar .sb-item .lbl{opacity:1;transition:opacity .2s}.sidebar a:hover,.sidebar .sb-item:hover{background:#e945601f;color:var(--accent);border-color:#e945604d}.sidebar a.active,.sidebar .sb-item.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--glow-accent)}.sidebar a .tip,.sidebar .sb-item .tip{position:absolute;left:52px;top:50%;transform:translateY(-50%);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:6px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 4px 16px #0006;z-index:200;display:none}.sidebar .divider{height:1px;background:var(--border);margin:4px 6px;flex-shrink:0}body.sb-icons .sidebar{width:56px;padding:14px 8px;align-items:center}body.sb-icons .sidebar a,body.sb-icons .sidebar .sb-item{justify-content:center;padding:0;width:40px;height:40px;min-height:40px}body.sb-icons .sidebar a .lbl,body.sb-icons .sidebar .sb-item .lbl{display:none}body.sb-icons .sidebar a .tip,body.sb-icons .sidebar .sb-item .tip{display:block}body.sb-icons .sidebar a:hover .tip,body.sb-icons .sidebar .sb-item:hover .tip{opacity:1}body.sb-icons .sidebar .divider{width:24px;margin:4px auto}body.sb-icons{padding-left:56px}body.sb-icons .sidebar-toggle{left:64px}body.sb-expanded .sidebar{width:260px;padding:14px 10px;align-items:stretch}body.sb-expanded .sidebar a,body.sb-expanded .sidebar .sb-item{justify-content:flex-start;padding:0 12px}body.sb-expanded .sidebar a .lbl,body.sb-expanded .sidebar .sb-item .lbl{display:inline}body.sb-expanded .sidebar a .tip,body.sb-expanded .sidebar .sb-item .tip{display:none}body.sb-expanded{padding-left:260px}body.sb-expanded .sidebar-toggle{left:268px}body.sb-hidden .sidebar{transform:translate(-100%)}body.sb-hidden{padding-left:0}body.sb-hidden .sidebar-toggle{left:8px}.sidebar-toggle{position:fixed;top:10px;left:8px;width:36px;height:36px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:14px;z-index:101;display:flex;align-items:center;justify-content:center;transition:left .25s ease,background .2s}.sidebar-toggle:hover{background:#e945601f;color:var(--accent)}.header-wrap{position:sticky;top:0;z-index:100;max-width:1600px;margin:0 auto;padding:24px 24px 0}.header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo{font-size:20px;font-weight:800;color:var(--accent);letter-spacing:.5px;display:flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;cursor:pointer}.logo-sub{color:var(--text-secondary);font-weight:400;font-size:12px}.header-center{display:flex;align-items:center;gap:4px;flex-shrink:0}.header-right{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;flex-shrink:0}.btn{padding:8px 16px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.btn:hover{background:var(--bg-card-hover);border-color:var(--accent)}.btn.active,.period-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #e9456059}.btn-sm{padding:5px 12px;font-size:12px}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{opacity:.9;transform:translateY(-1px)}.update-info{font-size:11px;color:var(--text-muted);white-space:nowrap}@media(max-width:1500px){.logo-sub,.update-info,.btn-label{display:none}}@media(max-width:1200px){.header{flex-wrap:wrap}}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden;transition:all .3s;cursor:default;box-shadow:var(--shadow)}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent3),var(--info));opacity:0;transition:opacity .3s}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#e9456033}.metric-card:hover:before{opacity:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .3s;box-shadow:var(--shadow)}.card:hover{box-shadow:0 8px 24px #00000026;border-color:#e9456026}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--border);color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px}td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary)}tr:hover td{background:var(--bg-card-hover)}.section-title{font-size:18px;font-weight:700;margin:24px 0 16px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--accent),var(--accent3));border-radius:2px;flex-shrink:0}[id]>.section-title~*{animation:fadeInUp .5s ease both}.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.tag-danger{background:#e74c3c26;color:var(--danger)}.tag-warning{background:#f39c1226;color:var(--warning)}.tag-success{background:#2ecc7126;color:var(--success)}.tag-info{background:#3498db26;color:var(--info)}.tag-purple{background:#8b5cf626;color:#8b5cf6}.alert-banner{display:flex;align-items:center;gap:10px;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:600;animation:fadeIn .6s ease}.alert-banner-danger{background:#e74c3c14;border:1px solid rgba(231,76,60,.25);color:#e74c3c}.alert-banner-warning{background:#f39c1214;border:1px solid rgba(243,156,18,.25);color:#f39c12}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){body,body.sb-icons{padding-left:48px}body .sidebar,body.sb-icons .sidebar{width:48px}body.sb-icons .sidebar a,body.sb-icons .sidebar .sb-item{width:36px;height:36px}body.sb-expanded .sidebar{width:200px}body.sb-expanded{padding-left:200px}body.sb-hidden{padding-left:0}.metric-card,.card{width:100%!important;min-width:0!important}.card table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.header-center,.update-info,.btn-label,.header-pill{display:none}}@media(max-width:480px){body,body.sb-icons{padding-left:0}body .sidebar,body.sb-icons .sidebar{transform:translate(-100%)}body.sb-expanded .sidebar{transform:translate(0);width:200px}body.sb-expanded{padding-left:0}.header-wrap{padding:8px 8px 0}.header{padding:6px 10px;gap:6px}.logo{font-size:16px}.metric-card{padding:12px 14px}.card{padding:14px}.section-title{font-size:16px;margin:16px 0 12px}}[data-skin=corporate]{--bg-primary: #0a1628;--bg-secondary: #0f1d35;--bg-card: #142240;--bg-card-hover: #1a2d52;--text-primary: #e0e6f0;--text-secondary: #8a9cc0;--text-muted: #5a6d8e;--accent: #2563eb;--accent2: #1d4ed8;--accent3: #1e40af;--border: rgba(37,99,235,.12);--shadow: 0 2px 8px rgba(0,0,0,.35);--shadow-hover: 0 10px 30px rgba(0,0,0,.45);--glow-accent: 0 2px 12px rgba(37,99,235,.35)}[data-skin=contrast]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-card: #111111;--bg-card-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--accent: #ff6600;--accent2: #cc5200;--accent3: #ff8833;--border: rgba(255,255,255,.2);--shadow: 0 2px 8px rgba(0,0,0,.5);--shadow-hover: 0 10px 30px rgba(0,0,0,.6);--glow-accent: 0 2px 12px rgba(255,102,0,.4)}.header-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;white-space:nowrap;animation:fadeIn .3s ease}.header-pill-danger{background:#e74c3c26;color:var(--danger)}.header-pill-warning{background:#f39c1226;color:var(--warning)}.header-pill-success{background:#2ecc7126;color:var(--success)}.header-pill-info{background:#3498db26;color:var(--info)}.audit-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-secondary);transition:background .2s}.audit-row:hover{background:var(--bg-card-hover)}.audit-row-time{color:var(--text-muted);font-size:11px;white-space:nowrap;flex-shrink:0;min-width:130px}.audit-row-user{font-weight:600;color:var(--text-primary);flex-shrink:0;min-width:100px}.audit-row-action{flex:1;color:var(--text-secondary)}.audit-row-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.audit-row-badge-create{background:#2ecc7126;color:var(--success)}.audit-row-badge-update{background:#3498db26;color:var(--info)}.audit-row-badge-delete{background:#e74c3c26;color:var(--danger)}