:root{--bg:#0b1020;--fg:#e8ecf8;--muted:#9aa4bd;--stroke:rgba(255,255,255,0.18);--card:rgba(255,255,255,0.06);--card-bg:rgba(255,255,255,0.06);--g1:#7c3aed;--g2:#22d3ee;--g3:#f59e0b;--g4:#06b6d4;--g5:#a78bfa;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--nav-bg:rgba(11, 16, 32, 0.6);--input-bg:rgba(255,255,255,0.06);--input-placeholder:#9aa4bd;--table-head-bg:rgba(255,255,255,0.06);--table-row-bg:rgba(255,255,255,0.04);--code-bg:rgba(255,255,255,0.08);--btn-ghost-bg:rgba(255,255,255,0.05);--btn-ghost-hover:rgba(255,255,255,0.1);--btn-secondary-bg:rgba(255,255,255,0.1);--menu-hover:rgba(255,255,255,0.08);--menu-mobile-bg:rgba(11, 16, 32, 0.95)}[data-theme="light"]{--bg:#f8fafc;--fg:#1e293b;--muted:#64748b;--stroke:rgba(0,0,0,0.1);--card:rgba(255,255,255,0.8);--card-bg:rgba(255,255,255,0.8);--g1:#7c3aed;--g2:#06b6d4;--g3:#f59e0b;--g4:#0891b2;--g5:#8b5cf6;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--nav-bg:rgba(255,255,255,0.9);--input-bg:rgba(0,0,0,0.05);--input-placeholder:#64748b;--table-head-bg:rgba(0,0,0,0.03);--table-row-bg:rgba(0,0,0,0.02);--code-bg:rgba(0,0,0,0.05);--btn-ghost-bg:rgba(0,0,0,0.05);--btn-ghost-hover:rgba(0,0,0,0.1);--btn-secondary-bg:rgba(0,0,0,0.1);--menu-hover:rgba(0,0,0,0.05);--menu-mobile-bg:rgba(255,255,255,0.98)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--fg);background:var(--bg);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body[data-theme="dark"]{background:radial-gradient(1100px 700px at -10% -10%,rgba(124,58,237,.25),transparent),radial-gradient(900px 600px at 110% -10%,rgba(34,211,238,.22),transparent),linear-gradient(180deg,#0b1020 20%,#0e1429 100%)}a{color:inherit}.container{max-width:100%;margin:0 auto;padding:24px}.glass{background:var(--card-bg);border:1px solid var(--stroke);border-radius:16px;backdrop-filter:blur(8px)}.card{padding:18px;border-radius:16px}.chip{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);background:rgba(255,255,255,.05);font-size:12px;margin:4px 6px 0 0}.btn{display:inline-block;padding:12px 16px;border-radius:12px;font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:linear-gradient(90deg,var(--g1),var(--g2));color:#0b1020}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(124,58,237,.4)}.btn-ghost{border:1px solid var(--stroke);background:var(--btn-ghost-bg);color:var(--fg)}.btn-ghost:hover{background:var(--btn-ghost-hover)}.btn-success{background:linear-gradient(90deg,#22c55e,#16a34a);color:#0b1020}.btn-secondary{background:var(--btn-secondary-bg);color:var(--fg);border:1px solid var(--stroke)}.btn-danger{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}h1{font-size:44px;line-height:1.1;margin:0 0 8px}h2{font-size:30px;margin:0 0 10px}h3{font-size:20px;margin:0 0 6px;color:var(--g2)}h4{margin:8px 0 6px}.muted{color:var(--muted)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--stroke),transparent);margin:16px 0}.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--stroke)}.nav .inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.brand{font-weight:900;letter-spacing:.3px;background:linear-gradient(90deg,var(--g2),var(--g5));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:22px;text-decoration:none}.menu{display:flex;gap:14px;flex-wrap:wrap}.menu a{padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--fg);display:flex;align-items:center;gap:8px;transition:all .2s ease}.menu a.active,.menu a:hover{background:var(--menu-hover)}.menu a i{font-size:14px}.theme-toggle{padding:8px 10px;border-radius:10px;background:var(--btn-ghost-bg);border:1px solid var(--stroke);color:var(--fg);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--btn-ghost-hover)}.theme-toggle i{font-size:14px}.divider-v{width:1px;height:24px;background:var(--stroke);margin:0 10px}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:960px){.g2,.g3,.g4{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px;border:1px solid var(--stroke)}th,td{padding:10px 12px;text-align:left}thead{background:var(--table-head-bg)}tbody tr:nth-child(odd){background:var(--table-row-bg)}code{background:var(--code-bg);border:1px solid var(--stroke);padding:2px 6px;border-radius:6px}.pill{display:inline-block;padding:3px 6px;border-radius:999px;background:rgba(34,211,238,.16);border:1px solid var(--stroke);font-size:11px}.bar{height:10px;background:var(--code-bg);border:1px solid var(--stroke);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--g2),var(--g5))}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.cal .day{min-height:90px;border:1px dashed var(--stroke);border-radius:10px;padding:6px;font-size:12px}.hero{padding:64px 24px}.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{font-size:28px;font-weight:800}footer{padding:40px 24px;border-top:1px solid var(--stroke);text-align:center;color:var(--muted)}.note{font-size:12px;color:var(--muted)}.tag{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);color:#e2e8f0;margin:4px 6px 0 0;font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:8px;background:rgba(34,197,94,.18);border:1px solid var(--stroke);font-size:12px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--fg)}.form-control{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--stroke);background:var(--input-bg);color:var(--fg);font-size:15px;transition:all .2s ease}.form-control:focus{outline:0;border-color:var(--g2);box-shadow:0 0 0 3px rgba(34,211,238,.2)}.form-control::placeholder{color:var(--input-placeholder)}.form-control[type="file"]{padding:10px;cursor:pointer}textarea.form-control{resize:vertical;min-height:120px}.mobile-toggle{display:none;padding:10px 14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:10px;color:var(--fg);cursor:pointer;font-size:18px}@media (max-width:768px){.mobile-toggle{display:block}.menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--menu-mobile-bg);backdrop-filter:blur(10px);padding:16px;border-bottom:1px solid var(--stroke)}.menu.open{display:flex}.menu a{padding:12px 16px}.kpi{grid-template-columns:1fr}.g2,.g3,.g4{grid-template-columns:1fr}}.stat{text-align:center;padding:24px}.stat h3{font-size:36px;margin:8px 0;background:linear-gradient(90deg,var(--g2),var(--g5));-webkit-background-clip:text;background-clip:text;color:transparent}.status-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.status-badge.success{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.warning{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.danger{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.info{background:rgba(34,211,238,.2);color:#22d3ee;border:1px solid rgba(34,211,238,.3)}.empty-state{text-align:center;padding:60px 24px;color:var(--muted)}.empty-state i{font-size:48px;margin-bottom:16px;opacity:.5}.action-bar{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-3{margin-bottom:12px}.text-center{text-align:center}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--g2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:12px 16px;border-radius:12px;margin-bottom:16px;border:1px solid}.alert-success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.alert-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.alert-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.alert-info{background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.3);color:#22d3ee}.timeline{position:relative;padding-left:20px}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--stroke)}.timeline-item{position:relative;padding:16px 0;padding-left:24px}.timeline-item:not(:last-child){border-bottom:1px solid var(--stroke)}.timeline-icon{position:absolute;left:-28px;top:16px;width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;color:#0b1020;font-size:14px}.timeline-content h4{margin:0 0 4px;font-size:16px;color:var(--fg)}.timeline-content p{margin:0 0 8px;font-size:14px}