@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&display=swap";.mt-page{width:100%;display:grid;gap:20px}.mt-atas{display:grid;gap:20px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width: 1100px){.mt-atas{grid-template-columns:minmax(0,1fr)}}.mt-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;height:100%;box-sizing:border-box}.mt-judul{color:#fff;margin:0;font-size:18px}.mt-label{display:block;color:#cbd5e1;font-weight:600;font-size:13px;margin:18px 0 6px}.mt-hint{color:#94a3b8;font-size:12px;margin-top:4px}.mt-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#fff;font-size:14px;box-sizing:border-box}.mt-input:focus{outline:none;border-color:#22d3ee99}.mt-row{display:flex;gap:16px;flex-wrap:wrap}.mt-col{flex:1;min-width:220px}.mt-toggle{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#0003;border:1px solid rgba(255,255,255,.08)}.mt-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700}.mt-btn{margin-top:24px;padding:12px 28px;border-radius:10px;border:none;font-weight:700;font-size:14px;cursor:pointer;background:#22d3ee;color:#06121f}.mt-btn:disabled{opacity:.7;cursor:wait}.mt-btn-ghost{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.4);margin-top:0}.set-page{width:100%;display:grid;gap:18px;align-items:start;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}@media (max-width: 1100px){.set-page{grid-template-columns:minmax(0,1fr)}}.set-side{display:grid;gap:18px;align-content:start}.set-card{padding:22px}.set-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.set-title{color:#fff;font-size:16px;font-weight:800;letter-spacing:.3px}.set-note{color:#94a3b8;font-size:12.5px;line-height:1.6}.set-refresh{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.15);color:#94a3b8;border-radius:8px;padding:5px 10px;cursor:pointer;font-size:12px}.set-refresh:hover{color:#e2e8f0;border-color:#ffffff4d}.set-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 560px){.set-row{align-items:flex-start;flex-wrap:wrap}.set-row .set-act{margin-left:52px}}.set-ikon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px}.set-label{color:#fff;font-weight:700;font-size:14px}.set-ket{color:#94a3b8;font-size:12px;margin-top:2px;line-height:1.5}.set-pill{font-size:10.5px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.set-act{padding:8px 16px;border-radius:999px;border:none;cursor:pointer;background:var(--accent-cyan, #22d3ee);color:#04121a;font-weight:800;font-size:12px;white-space:nowrap}.set-act:disabled{opacity:.6;cursor:default}.set-petunjuk{margin-top:6px;padding:8px 10px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.28);color:#fca5a5;font-size:11.5px;line-height:1.55}.set-akun{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 24px;margin-top:10px}.set-akun-label{color:#64748b;font-size:10.5px;letter-spacing:1px;font-weight:700}.set-akun-nilai{color:#e2e8f0;font-size:13.5px;font-weight:600;margin-top:2px;word-break:break-word}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 40px}}@keyframes floatCard{0%,to{transform:translateY(0);box-shadow:0 0 20px #00f0ff33}50%{transform:translateY(-10px);box-shadow:0 10px 30px #00f0ff66}}@keyframes pulseGlow{0%,to{text-shadow:0 0 10px rgba(0,240,255,.5)}50%{text-shadow:0 0 20px rgba(0,240,255,.9),0 0 30px rgba(0,240,255,.5)}}.login-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#0b0f19;font-family:Inter,sans-serif;overflow:hidden}.cyber-grid{position:absolute;bottom:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(to right,rgba(0,240,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,240,255,.1) 1px,transparent 1px);background-size:40px 40px;transform:perspective(600px) rotateX(60deg);animation:gridMove 3s linear infinite;z-index:0;pointer-events:none}.login-card{position:relative;z-index:1;background:#0b0f19d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:40px;border-radius:16px;width:100%;max-width:420px;border:1px solid rgba(0,240,255,.3);animation:floatCard 6s ease-in-out infinite}.login-logo{text-align:center;font-size:28px;font-weight:900;margin-bottom:25px;letter-spacing:2px}.login-logo .gsi{color:#fff}.login-logo .sales{color:#00f0ff;animation:pulseGlow 3s infinite}.login-logo .arena{color:#ffb000;text-shadow:0 0 10px rgba(255,176,0,.5)}.login-card h2{color:#a0a5b5;font-size:14px;margin-bottom:30px;text-align:center;letter-spacing:4px;text-transform:uppercase}.form-group{margin-bottom:24px}.form-group label{display:block;color:#00f0ff;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:1px}.form-group input{width:100%;padding:14px;background-color:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px;outline:none;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{border-color:#00f0ff;background-color:#00f0ff0d;box-shadow:0 0 15px #00f0ff33,inset 0 0 10px #00f0ff1a}.form-group input::placeholder{color:#fff3}.password-wrapper{position:relative}.password-wrapper input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;padding:4px;color:#fff6;cursor:pointer;font-size:16px;transition:color .3s ease}.password-toggle:hover{color:#00f0ff}.login-btn{width:100%;padding:16px;background:linear-gradient(90deg,#00f0ff,#007bff);color:#000;border:none;border-radius:8px;font-size:16px;font-weight:800;letter-spacing:2px;cursor:pointer;transition:all .3s ease;margin-top:10px;text-transform:uppercase;box-shadow:0 0 15px #00f0ff66}.login-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 0 25px #00f0ff99}.login-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.login-btn:disabled{background:#3a3f50;color:#a0a5b5;box-shadow:none;cursor:not-allowed}.login-error{background-color:#dc354526;color:#ff4757;padding:12px 15px;border-radius:8px;margin-bottom:20px;font-size:13px;border:1px solid rgba(220,53,69,.4);display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-hint{margin-top:25px;font-size:12px;color:#64748b;text-align:center;line-height:1.6}.demo-btn{background:none;border:none;color:#00f0ff;cursor:pointer;text-decoration:underline;font-weight:700;padding:0 4px;transition:color .2s}.demo-btn:hover{color:#fff;text-shadow:0 0 8px #00f0ff}.sidebar{width:240px;background:linear-gradient(180deg,#0a0f22f2,#0b132bf2);border-right:1px solid var(--border-subtle);padding:24px 16px;display:flex;flex-direction:column;position:fixed;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:width .2s ease,transform .25s ease,padding .2s ease}.sidebar-logo{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:0 8px 24px;border-bottom:1px solid var(--border-subtle);margin-bottom:20px}.logo-text{display:flex;flex-direction:column;min-width:0}.sidebar-collapse-btn{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#1c254199;border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .15s}.sidebar-collapse-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.logo-row{font-size:22px;font-weight:800;letter-spacing:-.5px;font-style:italic}.logo-row .gsi{color:#fff}.logo-row .sales{color:var(--accent-cyan);margin:0 4px}.logo-row .arena{color:#fff}.logo-tag{font-size:8px;letter-spacing:2.5px;color:var(--text-secondary);margin-top:4px}.sidebar-content{flex:1;overflow-y:auto}.sidebar-section{font-size:9px;letter-spacing:1.5px;color:var(--text-muted);padding:14px 12px 6px;font-weight:600}.menu-group{margin-bottom:2px}.menu-group-header{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;margin-top:6px;border:none;background:transparent;border-radius:10px;color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:all .15s}.menu-group-header:hover{background:#3b82f614;color:#fff}.menu-group-header.has-active{color:#fff}.menu-group-header .group-icon{width:18px;text-align:center;font-size:14px}.group-label{flex:1;text-align:left}.group-caret{font-size:10px;transition:transform .2s ease;opacity:.7}.menu-group-header:not(.open) .group-caret{transform:rotate(-90deg)}.menu-submenu{display:none}.menu-submenu.open{display:block;animation:fadeIn .15s ease}.menu-submenu .nav-link{padding-left:38px;font-size:12.5px}.menu-subheader{padding:8px 12px 4px 38px;font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);opacity:.75;-webkit-user-select:none;user-select:none}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;position:relative;margin-bottom:2px}.nav-link i{width:18px;text-align:center;font-size:14px}.nav-link:hover{background:#3b82f614;color:#fff}.nav-link.active{background:linear-gradient(90deg,#3b82f62e,#3b82f60d);color:var(--accent-cyan);font-weight:600}.nav-link.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--accent-cyan);border-radius:0 2px 2px 0}.nav-badge{margin-left:auto;background:var(--accent-red);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:8px}.sidebar-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-subtle)}.user-mini{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#1c254180;cursor:pointer;text-decoration:none;color:inherit}.user-mini:hover{background:#1c2541cc}.user-mini-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff}.user-mini-name{font-size:12px;font-weight:600;color:#fff}.user-mini-role{font-size:9px;color:var(--text-secondary)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;animation:fadeIn .2s ease}@media (min-width: 769px){.sidebar.collapsed{width:76px;padding:24px 12px}.sidebar.collapsed .logo-text,.sidebar.collapsed .sidebar-section,.sidebar.collapsed .nav-link span,.sidebar.collapsed .nav-badge,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:0 0 20px}.sidebar.collapsed .nav-link{justify-content:center;padding:12px}.sidebar.collapsed .user-mini{justify-content:center;padding:8px}.sidebar.collapsed .menu-group-header{display:none}.sidebar.collapsed .menu-submenu{display:block!important}.sidebar.collapsed .menu-subheader{padding:0;margin:6px 12px;height:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.12)}.sidebar.collapsed .menu-submenu .nav-link{padding:12px;justify-content:center}.sidebar.collapsed .menu-group+.menu-group{border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:6px}}@media (max-width: 768px){.sidebar{width:250px;transform:translate(-100%);box-shadow:6px 0 28px #00000073}.sidebar.open{transform:translate(0)}.sidebar-collapse-btn{display:none}}.topbar{height:64px;background:#0b132bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 28px;gap:20px;position:sticky;top:0;z-index:10}.topbar-hamburger{display:none;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#1c254199;border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:all .15s}.topbar-hamburger:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.topbar-title{display:flex;flex-direction:column;min-width:0}.topbar-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title h1{font-size:18px;font-weight:700;color:#fff;margin:0}.topbar-title .breadcrumb{font-size:11px;color:var(--text-secondary);margin-top:2px}.topbar-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.icon-btn{width:38px;height:38px;border-radius:10px;background:#1c254199;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .15s}.icon-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.icon-btn .dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--accent-red);border-radius:50%;border:2px solid var(--bg-deep)}@media (max-width: 768px){.topbar{height:58px;padding:0 14px;gap:12px}.topbar-hamburger{display:flex}.topbar-title h1{font-size:15px}.topbar-actions{gap:8px}.icon-btn{width:34px;height:34px}}.asp-wadah{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;min-height:0}.asp-peringatan{display:flex;align-items:flex-start;gap:10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fcd34d;padding:11px 15px;border-radius:11px;font-size:12.5px}.asp-peringatan code{background:#0000004d;padding:1px 6px;border-radius:5px;font-size:11.5px;color:#fde68a}.asp-daftar{flex:1;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:20px}.asp-wadah.ringkas .asp-daftar{padding:14px;gap:15px;border-radius:12px;background:#0000002e}.asp-daftar::-webkit-scrollbar{width:7px}.asp-daftar::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:8px}.asp-sambutan{margin:auto;text-align:center;max-width:760px;padding:14px 0}.asp-sambutan-ikon{font-size:32px;color:var(--accent-cyan);opacity:.5}.asp-sambutan h3{color:#fff;margin-top:13px;font-size:17px}.asp-sambutan p{color:var(--text-secondary);font-size:12.5px;margin-top:6px}.asp-wadah.ringkas .asp-sambutan-ikon{font-size:26px}.asp-wadah.ringkas .asp-sambutan h3{font-size:14.5px}.asp-wadah.ringkas .asp-sambutan p{font-size:11.5px}.asp-contoh{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:20px}.asp-wadah.ringkas .asp-contoh{grid-template-columns:1fr;gap:7px;margin-top:14px}.asp-kartu-contoh{display:flex;align-items:flex-start;gap:10px;text-align:left;background:var(--bg-card-2);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 14px;color:var(--text-secondary);font-size:12.5px;font-family:inherit;cursor:pointer;transition:all .18s ease;line-height:1.5}.asp-kartu-contoh:hover:not(:disabled){border-color:var(--accent-cyan);color:#fff;transform:translateY(-2px)}.asp-kartu-contoh:disabled{opacity:.4;cursor:not-allowed}.asp-kartu-contoh i{color:var(--accent-cyan);margin-top:2px;flex-shrink:0}.asp-wadah.ringkas .asp-kartu-contoh{padding:9px 11px;font-size:11.5px;border-radius:9px}.asp-wadah.ringkas .asp-kartu-contoh:hover:not(:disabled){transform:none}.asp-pesan{display:flex;gap:12px;align-items:flex-start;min-width:0;max-width:100%}.asp-pesan.pengguna{flex-direction:row-reverse}.asp-avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-size:12.5px;color:#fff;background:var(--bg-card-2);border:1px solid var(--border-mid)}.asp-pesan.asisten .asp-avatar{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border:none}.asp-wadah.ringkas .asp-avatar{width:25px;height:25px;font-size:10.5px;border-radius:8px}.asp-wadah.ringkas .asp-pesan{gap:9px}.asp-isi{min-width:0;max-width:88%}.asp-wadah.ringkas .asp-isi{max-width:92%}.asp-pesan.pengguna .asp-isi{display:flex;justify-content:flex-end}.asp-gelembung-pengguna{background:var(--accent-blue);color:#fff;padding:10px 15px;border-radius:14px 14px 4px;font-size:13.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.asp-wadah.ringkas .asp-gelembung-pengguna{font-size:12.5px;padding:8px 12px}.asp-jejak{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.asp-alat{background:var(--bg-card-2);border:1px solid var(--border-subtle);border-radius:9px;font-size:12px;overflow:hidden}.asp-alat summary{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;color:var(--text-secondary);list-style:none}.asp-alat summary::-webkit-details-marker{display:none}.asp-alat.mulai summary{color:var(--accent-cyan)}.asp-alat.selesai summary i{color:var(--accent-green)}.asp-alat.gagal summary i{color:var(--accent-red)}.asp-alat pre{margin:0;padding:10px 12px;border-top:1px solid var(--border-subtle);background:#00000047;color:#a5b4fc;font-size:11.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,monospace}.asp-wadah.ringkas .asp-alat{font-size:11px}.asp-wadah.ringkas .asp-alat summary{padding:6px 10px}.asp-teks{color:#e2e8f0;font-size:13.5px;line-height:1.7;word-break:break-word;min-width:0;max-width:100%}.asp-wadah.ringkas .asp-teks{font-size:12.5px;line-height:1.65}.asp-teks .md-paragraf{margin:0 0 10px}.asp-teks .md-paragraf:last-child{margin-bottom:0}.asp-teks .md-judul{color:#fff;margin:15px 0 8px;font-size:15px}.asp-teks .md-judul:first-child{margin-top:0}.asp-wadah.ringkas .asp-teks .md-judul{font-size:13.5px}.asp-teks .md-daftar{margin:0 0 10px;padding-left:21px}.asp-teks .md-daftar li{margin-bottom:4px}.asp-teks strong{color:#fff;font-weight:600}.asp-teks a{color:var(--accent-cyan)}.asp-teks .md-garis{border:none;border-top:1px solid var(--border-subtle);margin:13px 0}.asp-teks .md-kode{background:#00000059;padding:1.5px 6px;border-radius:5px;font-size:12px;color:#93c5fd;font-family:SFMono-Regular,Consolas,monospace}.asp-teks .md-blok-kode{background:#00000059;border:1px solid var(--border-subtle);border-radius:9px;padding:12px 14px;margin:0 0 10px;overflow-x:auto;font-size:12px;color:#93c5fd}.asp-teks .md-bungkus-tabel{overflow-x:auto;max-width:100%;margin:0 0 12px}.asp-teks .md-tabel{border-collapse:collapse;width:100%;font-size:12.5px}.asp-teks .md-tabel th{background:var(--bg-card-2);color:#fff;font-weight:600;text-align:left;padding:9px 12px;white-space:nowrap;border-bottom:1px solid var(--border-mid)}.asp-teks .md-tabel td{padding:8px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap}.asp-teks .md-tabel tr:last-child td{border-bottom:none}.asp-wadah.ringkas .asp-teks .md-tabel{font-size:11.5px}.asp-wadah.ringkas .asp-teks .md-tabel th,.asp-wadah.ringkas .asp-teks .md-tabel td{padding:6px 9px}.asp-mengetik{display:flex;gap:5px;padding:6px 2px}.asp-mengetik span{width:7px;height:7px;border-radius:50%;background:var(--accent-cyan);opacity:.4;animation:aspDenyut 1.3s infinite ease-in-out}.asp-mengetik span:nth-child(2){animation-delay:.18s}.asp-mengetik span:nth-child(3){animation-delay:.36s}@keyframes aspDenyut{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.asp-berkas{display:flex;flex-direction:column;gap:8px;margin-top:12px}.asp-unduh{display:flex;align-items:center;gap:11px;background:var(--bg-card-2);border:1px solid var(--border-mid);border-radius:11px;padding:11px 14px;color:var(--text-primary);font-size:12.5px;font-family:inherit;cursor:pointer;transition:all .18s ease;text-align:left}.asp-unduh:hover{transform:translateY(-1px)}.asp-unduh.excel:hover{border-color:var(--accent-green)}.asp-unduh.pdf:hover{border-color:var(--accent-red)}.asp-unduh.excel>i:first-child{color:var(--accent-green);font-size:17px}.asp-unduh.pdf>i:first-child{color:var(--accent-red);font-size:17px}.asp-unduh-nama{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asp-unduh-ukuran{color:var(--text-muted);font-size:11.5px}.asp-wadah.ringkas .asp-unduh{padding:9px 11px;font-size:11.5px;gap:9px}.asp-galat{margin-top:10px;padding:10px 13px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:12.5px;display:flex;align-items:center;gap:8px}.asp-masukan{display:flex;align-items:flex-end;gap:10px;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:14px;padding:9px 11px;flex-shrink:0}.asp-masukan:focus-within{border-color:var(--accent-cyan)}.asp-wadah.ringkas .asp-masukan{background:#0000002e;border-radius:11px;padding:7px 9px}.asp-masukan textarea{flex:1;background:transparent;border:none;outline:none;resize:none;color:var(--text-primary);font-family:inherit;font-size:13.5px;line-height:1.6;padding:6px 4px;max-height:180px}.asp-masukan textarea::placeholder{color:var(--text-muted)}.asp-wadah.ringkas .asp-masukan textarea{font-size:12.5px;max-height:110px;padding:4px 3px}.asp-kirim{width:37px;height:37px;flex-shrink:0;border:none;border-radius:10px;cursor:pointer;background:var(--accent-blue);color:#fff;font-size:13.5px;display:grid;place-items:center;transition:all .18s ease}.asp-kirim:hover:not(:disabled){background:var(--accent-cyan)}.asp-kirim:disabled{opacity:.35;cursor:not-allowed}.asp-kirim.berhenti{background:var(--accent-red)}.asp-wadah.ringkas .asp-kirim{width:32px;height:32px;font-size:12px;border-radius:9px}.asp-catatan-kaki{font-size:11px;color:var(--text-muted);text-align:center;flex-shrink:0}.asp-wadah.ringkas .asp-catatan-kaki{font-size:9.5px;line-height:1.4}@media (max-width: 768px){.asp-isi{max-width:100%}.asp-contoh{grid-template-columns:1fr}.asp-daftar{padding:14px}}.asp-estimasi{flex-shrink:0;align-self:center;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-muted);padding:3px 7px;border:1px solid var(--border-subtle);border-radius:999px;background:#0000002e;cursor:help;white-space:nowrap}.asp-estimasi.mahal{color:#fcd34d;border-color:#f59e0b73;background:#f59e0b1f}.asp-wadah.ringkas .asp-estimasi{font-size:10.5px;padding:2px 6px}.asp-biaya{margin-top:9px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;cursor:help}.asp-biaya i{opacity:.65}.asp-konfirmasi{flex-shrink:0;margin-bottom:9px;padding:13px 15px;background:#f59e0b17;border:1px solid rgba(245,158,11,.35);border-radius:13px}.asp-konfirmasi-judul{display:flex;align-items:center;gap:8px;color:#fcd34d;font-weight:700;font-size:13px;margin-bottom:11px}.asp-konfirmasi-angka{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;margin-bottom:11px}.asp-konfirmasi-angka>div{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:9px;background:#00000038}.asp-kk-label{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.asp-konfirmasi-angka strong{font-size:13px;color:#fff;font-variant-numeric:tabular-nums}.asp-konfirmasi-catatan{font-size:11.5px;line-height:1.65;color:var(--text-secondary);margin-bottom:12px}.asp-konfirmasi-tombol{display:flex;flex-wrap:wrap;gap:8px}.asp-konfirmasi-tombol button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;border:1px solid transparent;transition:filter .15s,background .15s}.asp-konfirmasi-tombol button:hover{filter:brightness(1.12)}.asp-kk-lanjut{background:var(--accent-green);color:#04231a}.asp-kk-batal{background:transparent;border-color:var(--border-mid)!important;color:var(--text-secondary)}.asp-kk-baru{background:#00000047;border-color:var(--border-subtle)!important;color:var(--text-secondary)}.asp-kuota{flex-shrink:0;margin-bottom:11px;padding:10px 13px;background:var(--bg-card-2);border:1px solid var(--border-subtle);border-radius:12px}.asp-wadah.ringkas .asp-kuota{padding:8px 10px;margin-bottom:9px;border-radius:10px}.asp-kuota-baris{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.asp-kuota-judul{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.asp-kuota-judul i{color:var(--accent-cyan)}.asp-kuota-angka{font-size:12.5px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.asp-kuota-angka span{font-weight:500;color:var(--text-muted);font-size:11px}.asp-kuota-bar{height:7px;border-radius:999px;overflow:hidden;background:#00000059;border:1px solid var(--border-subtle)}.asp-kuota-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));transition:width .45s ease}.asp-kuota-kaki{margin-top:7px;font-size:10.5px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.asp-kuota.menipis{border-color:#f59e0b66}.asp-kuota.menipis .asp-kuota-bar>span{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.asp-kuota.menipis .asp-kuota-angka{color:#fcd34d}.asp-kuota.habis{border-color:#ef444473;background:#ef444417}.asp-kuota.habis .asp-kuota-bar>span{background:linear-gradient(90deg,#dc2626,#ef4444)}.asp-kuota.habis .asp-kuota-angka,.asp-kuota.habis .asp-kuota-kaki{color:#fca5a5}.asp-masukan textarea:disabled{cursor:not-allowed;opacity:.6}.asw-bubble{position:fixed;right:24px;bottom:24px;z-index:1301;width:58px;height:58px;border:none;border-radius:50%;cursor:pointer;color:#fff;font-size:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));box-shadow:0 8px 26px #3b82f673,0 2px 6px #00000059;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.asw-bubble:hover{transform:scale(1.07);box-shadow:0 10px 32px #3b82f699}.asw-bubble:active{transform:scale(.96)}.asw-bubble.aktif{background:var(--bg-card);border:1px solid var(--border-mid);font-size:20px}.asw-bubble.sibuk:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--accent-cyan);animation:aswDenyut 1.6s ease-out infinite}@keyframes aswDenyut{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.35);opacity:0}}.asw-titik{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--accent-red);border:2px solid var(--bg-deep)}.asw-tip{position:absolute;right:calc(100% + 12px);white-space:nowrap;background:var(--bg-card);border:1px solid var(--border-mid);color:var(--text-primary);font-size:12px;padding:7px 12px;border-radius:9px;opacity:0;transform:translate(6px);pointer-events:none;transition:all .18s ease;box-shadow:0 4px 14px #00000059}.asw-bubble:hover .asw-tip{opacity:1;transform:translate(0)}.asw-panel{position:fixed;right:24px;bottom:94px;z-index:1300;width:420px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 140px);display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-mid);border-radius:18px;box-shadow:0 20px 60px #0000008c;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.4,.64,1),visibility .2s}.asw-panel.buka{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.asw-kepala{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#3b82f624,#8b5cf61a);flex-shrink:0}.asw-identitas{display:flex;align-items:center;gap:11px;min-width:0}.asw-identitas>div{display:flex;flex-direction:column;min-width:0}.asw-identitas strong{color:#fff;font-size:13.5px}.asw-subjudul{color:var(--text-secondary);font-size:11px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asw-lencana{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;font-size:15px}.asw-aksi{display:flex;gap:4px;flex-shrink:0}.asw-aksi button{width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12.5px;display:grid;place-items:center;transition:all .16s ease}.asw-aksi button:hover:not(:disabled){background:#ffffff14;color:#fff}.asw-aksi button:disabled{opacity:.3;cursor:not-allowed}.asw-isi{flex:1;min-width:0;min-height:0;display:flex;padding:12px}.asw-tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1299;background:#05081873;animation:aswMuncul .2s ease}@keyframes aswMuncul{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.asw-bubble{right:16px;bottom:16px;width:52px;height:52px;font-size:20px}.asw-tip{display:none}.asw-panel{right:10px;left:10px;bottom:78px;width:auto;height:auto;top:62px;max-height:none;border-radius:16px}.asw-isi{padding:9px}}.app-container{display:flex;min-height:100vh;width:100%}.main-content{margin-left:240px;flex:1;min-width:0;display:flex;flex-direction:column;transition:margin-left .2s ease}@media (min-width: 769px){.app-container.sidebar-collapsed .main-content{margin-left:76px}}@media (max-width: 768px){.main-content{margin-left:0}.content-body{padding:16px}}.card{background:linear-gradient(145deg,#1c2541d9,#16213e8c);border:1px solid var(--border-subtle);border-radius:16px;padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-title{font-size:11px;letter-spacing:1px;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.card-header-action{font-size:11px;color:var(--accent-cyan);cursor:pointer}.card-content{width:100%}.arena-page{animation:fadeIn .25s ease}.arena-search-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:14px;padding:16px 20px;border:1px solid var(--border-subtle);border-radius:16px;background:linear-gradient(145deg,#1c2541d9,#16213e8c)}.arena-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:stretch}.arena-allbtn{min-height:42px;padding:0 16px;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-family:inherit;white-space:nowrap;background:#ffffff14;color:#a0a5b5;transition:background .15s,color .15s}.arena-allbtn.is-active{background:#3b82f6;color:#fff}.season-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid rgba(124,58,237,.28)}.season-icon{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:17px;color:#c4b5fd;background:#a78bfa2e}.season-title-wrap{margin-right:auto}.season-title{color:#fff;font-weight:800;font-size:14px;letter-spacing:.5px}.season-cadence{color:var(--text-secondary);font-size:11px;margin-top:2px}.season-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px}.season-chip{color:#cbd5e1;white-space:nowrap}.season-chip i{color:#a78bfa;margin-right:4px}.season-status{padding:3px 10px;border-radius:999px;font-weight:700;white-space:nowrap}.season-status.on{background:#10b98126;color:#34d399}.season-status.off{background:#94a3b826;color:var(--text-secondary)}.season-days{color:#fbbf24;font-weight:700;white-space:nowrap}.season-select{flex:0 0 auto;min-height:38px;max-width:240px;padding:0 12px;border-radius:8px;border:1px solid rgba(148,163,184,.3);background:#00000059;color:#fff;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;outline:none}.arena-search-title{color:#fff;font-size:18px;font-weight:800}.arena-search-subtitle{margin-top:4px;color:var(--text-secondary);font-size:12px}.arena-search-box{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid var(--border-mid);border-radius:10px;background:#0b132b8c}.arena-search-box i{color:var(--text-secondary)}.arena-search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-family:inherit}.sales-picker-row{display:flex;gap:10px;margin-bottom:18px;overflow-x:auto;padding-bottom:4px}.sales-pill{display:flex;align-items:center;gap:10px;min-width:220px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:12px;background:#0b132b6b;color:#fff;cursor:pointer;text-align:left}.sales-pill.active{border-color:#3b82f6bf;background:#3b82f629}.sales-pill-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));font-size:13px;font-weight:800;text-transform:uppercase}.sales-pill strong,.sales-pill small{display:block}.sales-pill strong{font-size:13px}.sales-pill small{margin-top:2px;color:var(--text-secondary);font-size:10px}.arena-state,.arena-empty{padding:24px;color:var(--text-secondary);text-align:center}.arena-alert{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(239,68,68,.28);border-radius:12px;background:#ef44441a;color:#fff}.arena-alert span{color:var(--text-secondary)}.hero-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px;margin-bottom:18px}.hero-profile{display:flex;gap:18px;align-items:center}.hero-avatar-wrap{position:relative}.hero-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;border:3px solid rgba(59,130,246,.5);box-shadow:0 0 24px #3b82f633}.hero-level-badge{position:absolute;bottom:-4px;right:-4px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px;border:2px solid var(--bg-deep)}.hero-info{flex:1}.hero-greeting{color:var(--text-secondary);font-size:11px}.hero-name{font-size:24px;font-weight:700;margin-top:2px}.hero-role{color:var(--text-secondary);font-size:12px}.hero-xp-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.hero-xp-label{font-size:11px;color:var(--text-secondary)}.hero-xp-amt{font-size:12px;color:#fff;font-weight:600}.hero-xp-bar{height:8px;background:#ffffff14;border-radius:6px;overflow:hidden;margin-top:6px}.hero-xp-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));border-radius:6px;box-shadow:0 0 10px #3b82f699}.hero-rank{display:flex;flex-direction:column;align-items:center;gap:8px}.hero-rank-shield{width:70px;height:80px;background:linear-gradient(135deg,var(--gold-1),var(--gold-2),var(--gold-3));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #fbbf244d}.hero-rank-shield i{color:#5c3a0c;font-size:26px}.hero-rank-text{font-size:11px;font-weight:700;color:var(--gold-1);letter-spacing:1px}.kpi-card{background:linear-gradient(145deg,#1c2541d9,#16213e8c);border:1px solid var(--border-subtle);border-radius:16px;padding:18px 20px;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;opacity:.1}.kpi-card.blue:before{background:var(--accent-cyan)}.kpi-card.green:before{background:var(--accent-green)}.kpi-card.amber:before{background:var(--accent-amber)}.kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:12px}.kpi-card.blue .kpi-icon{background:#3b82f626;color:var(--accent-cyan)}.kpi-card.green .kpi-icon{background:#10b98126;color:var(--accent-green)}.kpi-card.amber .kpi-icon{background:#f59e0b26;color:var(--accent-amber)}.kpi-label{font-size:11px;color:var(--text-secondary);letter-spacing:.5px}.kpi-value{font-size:22px;font-weight:700;margin-top:4px}.kpi-trend{font-size:11px;margin-top:6px;display:flex;align-items:center;gap:4px}.kpi-trend.up{color:var(--accent-green)}.kpi-trend.down{color:var(--accent-red)}.main-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px}.rating-card{display:flex;gap:24px;align-items:center}.rating-score-block{display:flex;flex-direction:column;align-items:center;padding:16px;background:#0b132b80;border-radius:14px;border:1px solid var(--border-subtle)}.rating-big{font-size:56px;font-weight:800;color:var(--gold-1);line-height:1}.rating-max{font-size:14px;color:var(--text-secondary);margin-top:4px}.rating-label{font-size:9px;letter-spacing:1.5px;color:var(--text-secondary);margin-top:8px}.radar-wrap{width:200px;height:200px;flex:0 0 auto}.rating-stats-lg{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.rating-stat-cell{background:#0b132b80;border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.rating-stat-cell .name{font-size:11px;color:var(--text-secondary)}.rating-stat-cell .val{font-size:18px;font-weight:700;color:#fff}.target-card-lg{display:flex;gap:24px;align-items:center}.donut-wrap-lg{position:relative;width:180px;height:180px;flex-shrink:0}.donut-pct-lg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:800;color:var(--accent-cyan)}.target-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.target-cell{background:#0b132b80;border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px}.target-cell .lbl{font-size:9px;color:var(--text-secondary);letter-spacing:.5px}.target-cell .val{font-size:14px;font-weight:600;color:#fff;margin-top:4px}.target-cell.gap{background:#ef444414;border-color:#ef44444d}.target-cell.gap .val{color:var(--accent-red)}.target-cell.gap{grid-column:span 2}.badge-row-lg{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.badge-lg{flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;background:#0b132b66;border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .15s}.badge-lg:hover{transform:translateY(-3px);border-color:var(--gold-1)}.badge-icon-lg{width:52px;height:60px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center}.badge-icon-lg.gold{background:linear-gradient(135deg,var(--gold-1),var(--gold-3));box-shadow:0 0 20px #fbbf244d}.badge-icon-lg.blue{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 0 20px #3b82f64d}.badge-icon-lg.purple{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 0 20px #8b5cf64d}.badge-icon-lg.red{background:linear-gradient(135deg,#fb7185,#be123c);box-shadow:0 0 20px #f43f5e4d}.badge-icon-lg.green{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 0 20px #10b9814d}.badge-icon-lg i{color:#fffffff2;font-size:18px}.badge-name-lg{font-size:11px;font-weight:600;color:#fff;text-align:center}.badge-date{font-size:9px;color:var(--text-secondary)}.won-head,.won-row{display:grid;grid-template-columns:1fr 70px 130px;gap:10px;align-items:start}.won-head{padding:0 8px 8px;border-bottom:1px solid var(--border-subtle);font-size:10px;letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase}.won-head>span:first-child{display:none}.won-list{max-height:460px;overflow-y:auto}.won-row{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.won-row:hover{background:#ffffff08}.won-main{display:flex;gap:10px;min-width:0}.won-rank{flex:0 0 22px;height:22px;border-radius:6px;background:#10b98126;color:var(--accent-green);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.won-name-wrap{min-width:0}.won-name{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.won-deals{margin-top:4px;display:flex;flex-direction:column;gap:2px}.won-deal{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:11px}.won-deal-name{color:var(--text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.won-deal-meta{color:#94a3b8b3;font-size:10px}.won-deal-val{color:var(--accent-green);opacity:.8}.won-num{text-align:right}.won-count{color:#fff;font-size:13px;font-weight:600}.won-val{color:var(--accent-green);font-size:13px;font-weight:700}.won-note{padding:10px 8px 0;font-size:11px;color:var(--text-secondary)}.kpi-card.is-clickable{cursor:pointer;transition:border-color .15s,transform .15s}.kpi-card.is-clickable:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}@media (max-width: 1200px){.hero-row{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}}@media (max-width: 760px){.hero-row{grid-template-columns:1fr}.season-title-wrap{margin-right:0}.season-chips{width:100%;order:3}.season-select{width:100%;max-width:none;order:4}.rating-card,.target-card-lg{flex-direction:column;align-items:stretch}.radar-wrap,.donut-wrap-lg{align-self:center}.target-grid{grid-template-columns:1fr}.target-cell.gap{grid-column:auto}.won-head,.won-row{grid-template-columns:1fr 44px 96px;gap:6px}}.admin-dashboard-container{display:flex;flex-direction:column;gap:18px;animation:fadeIn .3s ease-out}.display-launch-btn{padding:9px 18px;border:1px solid transparent;border-radius:8px;background:linear-gradient(90deg,#6d28d9,#2563eb);color:#fff;font-weight:800;letter-spacing:1px;cursor:pointer;box-shadow:0 0 16px #6366f173;transition:transform .15s ease,box-shadow .2s ease}.display-launch-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 26px #6366f1cc}.admin-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.summary-card{position:relative;overflow:hidden;min-height:132px}.summary-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 999px 999px 0;background:var(--accent-cyan)}.summary-card.accent-green:before{background:var(--accent-green)}.summary-card.accent-purple:before{background:var(--accent-purple)}.summary-card.accent-red:before{background:var(--accent-red)}.summary-card .card-content{display:flex;flex-direction:column;justify-content:flex-end;min-height:72px}.summary-value{margin-bottom:6px;color:#f8fafc;font-size:28px;font-weight:800;line-height:1.05}.summary-subtitle{color:var(--text-secondary);font-size:13px}.admin-insight-strip{display:grid;grid-template-columns:minmax(190px,260px) 1fr auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--border-subtle);border-radius:12px;background:#0f172a73}.admin-insight-strip strong{display:block;margin-top:3px;color:#fff;font-size:24px}.insight-label,.insight-meta{color:var(--text-secondary);font-size:12px}.insight-bar{height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.insight-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green))}.admin-charts-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);gap:18px}.chart-card,.top-sales-card,.admin-recent-activities{min-width:0}.chart-wrap{width:100%;height:340px}.target-progress-list{display:flex;flex-direction:column;gap:16px}.target-progress-item{display:flex;flex-direction:column;gap:7px}.tp-head{display:flex;align-items:center;justify-content:space-between}.tp-name{overflow:hidden;color:#f8fafc;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.tp-pct{font-size:15px;font-weight:800;white-space:nowrap}.tp-bar{height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.tp-bar span{display:block;height:100%;border-radius:inherit;transition:width 1s cubic-bezier(.22,1,.36,1)}.tp-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.tp-meta strong{color:#f8fafc;font-weight:700}.tp-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(148,163,184,.12);flex-wrap:wrap}.tp-pagesize,.tp-pagenav{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px}.tp-pagesize select{padding:6px 8px;border:1px solid #334155;border-radius:6px;background:#1e293b;color:#f8fafc;font-size:12px;cursor:pointer}.tp-pagenav button{padding:6px 12px;border:1px solid #334155;border-radius:6px;background:#ffffff0a;color:#f8fafc;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s}.tp-pagenav button:hover:not(:disabled){background:#3b82f62e}.tp-pagenav button:disabled{opacity:.4;cursor:not-allowed}.top-sales-list{display:flex;flex-direction:column;gap:12px}.top-sales-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(148,163,184,.1);border-radius:8px;background:#ffffff09}.top-sales-rank{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#3b82f621;color:var(--accent-cyan);font-size:14px;font-weight:800}.top-sales-info{min-width:0}.top-sales-name{overflow:hidden;color:#f8fafc;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.top-sales-amount{color:var(--accent-green);font-size:13px;font-weight:700;white-space:nowrap}.top-sales-progress{height:6px;margin-top:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.top-sales-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan))}.activity-table-wrapper{width:100%;overflow-x:auto}.admin-table{width:100%;min-width:760px;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.admin-table th{color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase}.admin-table td{color:#f8fafc;font-size:14px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.badge-success{background:#10b98129;color:var(--accent-green)}.dashboard-state{display:flex;align-items:center;justify-content:center;min-height:220px;color:var(--text-secondary)}.error-state{justify-content:space-between;gap:16px;color:#fff}.error-state span{display:block;margin-top:6px;color:var(--text-secondary)}.error-state button{flex:0 0 auto;padding:10px 14px;border:0;border-radius:8px;background:var(--accent-cyan);color:#fff;cursor:pointer;font-weight:700}.empty-state,.table-empty{padding:34px 16px;color:var(--text-secondary);text-align:center}.empty-state.compact{padding:22px 10px}@media (max-width: 1180px){.admin-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-charts-row{grid-template-columns:1fr}}@media (max-width: 760px){.admin-summary-cards,.admin-insight-strip{grid-template-columns:1fr}.summary-value{font-size:24px}}.admin-piutang-container{padding:20px}.hunter-launch-btn{padding:9px 18px;border:1px solid transparent;border-radius:8px;background:linear-gradient(90deg,#166534,#b45309);color:#fff;font-weight:800;letter-spacing:1px;cursor:pointer;box-shadow:0 0 16px #b4530973;transition:transform .15s ease,box-shadow .2s ease}.hunter-launch-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 26px #eab308b3}.hunter-launch-btn--alt{background:linear-gradient(90deg,#0e4f6e,#0e7a4f);box-shadow:0 0 16px #0e7a4f73}.hunter-launch-btn--alt:hover{box-shadow:0 0 26px #2dd4bfb3}.ar-insights-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:20px}.ar-insights-row:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1024px){.ar-insights-row,.ar-insights-row:last-child{grid-template-columns:1fr}}.ar-list-wrapper{display:flex;flex-direction:column;gap:12px}.ar-list-item{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:8px}.ar-list-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;font-size:13px;font-weight:800}.ar-list-info{min-width:0}.ar-list-name{overflow:hidden;color:#f8fafc;font-weight:600;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ar-list-amount{font-size:13px;font-weight:700;white-space:nowrap}.ar-list-progress{height:6px;margin-top:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.ar-list-progress span{display:block;height:100%;border-radius:inherit}.ar-empty-state{color:#a0a5b5;padding:20px;text-align:center}.debtor-theme{border:1px solid rgba(220,53,69,.2);background:#dc35450d}.debtor-theme .ar-list-rank{background:#dc354526;color:#e74c3c}.debtor-theme .ar-list-amount{color:#e74c3c}.debtor-theme .ar-list-progress span{background:linear-gradient(90deg,#e74c3c,#c0392b)}.sales-theme{border:1px solid rgba(139,92,246,.2);background:#8b5cf60d}.sales-theme .ar-list-rank{background:#8b5cf626;color:#a78bfa}.sales-theme .ar-list-amount{color:#a78bfa}.sales-theme .ar-list-progress span{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.branch-theme{border:1px solid rgba(16,185,129,.2);background:#10b9810d}.branch-theme .ar-list-rank{background:#10b98126;color:#34d399}.branch-theme .ar-list-amount{color:#34d399}.branch-theme .ar-list-progress span{background:linear-gradient(90deg,#10b981,#34d399)}.act{--bg: #070a12;--panel: #0d1324;--panel2: #111a2f;--glass: rgba(18, 28, 52, .72);--line: rgba(148, 163, 184, .18);--text: #eef6ff;--muted: #8fa3c7;--blue: #4fc3ff;--cyan: #34f5c5;--violet: #a78bfa;--pink: #fb5cff;--orange: #ffb86b;--green: #62f58d;--red: #ff647c;--shadow: 0 20px 60px rgba(0, 0, 0, .42);--radius: 24px;position:relative;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 16% 10%,rgba(79,195,255,.24),transparent 26%),radial-gradient(circle at 84% 8%,rgba(251,92,255,.18),transparent 26%),radial-gradient(circle at 60% 90%,rgba(52,245,197,.14),transparent 24%),var(--bg);min-height:100%;border-radius:var(--radius);overflow:hidden}.act *{box-sizing:border-box}.act .bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);pointer-events:none}.act .app{display:block;padding:22px;position:relative}.act .main{min-width:0;display:grid;gap:22px}.act .work-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}.act .work-flow,.act .work-side{display:grid;gap:22px;align-content:start}.act .head-step{display:flex;align-items:center;gap:12px}.act .step{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#06111f;font-weight:900;display:grid;place-items:center;font-size:14px;flex-shrink:0;box-shadow:0 6px 16px #34f5c540}.act .hint-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;padding:10px 14px;border-radius:14px;background:#4fc3ff0f;border:1px solid rgba(79,195,255,.16);font-size:12px;color:var(--muted)}.act .xp-chip{background:#62f58d1f;color:#a7ffbd;border:1px solid rgba(98,245,141,.3);padding:6px 12px;border-radius:999px;font-weight:800;white-space:nowrap}.act .log-target{margin-top:12px;padding:10px 14px;border-radius:14px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.28);font-size:13px;color:var(--text)}.act .log-target i{color:var(--violet);margin-right:6px}.act .log-target b{color:#d7c8ff}.act .quality-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.act .admin-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;align-items:start}.act .filter-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-top:14px}.act .fc{display:flex;flex-direction:column;gap:6px}.act .fc label{font-size:12px;color:var(--muted);font-weight:800}.act .fc input,.act .fc select{background:#ffffff0f;border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 12px;outline:0;min-width:240px}.act .fc-info{margin-left:auto;align-self:center;font-size:13px;color:var(--muted)}.act .fc-info b{color:var(--text)}.act .card{background:linear-gradient(180deg,#111a2fdb,#0a1120cc);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.act .progress{height:9px;background:#ffffff14;border-radius:999px;overflow:hidden}.act .bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));box-shadow:0 0 20px #34f5c566}.act .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.act .metric{padding:18px;position:relative;overflow:hidden}.act .metric:after{content:"";position:absolute;right:-24px;top:-24px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(79,195,255,.25),transparent 70%)}.act .metric .label{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.act .metric .value{font-size:30px;font-weight:900;margin:8px 0}.act .metric .delta{font-size:12px;color:#9fffb4;font-weight:800}.act .metric.orange:after{background:radial-gradient(circle,rgba(255,184,107,.28),transparent 70%)}.act .metric.pink:after{background:radial-gradient(circle,rgba(251,92,255,.28),transparent 70%)}.act .metric.green:after{background:radial-gradient(circle,rgba(52,245,197,.28),transparent 70%)}.act .grid-main{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.act .section{padding:20px}.act .section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.act .section h3{margin:0;font-size:18px}.act .tiny{font-size:12px;color:var(--muted)}.act .activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.act .activity{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff12,#ffffff09);border-radius:20px;padding:16px;cursor:pointer;transition:.2s;min-height:128px;display:flex;flex-direction:column;justify-content:space-between}.act .activity:hover{transform:translateY(-3px);border-color:#4fc3ff75;box-shadow:0 18px 40px #4fc3ff1f}.act .activity.selected{border-color:var(--cyan);box-shadow:0 0 0 2px #34f5c529,0 18px 44px #34f5c51f}.act .icon{width:42px;height:42px;border-radius:15px;background:#4fc3ff1f;display:grid;place-items:center;color:var(--blue);flex-shrink:0}.act .icon svg{width:23px;height:23px}.act .activity b{font-size:15px}.act .activity small{color:var(--muted);line-height:1.35}.act .xp{font-size:12px;color:#a7ffbd;font-weight:900}.act .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.act .field{display:grid;gap:7px}.act .field label{font-size:12px;color:var(--muted);font-weight:800}.act .field input,.act .field select,.act .field textarea{width:100%;background:#ffffff0f;border:1px solid var(--line);border-radius:14px;color:var(--text);padding:12px;outline:0}.act .field textarea{min-height:100px;resize:vertical}.act .wide{grid-column:1/-1}.act .cust-suggest{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:4px;max-height:260px;overflow-y:auto;background:#0d1b2e;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #00000073}.act .cust-suggest-item{padding:9px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05)}.act .cust-suggest-item:last-child{border-bottom:0}.act .cust-suggest-item:hover{background:#34f5c51a}.act .cust-suggest-item .cs-main{font-size:13px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act .cust-suggest-item .cs-sub{font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act .btn{border:0;border-radius:15px;padding:12px 15px;color:#06111f;background:linear-gradient(135deg,var(--cyan),var(--blue));font-weight:900;cursor:pointer;box-shadow:0 14px 30px #34f5c52e}.act .btn:disabled{opacity:.6;cursor:not-allowed}.act .btn.secondary{color:var(--text);background:#ffffff14;border:1px solid var(--line);box-shadow:none}.act .btn.danger{background:linear-gradient(135deg,var(--orange),var(--red));color:#fff}.act .btn.btn-xs{padding:8px 12px;font-size:12px;border-radius:12px}.act .btn.btn-submit{background:linear-gradient(135deg,var(--green),var(--cyan))}.act .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.act .upload{border:1px dashed rgba(79,195,255,.38);border-radius:18px;padding:16px;text-align:center;background:#4fc3ff0f;cursor:pointer;display:block}.act .upload input{display:none}.act .preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.act .thumb{height:90px;border-radius:14px;background:#ffffff14;border:1px solid var(--line);object-fit:cover;width:100%}.act .thumb.doc{display:grid;place-items:center;color:var(--muted);font-weight:900}.act .map{height:300px;border-radius:22px;background:linear-gradient(135deg,#4fc3ff14,#a78bfa14),#081326;border:1px solid var(--line);position:relative;overflow:hidden}.act .road{position:absolute;background:#ffffff1f;border-radius:999px}.act .road.r1{width:560px;height:12px;transform:rotate(28deg);left:-90px;top:130px}.act .road.r2{width:460px;height:10px;transform:rotate(-22deg);left:40px;top:182px}.act .road.r3{width:380px;height:8px;transform:rotate(74deg);left:180px;top:20px}.act .pin{position:absolute;width:34px;height:34px;border-radius:50% 50% 50% 0;background:var(--red);transform:rotate(-45deg);box-shadow:0 0 24px #ff647c8c;display:grid;place-items:center}.act .pin:after{content:"";width:12px;height:12px;border-radius:50%;background:#fff}.act .pin.p1{left:210px;top:118px}.act .pin.p2{left:310px;top:176px;background:var(--cyan)}.act .pin.p3{left:110px;top:205px;background:var(--orange)}.act .map-card{position:absolute;left:18px;bottom:18px;right:18px;border-radius:18px;padding:13px;background:#030812c7;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.act .timeline{display:grid;gap:12px}.act .item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:17px;background:#ffffff0b;border:1px solid var(--line)}.act .status{font-size:11px;padding:6px 9px;border-radius:999px;background:#62f58d1a;color:#a7ffbd;border:1px solid rgba(98,245,141,.2);font-weight:900;white-space:nowrap}.act .status.pending{background:#ffb86b1a;color:#ffd09b;border-color:#ffb86b3b}.act .status.rejected{background:#ff647c1f;color:#ff9aa9;border-color:#ff647c59}.act .search{height:40px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--muted);min-width:220px}.act .search input{flex:1;background:transparent;border:0;outline:0;color:var(--text)}.act .rightcol{display:grid;grid-template-rows:auto auto 1fr;gap:22px;align-content:start}.act .leader{padding:20px}.act .leader-list{display:grid;gap:10px}.act .leader-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:15px;background:#ffffff0b}.act .rankno{width:32px;height:32px;border-radius:11px;background:#4fc3ff1f;display:grid;place-items:center;font-weight:900}.act .mission{padding:20px}.act .mission-row{margin:12px 0}.act .mission-row .meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px}.act .quality{padding:20px;overflow:auto}.act .donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--cyan) 0 78%,rgba(255,255,255,.08) 78% 100%);display:grid;place-items:center;margin:10px auto 16px;box-shadow:0 0 44px #34f5c529}.act .donut-inner{width:108px;height:108px;border-radius:50%;background:#0b1222;display:grid;place-items:center;text-align:center}.act .donut b{font-size:30px}.act .toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;border-radius:18px;background:#0a1120f2;border:1px solid rgba(52,245,197,.35);box-shadow:var(--shadow);z-index:60;color:var(--text)}.act .modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:70;padding:24px}.act .modal-card{width:min(760px,96vw);padding:22px}.act .review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.act .review-box{padding:14px;border-radius:16px;background:#ffffff0d;border:1px solid var(--line)}@media (max-width: 1150px){.act .work-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.act .metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.act .app{padding:12px}.act .metrics,.act .grid-main,.act .activity-grid,.act .form-grid{grid-template-columns:1fr}.act .preview{grid-template-columns:repeat(2,1fr)}}.act .req{color:#ff647c;font-weight:800}.act .validation-box{margin-top:14px;padding:12px 14px;border-radius:12px;background:#ff647c1a;border:1px solid rgba(255,100,124,.4);color:#ff9aa9;font-size:13px}.act .validation-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.act .validation-chip{padding:5px 12px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:700;background:#ff647c26;color:#ffc2cb;border:1px solid rgba(255,100,124,.5)}.act .validation-chip:hover{background:#ff647c47;color:#fff}.collection-page{animation:fadeIn .25s ease}.collection-header{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#f59e0b1a,#fbbf240a);border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:20px 24px;margin-bottom:18px}.collection-shield-lg{width:56px;height:64px;background:linear-gradient(135deg,var(--gold-1),var(--gold-3));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #fbbf244d}.collection-shield-lg i{color:#5c3a0c;font-size:22px}.collection-info{flex:1}.collection-title-lg{font-size:22px;font-weight:700;color:#fff}.collection-sub{font-size:12px;color:var(--text-secondary)}.xp-chip-lg{background:#f59e0b33;color:var(--accent-yellow);padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700}.hero-row-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.bucket-grid-lg{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.bucket-grid-lg.bucket-grid-auto{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.bucket-cell-lg{background:#0b132b80;border:1px solid var(--border-subtle);border-radius:12px;padding:16px;text-align:center;color:inherit;font:inherit;cursor:pointer;transition:all .15s}.bucket-cell-lg:hover{transform:translateY(-3px);filter:brightness(1.2)}.bucket-cell-lg.active{transform:translateY(-3px);box-shadow:0 0 0 2px currentColor,0 10px 24px #0000004d;filter:brightness(1.25)}.bucket-cell-lg:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.bucket-cell-lg .lbl{font-size:10px;color:var(--text-secondary);letter-spacing:.5px;line-height:1.3;min-height:26px}.bucket-cell-lg .count{font-size:32px;font-weight:800;margin:8px 0 4px}.bucket-cell-lg .amt{font-size:11px;color:var(--text-secondary)}.bucket-cell-lg.g1{color:var(--accent-green);border-color:#10b9814d}.bucket-cell-lg.g1 .lbl,.bucket-cell-lg.g1 .count{color:var(--accent-green)}.bucket-cell-lg.g2{color:var(--accent-amber);border-color:#f59e0b4d}.bucket-cell-lg.g2 .lbl,.bucket-cell-lg.g2 .count{color:var(--accent-amber)}.bucket-cell-lg.g3{color:#fb923c;border-color:#f973164d}.bucket-cell-lg.g3 .lbl,.bucket-cell-lg.g3 .count{color:#fb923c}.bucket-cell-lg.g4{color:var(--accent-red);border-color:#ef44444d}.bucket-cell-lg.g4 .lbl,.bucket-cell-lg.g4 .count{color:var(--accent-red)}.bucket-cell-lg.g5{color:#dc2626;border-color:#dc262666;background:#dc262614}.bucket-cell-lg.g5 .lbl,.bucket-cell-lg.g5 .count{color:#dc2626}.bucket-cell-lg.gp{color:var(--accent-green);border-color:#10b98173;background:#10b98114}.bucket-cell-lg.gp .lbl,.bucket-cell-lg.gp .count{color:var(--accent-green)}.collection-main{display:grid;grid-template-columns:1fr 320px;gap:18px}.data-table{background:linear-gradient(145deg,#1c2541d9,#16213e8c);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.table-title{font-size:13px;font-weight:600;letter-spacing:.5px;color:#fff;white-space:nowrap}.table-filter-label{color:var(--accent-cyan)}.table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}.table-actions input,.table-actions select{height:34px;box-sizing:border-box}.table-btn-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-sm{padding:0 12px;height:34px;background:#1c254199;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;font-family:Poppins,sans-serif}.btn-sm:hover{color:#fff;border-color:var(--accent-cyan);filter:brightness(1.08)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-y{max-height:65vh;overflow-y:auto}.table-scroll-y thead th{position:sticky;top:0;z-index:1;background:#131c33}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 20px;font-size:10px;letter-spacing:1px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border-subtle);text-transform:uppercase}td{padding:14px 20px;border-bottom:1px solid var(--border-subtle);font-size:12px;color:var(--text-secondary)}tr:last-child td{border-bottom:none}tr:hover td{background:#3b82f60a}.row-co{font-weight:600;color:#fff}.row-inv{font-size:10px;color:var(--text-muted)}.tag-cell{display:inline-block;padding:3px 8px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.5px}.tag-overdue{background:#ef444426;color:var(--accent-red)}.tag-due{background:#f59e0b26;color:var(--accent-amber)}.tag-paid{background:#10b98126;color:var(--accent-green)}.amt-cell{font-weight:700;color:#fff}.action-buttons{display:flex;gap:6px}.action-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;border:1px solid var(--border-subtle);transition:all .15s}.action-btn:hover{transform:scale(1.1)}.action-btn.call{background:#3b82f626;color:var(--accent-cyan)}.action-btn.msg{background:#94a3b826;color:var(--text-secondary)}.action-btn.wa{background:#10b98126;color:var(--accent-green)}.action-btn.on.wa{background:var(--accent-green, #10b981);border-color:#10b9818c;color:#05231a;box-shadow:0 0 10px #10b98159}.action-btn.on.call{background:#3b82f647;border-color:#3b82f673}.action-btn.on.msg{background:#94a3b847;border-color:#94a3b866}.action-btn.off{background:#94a3b812;border-color:#94a3b82e;color:#6b7280;opacity:.55;cursor:not-allowed;box-shadow:none}.action-btn.off:hover{transform:none}.success-card-lg{background:linear-gradient(135deg,#f59e0b1a,#f59e0b05);border:1px solid rgba(245,158,11,.25);border-radius:16px;padding:24px;text-align:center}.success-pct-lg{font-size:56px;font-weight:800;color:#fff}.success-medal-lg{width:64px;height:72px;background:linear-gradient(135deg,var(--gold-1),var(--gold-2),var(--gold-3));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 0 24px #fbbf244d}.success-medal-lg i{color:#5c3a0c;font-size:26px}.success-bar-lg{height:8px;background:#ffffff14;border-radius:5px;overflow:hidden;margin-top:14px}.success-fill-lg{height:100%;background:linear-gradient(90deg,var(--accent-amber),var(--accent-yellow));width:68%;box-shadow:0 0 12px #f59e0b80}@media (max-width: 1200px){.hero-row-col,.collection-main{grid-template-columns:1fr}.bucket-grid-lg{grid-template-columns:repeat(3,1fr)}.bucket-grid-lg.bucket-grid-auto{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.collection-header{flex-wrap:wrap;padding:16px;gap:14px}.collection-header>div{flex:1 1 100%;min-width:0}.collection-header>div:last-child{justify-content:flex-start}.collection-title-lg{font-size:18px}.table-header{padding:14px 16px}.table-actions{width:100%}.table-actions>input,.table-actions>div{flex:1 1 100%;min-width:0}.table-actions input,.table-actions select,.table-btn-group{width:100%}.table-btn-group .btn-sm{flex:1 1 auto;justify-content:center}.table-scroll table{min-width:720px}}@media (max-width: 480px){.bucket-grid-lg{grid-template-columns:repeat(2,1fr);gap:10px}.bucket-grid-lg.bucket-grid-auto{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.bucket-cell-lg{padding:12px}.bucket-cell-lg .count{font-size:24px}.collection-header{padding:14px}.success-pct-lg{font-size:44px}}.stock-page{animation:fadeIn .25s ease}.stock-header{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0a);border-color:#8b5cf633}.stock-header .collection-shield-lg{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.stock-header .collection-shield-lg i{color:#fff}.stock-header .xp-chip-lg{background:#8b5cf633;color:#a78bfa}.hero-row-stock{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:linear-gradient(145deg,#1c2541d9,#16213e8c);border:1px solid var(--border-subtle);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.product-img-lg{width:100%;height:140px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-img-lg.cctv{background:radial-gradient(circle at 50% 50%,#1f2937,#0f1729)}.product-img-lg.cctv:before{content:"";width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#000 30%,#1f2937 31%,#4b5563 70%);position:absolute;box-shadow:inset 0 0 0 4px #6b7280,0 0 24px #00000080}.product-img-lg.videotron{background:linear-gradient(135deg,#ff006e,#8338ec,#3a86ff)}.product-img-lg.videotron:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;background-image:linear-gradient(90deg,rgba(0,0,0,.3) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.3) 1px,transparent 1px);background-size:14px 14px}.product-aging-badge{position:absolute;top:12px;right:12px;font-size:9px;font-weight:700;letter-spacing:.5px;padding:4px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-aging-badge.over90{background:#8b5cf64d;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.product-aging-badge.aging60{background:#f59e0b4d;color:var(--accent-yellow);border:1px solid rgba(245,158,11,.4)}.product-name-lg{font-size:16px;font-weight:700;color:#fff}.product-code-lg{font-size:11px;color:var(--text-secondary);margin-top:2px}.product-stats-lg{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.product-stat .lbl{font-size:9px;color:var(--text-secondary);letter-spacing:.5px}.product-stat .val{font-size:13px;font-weight:600;margin-top:2px;color:#fff}.product-stat .val.push{color:var(--accent-red)}.product-stat .val.green{color:var(--accent-green)}.btn-push-lg{width:100%;background:linear-gradient(90deg,#7C3AED,var(--accent-purple));color:#fff;border:none;padding:11px;border-radius:10px;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;font-family:Poppins,sans-serif;transition:transform .15s;box-shadow:0 4px 14px #7c3aed4d}.btn-push-lg:hover{transform:translateY(-2px)}.mission-stock-lg{display:flex;align-items:center;gap:16px;padding:16px;background:#0b132b66;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:10px}.mission-stock-lg .name{flex:1;font-size:13px;font-weight:600;color:#fff}.mission-stock-lg .bar-wrap{flex:1;max-width:200px}.mission-stock-lg .bar{height:6px;background:#ffffff14;border-radius:4px;overflow:hidden}.mission-stock-lg .fill{height:100%;background:linear-gradient(90deg,var(--accent-green),#34D399)}.mission-stock-lg .prog{font-size:11px;color:var(--text-secondary);font-weight:600}.mission-stock-lg .xp{color:var(--accent-yellow);font-weight:700;font-size:12px}.mission-stock-lg .star{width:28px;height:28px;background:linear-gradient(135deg,var(--gold-1),var(--gold-2));border-radius:50%;display:flex;align-items:center;justify-content:center}.mission-stock-lg .star i{color:#5c3a0c;font-size:12px}@media (max-width: 1200px){.hero-row-stock,.product-grid{grid-template-columns:1fr 1fr}}.leaderboard-page{animation:fadeIn .25s ease}.hero-row-lb{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.lb-stat-card{text-align:center;padding:24px!important}.lb-stat-card.active{border-color:#3b82f64d;background:linear-gradient(135deg,#3b82f61a,#1c254199)}.lb-stat-label{font-size:11px;color:var(--text-secondary);letter-spacing:1px;margin-top:12px}.lb-stat-label.cyan{color:var(--accent-cyan)}.lb-stat-name{font-size:18px;font-weight:700;margin-top:8px;color:#fff}.lb-stat-meta{font-size:11px;color:var(--text-secondary)}.lb-stat-xp{color:var(--accent-yellow);font-weight:700;font-size:16px;margin-top:8px}.lb-stat-xp.amber{color:var(--accent-amber)}.lb-list-lg{display:flex;flex-direction:column;gap:8px}.lb-row-lg{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#0b132b66;border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .15s}.lb-row-lg:hover{background:#0b132bb3}.lb-row-lg.me{background:#3b82f61a;border-color:#3b82f64d}.rank-box-lg{width:36px;height:36px;border-radius:50%;background:#94a3b826;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.rank-box-lg.r1{background:var(--gold-1);color:#5c3a0c}.rank-box-lg.r2{background:silver;color:#333}.rank-box-lg.r3{background:#cd7f32;color:#fff}.lb-avatar-lg{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.lb-name-lg{flex:1}.lb-name-lg .n{font-size:14px;font-weight:600;color:#fff}.lb-name-lg .b{font-size:11px;color:var(--text-secondary);margin-top:2px}.lb-xp-lg{display:flex;flex-direction:column;align-items:flex-end}.lb-xp-lg .x{color:var(--accent-yellow);font-weight:700;font-size:14px}.lb-xp-lg .l{font-size:10px;color:var(--text-secondary)}.me-tag{color:var(--accent-cyan);font-size:11px}@media (max-width: 1200px){.hero-row-lb{grid-template-columns:1fr}}.profile-page{display:flex;flex-direction:column;gap:24px}.profile-top-row{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.profile-big-card{padding:24px!important}.p-header{display:flex;align-items:center;gap:20px}.p-avatar-box{width:80px;height:80px;border-radius:40px;background:linear-gradient(135deg,#6d28d9,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;border:4px solid rgba(255,255,255,.1)}.p-info{flex:1}.p-name{font-size:24px;font-weight:800}.p-role{font-size:14px;color:var(--text-secondary);margin-top:2px}.p-email{font-size:12px;color:var(--text-muted);margin-top:4px}.p-rank-shield{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--gold-1)}.p-rank-shield span{font-size:10px;font-weight:800;letter-spacing:1px}.p-xp-section{margin-top:24px;padding:20px;background:#0b132b66;border-radius:16px;border:1px solid var(--border-subtle)}.xp-labels{display:flex;justify-content:space-between;margin-bottom:8px}.lvl-text{font-size:12px;font-weight:700;color:var(--gold-1)}.xp-amt{font-size:12px;color:var(--text-secondary)}.p-xp-bar{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.p-xp-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));box-shadow:0 0 10px #2563eb80}.xp-note{font-size:10px;color:var(--text-muted);margin-top:8px}.p-stats-row{display:flex;margin-top:24px;justify-content:space-around;padding:8px 0}.p-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.p-stat-item .v{font-size:24px;font-weight:800;color:#fff}.p-stat-item .l{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:1px}.p-stat-divider{width:1px;height:40px;background:var(--border-subtle)}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.lb-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;transition:background .2s}.lb-item.me{background:#2563eb1a;border:1px solid rgba(37,99,235,.2)}.lb-rank{width:28px;height:28px;border-radius:14px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.lb-rank.gold{background:var(--gold-1);color:#5c3a0c}.lb-rank.silver{background:silver;color:#333}.lb-rank.bronze{background:#cd7f32;color:#fff}.lb-info{flex:1;display:flex;flex-direction:column}.lb-name{font-size:14px;font-weight:600}.lb-meta{font-size:11px;color:var(--text-muted)}.lb-xp{font-size:13px;font-weight:700;color:var(--accent-yellow)}.settings-list{display:flex;flex-direction:column;gap:4px}.setting-item{display:flex;align-items:center;gap:16px;padding:14px;border-radius:12px;cursor:pointer;transition:background .2s}.setting-item:hover{background:#ffffff0d}.s-icon{width:36px;height:36px;border-radius:10px;background:#2563eb1a;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.s-label{flex:1;font-size:14px;font-weight:500}.s-arrow{color:var(--text-muted)}.btn-logout{width:100%;margin-top:24px;padding:14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:var(--accent-red);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-logout:hover{background:#ef444426}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.badge-icon{width:48px;height:56px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;color:#fff}.badge-icon.b1{background:linear-gradient(135deg,var(--gold-1),var(--gold-3))}.badge-icon.b2{background:linear-gradient(135deg,#60a5fa,#2563eb)}.badge-icon.b3{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.badge-icon.b4{background:linear-gradient(135deg,#34d399,#059669)}.badge-icon.b5{background:linear-gradient(135deg,#fb7185,#be123c)}.badge-icon.b6{background:linear-gradient(135deg,#94a3b8,#475569)}.badge-name{font-size:10px;font-weight:600;color:var(--text-secondary)}.profile-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1200px){.profile-top-row,.profile-bottom-grid{grid-template-columns:1fr}}.dc-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;gap:11px;padding:14px 22px;overflow:hidden;background:radial-gradient(1100px 600px at 50% -8%,#14361f 0%,transparent 60%),radial-gradient(900px 500px at 85% 115%,#3a1206 0%,transparent 55%),linear-gradient(160deg,#050a06,#0a1410 55%,#060805);color:#e7f0e3;font-family:Orbitron,Segoe UI,system-ui,sans-serif}.dc-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 20% 30%,rgba(120,200,140,.06),transparent),radial-gradient(500px 260px at 80% 70%,rgba(180,120,60,.06),transparent);animation:dc-fog-move 12s ease-in-out infinite alternate}@keyframes dc-fog-move{0%{transform:translate(-3%)}to{transform:translate(3%)}}.dc-bg-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dc-tracer{position:absolute;height:3px;width:130px;border-radius:4px;background:linear-gradient(90deg,transparent,#ffd24a,#fff);box-shadow:0 0 14px #ffb020}.dc-tracer.t1{top:22%;left:-140px;animation:dc-fire 2.2s linear infinite}.dc-tracer.t2{top:48%;left:-140px;animation:dc-fire 3s linear infinite .8s}.dc-tracer.t3{top:67%;left:-140px;animation:dc-fire 2.6s linear infinite 1.4s}.dc-tracer.t4{top:86%;left:-140px;width:90px;animation:dc-fire 3.4s linear infinite .4s}@keyframes dc-fire{0%{transform:translate(0);opacity:0}6%{opacity:1}to{transform:translate(118vw);opacity:0}}.dc-muzzle{position:absolute;left:-10px;bottom:8%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#ffd24a 35%,transparent 70%);opacity:0;animation:dc-flash 2.2s steps(1) infinite}@keyframes dc-flash{0%,96%{opacity:0}97%,99%{opacity:.9}}.dc-reticle{position:absolute;top:50%;left:50%;width:78vmin;height:78vmin;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(120,220,150,.12);pointer-events:none;animation:dc-spin 40s linear infinite}.dc-reticle:before,.dc-reticle:after{content:"";position:absolute;background:#78dc961a}.dc-reticle:before{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.dc-reticle:after{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}@keyframes dc-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.dc-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;opacity:.5}.dc-hud{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.dc-title{font-size:clamp(15px,1.8vw,24px);font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,#a3e635,#ffd24a,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(163,230,53,.5));animation:dc-pulse 2.6s ease-in-out infinite}@keyframes dc-pulse{50%{filter:drop-shadow(0 0 26px rgba(239,68,68,.7))}}.dc-subtitle{margin-top:2px;font-size:clamp(9px,.9vw,12px);letter-spacing:2px;color:#8fb38a}.dc-live{margin-top:3px;display:flex;align-items:center;gap:10px;font-size:clamp(8px,.7vw,10px);letter-spacing:1.5px;color:#6f8a6b}.dc-live-dot{color:#ef4444;font-weight:700;animation:dc-blink 1.2s steps(1) infinite}.dc-hud-right{display:flex;align-items:center;gap:12px}.dc-clock{font-size:clamp(15px,1.8vw,24px);font-weight:700;color:#ffd24a;text-shadow:0 0 12px rgba(255,210,74,.6);letter-spacing:2px}.dc-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#ffffff0f;color:#fff;font-size:15px;cursor:pointer;transition:all .2s}.dc-btn:hover{background:#a3e63533;border-color:#a3e635}.dc-btn-exit:hover{background:#ef444440;border-color:#ef4444}.dc-btn-on{background:#a3e63538;border-color:#a3e635;color:#a3e635}.dc-rotate-bar{position:absolute;top:0;left:0;height:4px;z-index:6;background:linear-gradient(90deg,#a3e635,#ffd24a,#ef4444);box-shadow:0 0 12px #a3e635cc;animation:dc-rotate-fill 30s linear forwards}@keyframes dc-rotate-fill{0%{width:0}to{width:100%}}.dc-error{position:relative;z-index:2;padding:12px 16px;border-radius:10px;background:#ef44442e;border:1px solid #ef4444;color:#fff}.dc-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dc-stats-danger{grid-template-columns:1.9fr 1fr 1fr 1fr;align-items:stretch}.dc-stat{padding:6px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#08120c9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dc-stat-icon{font-size:13px;line-height:1}.dc-stat-label{margin-top:3px;font-size:clamp(7px,.65vw,9px);letter-spacing:1.2px;color:#9bbf95}.dc-stat-value{margin-top:2px;font-size:clamp(15px,1.7vw,24px);font-weight:900;line-height:1}.dc-stat-foot{margin-top:3px;font-size:8px;color:#6f8a6b;letter-spacing:.8px}.s-amber{box-shadow:0 0 24px #ffd24a24 inset}.s-amber .dc-stat-value{color:#ffd24a;text-shadow:0 0 14px rgba(255,210,74,.5)}.s-red{box-shadow:0 0 24px #ef444429 inset}.s-red .dc-stat-value{color:#ff5b5b;text-shadow:0 0 14px rgba(239,68,68,.5)}.s-green{box-shadow:0 0 24px #22c55e29 inset}.s-green .dc-stat-value{color:#22c55e;text-shadow:0 0 14px rgba(34,197,94,.5)}.s-purple{box-shadow:0 0 24px #a855f729 inset}.s-purple .dc-stat-value{color:#c084fc;text-shadow:0 0 14px rgba(168,85,247,.5)}.dc-stat-danger{display:flex;flex-direction:column;justify-content:center;padding:10px 18px;border-radius:14px;border:2px solid #ef4444;background:linear-gradient(135deg,#500808c7,#180606b8);animation:dc-danger-pulse 1.05s ease-in-out infinite}.dc-stat-danger .dc-stat-icon{font-size:clamp(18px,1.7vw,26px)}.dc-stat-danger .dc-stat-label{margin-top:4px;font-size:clamp(10px,1vw,15px);letter-spacing:1.6px;font-weight:800;color:#ffc9c9}.dc-stat-danger .dc-stat-value{margin-top:4px;font-size:clamp(30px,3.4vw,56px);color:#ff4d4d;text-shadow:0 0 18px rgba(239,68,68,.75);animation:dc-danger-glow 1.05s ease-in-out infinite}.dc-stat-danger .dc-stat-foot{margin-top:5px;font-size:clamp(9px,.75vw,12px);letter-spacing:.8px;color:#ff9d9d}@keyframes dc-danger-pulse{0%,to{border-color:#7f1d1d;box-shadow:0 0 #ef444400}50%{border-color:#ff4d4d;box-shadow:0 0 34px #ef4444bf,0 0 60px #ef44444d inset}}@keyframes dc-danger-glow{0%,to{text-shadow:0 0 10px rgba(239,68,68,.45)}50%{text-shadow:0 0 26px rgba(255,77,77,.95)}}@media (prefers-reduced-motion: reduce){.dc-stat-danger,.dc-stat-danger .dc-stat-value{animation:none}.dc-stat-danger{box-shadow:0 0 30px #ef444480}}.dc-main{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:1.15fr 1fr;gap:12px;min-height:0}.dc-panel{display:flex;flex-direction:column;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#08120c9e;min-height:0}.dc-panel-title{font-size:clamp(11px,1.15vw,15px);font-weight:700;letter-spacing:1.5px;margin-bottom:7px;color:#d7e6cf;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dc-side{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:12px;min-height:0}.dc-side.dc-side--solo{grid-template-rows:minmax(0,1.5fr) minmax(0,1fr)}.dc-col-left{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,auto);gap:12px;min-height:0}.dc-lunas-periode{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(5px,.6vw,9px);margin-bottom:clamp(5px,.8vh,9px)}.dc-lunas-chip{display:flex;flex-direction:column;gap:1px;padding:clamp(3px,.6vh,7px) clamp(5px,.6vw,10px);border-radius:10px;border:1px solid rgba(34,197,94,.22);background:#22c55e12}.dc-lunas-chip.aktif{border-color:#22c55e80;background:#22c55e24}.dc-lunas-chip-label{font-size:clamp(7px,1vh,10px);letter-spacing:1.5px;color:#b9cdb2;font-weight:700}.dc-lunas-chip-nilai{font-size:clamp(11px,1.5vh,17px);font-weight:900;color:#22c55e;text-shadow:0 0 12px rgba(34,197,94,.45);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-lunas-chip-nota{font-size:clamp(8px,1.1vh,11px);color:#8fae88;font-variant-numeric:tabular-nums}.dc-lunas-list{flex:1;display:flex;flex-direction:column;gap:.24em;min-height:0;overflow:hidden}.dc-lunas-row{flex:1 1 0;min-height:0;display:grid;grid-template-columns:4.2em 4.6em minmax(0,1fr) minmax(0,.6fr) max-content;align-items:center;gap:.8em;padding:0 .6em;border-radius:.6em;border-left:.2em solid #22c55e;background:#22c55e0f}.dc-lunas-when{font-size:1em;font-weight:900;color:#22c55e;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.dc-lunas-lalu{font-size:.72em;letter-spacing:.5px;color:#8fae88;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-lunas-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em;font-weight:700;color:#fff;line-height:1.1}.dc-lunas-sales{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8em;color:#b9cdb2;letter-spacing:.5px;line-height:1.1}.dc-lunas-amt{font-size:1em;font-weight:900;color:#7ee2a0;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.dc-wanted-list{flex:1;display:flex;flex-direction:column;gap:.35em;min-height:0;overflow:hidden}.dc-wanted-item{flex:1 1 0;min-height:0;display:grid;grid-template-columns:2.7em 1fr;align-items:center;gap:.9em}.dc-wanted-item.boss .dc-wanted-name{color:#ff5b5b;text-shadow:0 0 12px rgba(239,68,68,.6)}.dc-target{position:relative;width:2.5em;height:2.5em;display:grid;place-items:center}.dc-target-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(239,68,68,.6);box-shadow:0 0 12px #ef444459 inset;animation:dc-target-pulse 2s ease-in-out infinite}.dc-target-ring:before,.dc-target-ring:after{content:"";position:absolute;background:#ef4444b3}.dc-target-ring:before{left:50%;top:-.3em;bottom:-.3em;width:1px;transform:translate(-50%)}.dc-target-ring:after{top:50%;left:-.3em;right:-.3em;height:1px;transform:translateY(-50%)}@keyframes dc-target-pulse{50%{transform:scale(1.08);border-color:#ffd24a}}.dc-target-rank{position:relative;font-size:.9em;font-weight:900}.dc-wanted-body{min-width:0}.dc-wanted-head{display:flex;justify-content:space-between;align-items:baseline;gap:.8em;margin-bottom:.22em}.dc-wanted-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.15em;font-weight:700;color:#fff}.dc-wanted-bounty{flex-shrink:0;font-size:1.15em;font-weight:900;color:#ffd24a;text-shadow:0 0 10px rgba(255,210,74,.5)}.dc-wanted-line{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:.7em}.dc-tempo{font-size:.72em;font-weight:800;letter-spacing:.08em;white-space:nowrap;padding:.08em .7em;border-radius:999px;line-height:1.5;background:#00000073;border:1px solid currentColor}.dc-hp{position:relative;height:1.3em;border-radius:.65em;background:#0006;border:1px solid rgba(255,255,255,.1);overflow:hidden}.dc-hp-fill{height:100%;display:flex;border-radius:.65em;max-width:100%;font-size:.8em;transition:width 1.6s cubic-bezier(.22,1,.36,1),min-width 1.6s cubic-bezier(.22,1,.36,1)}.dc-danger-list{display:grid;grid-template-columns:minmax(0,max-content) minmax(60px,1fr) max-content;align-items:center;column-gap:10px;row-gap:clamp(4px,1vh,10px);min-height:0;overflow-y:auto}.dc-danger-row{display:contents}.dc-danger-name{font-size:clamp(10px,1vw,13px);color:#b9cdb2;letter-spacing:1px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-danger-bar{height:clamp(15px,2vh,20px);border-radius:7px;background:#0006;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.dc-danger-fill{height:100%;border-radius:7px;max-width:100%;display:grid;place-items:center;font-size:clamp(9px,1.4vh,13px);transition:width 1.6s cubic-bezier(.22,1,.36,1),min-width 1.6s cubic-bezier(.22,1,.36,1)}.dc-danger-count{font-size:1em;font-weight:900;color:#0a1410;white-space:nowrap;font-variant-numeric:tabular-nums}.dc-danger-amt{font-size:clamp(11px,1.1vw,15px);font-weight:800;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.dc-hunters-list{flex:1;display:flex;flex-direction:column;gap:.22em;min-height:0;overflow:hidden}.dc-hunter-row{flex:1 1 0;min-height:0;display:grid;grid-template-columns:2.2em minmax(0,14em) 1fr 5.2em 5.2em 5.2em 4.2em;align-items:center;gap:.8em}.dc-hunter-head{display:grid;grid-template-columns:2.2em minmax(0,14em) 1fr 5.2em 5.2em 5.2em 4.2em;align-items:end;gap:.8em;margin-bottom:.35em;padding-bottom:.3em;border-bottom:1px solid rgba(255,255,255,.1);color:#8fae88;font-weight:700}.dc-hunter-head span{font-size:.58em;letter-spacing:.4px;line-height:1.05;overflow:hidden;word-break:break-word}.dc-hunter-head span:nth-child(4),.dc-hunter-head span:nth-child(5),.dc-hunter-head span:nth-child(6),.dc-hunter-head span:nth-child(7){text-align:right}.dc-hunter-rank{font-size:1.05em;font-weight:900;text-align:center;line-height:1}.dc-hunter-name{min-width:0;font-size:1em;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}.dc-hunter-telat{text-align:right;font-size:.95em;font-weight:900;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;color:#ff5b5b;text-shadow:0 0 10px rgba(239,68,68,.45)}.dc-hunter-telat.bersih{color:#4d5f4a;font-weight:700;text-shadow:none;letter-spacing:.05em}.dc-hunter-sisa{text-align:right;font-size:.95em;font-weight:900;color:#ff8a8a;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.dc-hunter-lunas{text-align:right;font-size:.9em;font-weight:800;color:#4ade80;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.dc-hunter-lunas.kosong{color:#4d5f4a;font-weight:700}.dc-hunter-sehat{display:flex;align-items:center;justify-content:flex-end;gap:.3em;min-width:0;overflow:hidden;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.dc-sehat-ikon{font-size:.7em;line-height:1}.dc-hunter-sehat b{font-size:1.05em;font-weight:900}.dc-wanted-pct{font-size:.7em;font-weight:800;letter-spacing:.5px}.dc-hunter-bar{display:flex;align-items:stretch;height:1.35em;border-radius:.4em;background:#0006;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.dc-hunter-fill{height:100%;display:flex;border-radius:.4em;max-width:100%;flex:0 0 auto;font-size:.82em;transition:width 1.6s cubic-bezier(.22,1,.36,1)}.dc-seg{height:100%;flex-basis:0;display:grid;place-items:center;overflow:hidden}.dc-seg+.dc-seg{box-shadow:inset 1px 0 #00000059}.dc-seg-count{font-size:1em;font-weight:900;color:#0a1410;white-space:nowrap;font-variant-numeric:tabular-nums}.dc-seg-lunas{background:repeating-linear-gradient(135deg,#ffffff38 0,#ffffff38 6px,#fff0 6px,#fff0 12px),linear-gradient(180deg,#22c55e,#15803d);box-shadow:inset 0 0 0 1px #ffffff40}.dc-seg-belum{background:linear-gradient(180deg,#ef4444,#b91c1c)}.dc-seg-lunas .dc-seg-count{color:#04240f}.dc-seg-lunas+.dc-seg{box-shadow:inset 2px 0 #ffffff80}.dc-legend{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:clamp(7px,1vh,10px);letter-spacing:1px;color:#b9cdb2;font-weight:700}.dc-legend .dc-legend-chip{margin-left:8px}.dc-legend-chip{width:14px;height:9px;border-radius:3px;display:inline-block}.dc-legend-lunas{background:repeating-linear-gradient(135deg,#ffffff38 0,#ffffff38 3px,#fff0 3px,#fff0 6px),linear-gradient(180deg,#22c55e,#15803d)}.dc-legend-sisa{background:linear-gradient(90deg,#a3e635,#f59e0b,#ef4444)}.dc-empty{text-align:center;color:#6f8a6b;padding:30px}.dc-bulanan{min-height:0}.dc-bulanan-chart{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,max-content) minmax(3em,1fr) max-content;grid-auto-rows:minmax(0,1fr);align-items:center;column-gap:.8em;row-gap:.25em}.dc-bulan-row{display:contents}.dc-bulanan-chart .dc-empty{grid-column:1 / -1}.dc-bulan-nama{font-size:1em;letter-spacing:.08em;color:#b9cdb2;white-space:nowrap}.dc-bulan-bar{height:1.5em;border-radius:.35em;background:#0006;border:1px solid rgba(255,255,255,.08);overflow:hidden}.dc-bulan-fill{height:100%;border-radius:.35em;max-width:100%;display:grid;place-items:center;transition:width 1.6s cubic-bezier(.22,1,.36,1),min-width 1.6s cubic-bezier(.22,1,.36,1)}.dc-bulan-count{font-size:.85em;font-weight:900;color:#0a1410;white-space:nowrap;font-variant-numeric:tabular-nums}.dc-bulan-amt{font-size:1.05em;font-weight:800;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.dc-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#6f8a6b}.dc-foot:empty{display:none}@keyframes dc-blink{50%{opacity:.25}}@media (max-width: 1100px){.dc-stats,.dc-stats-danger{grid-template-columns:repeat(2,1fr)}.dc-stat-danger{grid-column:1 / -1}.dc-main{grid-template-columns:1fr}.dc-col-left{grid-template-rows:auto auto}.dc-lunas-periode{grid-template-columns:repeat(2,1fr)}}.dr-col{display:grid;grid-template-rows:1fr 1fr;gap:18px;min-height:0}.dr-sink{display:flex;gap:clamp(14px,1.6vw,28px);align-items:center;text-align:right}.dr-sink-label{font-size:11px;letter-spacing:1px;color:#ffffff8c;text-transform:uppercase}.dr-sink-nilai{font-size:14px;font-weight:700;white-space:nowrap}.dr-screen .dc-title{font-size:clamp(15px,1.6vw,26px);letter-spacing:2px}.dr-screen .dc-subtitle{margin-top:2px;font-size:clamp(9px,.85vw,12px);letter-spacing:2px}.dr-stats .dc-stat{padding:clamp(9px,1.2vh,15px) clamp(12px,1.1vw,20px)}.dr-stat-head{display:flex;align-items:center;gap:clamp(5px,.6vw,10px)}.dr-stats .dc-stat-icon{font-size:clamp(14px,1.8vh,20px);line-height:1}.dr-stats .dc-stat-label{margin-top:0;font-size:clamp(9px,1vw,13px);line-height:1.25}.dr-stats .dc-stat-value{font-size:clamp(22px,3.2vw,48px);white-space:nowrap}.dr-stats .dc-stat-foot{margin-top:5px;font-size:clamp(9px,1.1vh,12px)}.dr-insight{position:relative;z-index:2;display:grid;grid-template-columns:max-content repeat(3,minmax(0,1fr));align-items:center;gap:clamp(6px,.8vw,16px);padding:clamp(5px,.8vh,11px) clamp(10px,1vw,18px);border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#08120c9e}.dr-insight-judul{font-size:clamp(9px,1vh,12px);font-weight:800;letter-spacing:2px;color:#ffd24a;white-space:nowrap}.dr-insight-sel{display:flex;align-items:center;gap:clamp(5px,.6vw,10px);min-width:0;padding-left:clamp(6px,.8vw,16px);border-left:1px solid rgba(255,255,255,.1)}.dr-insight-ikon{font-size:clamp(12px,1.7vh,19px);flex-shrink:0}.dr-insight-isi{min-width:0;font-size:clamp(9px,1.2vh,14px);line-height:1.3;color:#cfe0c8}.dr-insight-isi b{letter-spacing:.5px}.dr-nada-merah .dr-insight-isi b{color:#ff8a8a}.dr-nada-kuning .dr-insight-isi b{color:#ffd24a}.dr-nada-hijau .dr-insight-isi b{color:#a3e635}.dr-hint{margin-top:clamp(4px,.7vh,8px);padding-top:clamp(3px,.6vh,7px);border-top:1px dashed rgba(255,255,255,.12);font-size:clamp(9px,1.15vh,13px);line-height:1.35;color:#b9cdb2;letter-spacing:.3px}.dr-satuan{font-size:.55em;font-weight:700;letter-spacing:.5px;opacity:.9}.dr-screen .dc-panel-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px clamp(6px,.8vw,12px);margin-bottom:clamp(3px,.6vh,8px)}.dr-screen .dc-panel{padding:clamp(8px,1.1vh,13px) clamp(12px,1.1vw,20px)}.dr-panel-sub{font-size:clamp(9px,1.1vh,12px);font-weight:600;letter-spacing:.5px;color:#7f9a79;text-transform:none}.dr-dept-head{display:flex;align-items:baseline;gap:clamp(8px,1vw,16px);flex-wrap:wrap;margin-bottom:clamp(4px,.8vh,10px)}.dr-dept-total{font-size:clamp(18px,3vh,34px);font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.dr-dept-meta{font-size:clamp(9px,1.15vh,13px);color:#9bbf95;letter-spacing:.5px}.dr-chips{display:flex;gap:clamp(6px,.8vw,14px);flex-wrap:wrap;margin-bottom:clamp(5px,.9vh,10px)}.dr-chip{padding:clamp(2px,.5vh,6px) clamp(6px,.8vw,12px);border-radius:999px;font-size:clamp(9px,1.15vh,13px);font-weight:700;letter-spacing:.3px;white-space:nowrap;font-variant-numeric:tabular-nums}.dr-chip-telat{color:#ff8a8a;background:#ef444429;border:1px solid rgba(239,68,68,.45)}.dr-chip-segera{color:#ffd24a;background:#f59e0b29;border:1px solid rgba(245,158,11,.45)}.dr-cap{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:clamp(9px,1.05vh,12px);font-weight:700;letter-spacing:1px;color:#d7e6cf;margin-bottom:clamp(4px,.7vh,8px)}.dr-cap span{font-weight:600;letter-spacing:.3px;color:#7f9a79;text-transform:none}.dr-zona{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,max-content) minmax(40px,1fr) max-content max-content;align-items:center;align-content:space-between;column-gap:clamp(6px,.8vw,14px);row-gap:clamp(3px,.7vh,9px)}.dr-zona-row{display:contents}.dr-zona-kosong{opacity:.42}.dr-zona-label{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:clamp(9px,1.25vh,13px);font-weight:700;letter-spacing:.5px;color:#dbe9d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-kotak{width:clamp(8px,1.1vh,12px);height:clamp(8px,1.1vh,12px);border-radius:3px;flex-shrink:0}.dr-zona-bar{height:clamp(9px,1.5vh,16px);border-radius:999px;display:block;background:#0006;border:1px solid rgba(255,255,255,.08);overflow:hidden}.dr-zona-fill{display:block;height:100%;border-radius:999px;transition:width 1.6s cubic-bezier(.22,1,.36,1)}.dr-zona-nom{font-size:clamp(10px,1.3vh,14px);font-weight:800;color:#fff;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.dr-zona-cnt{font-size:clamp(9px,1.1vh,12px);font-weight:700;color:#7f9a79;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.dr-zona.dr-padat{row-gap:2px}.dr-padat .dr-zona-label{font-size:clamp(8px,1.05vh,11px);letter-spacing:.2px;gap:4px}.dr-padat .dr-kotak{width:7px;height:7px}.dr-padat .dr-zona-bar{height:clamp(6px,1.1vh,11px)}.dr-padat .dr-zona-nom{font-size:clamp(9px,1.1vh,12px)}.dr-padat .dr-zona-cnt{font-size:clamp(8px,.95vh,10px)}.dr-list{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(2px,.45vh,7px);min-height:0;overflow:hidden}.dr-row{flex:0 0 auto;display:grid;grid-template-columns:clamp(22px,2vw,34px) minmax(0,1fr);align-items:center;gap:clamp(6px,.8vw,12px)}.dr-no{font-size:clamp(11px,1.6vh,17px);font-weight:900;text-align:center;color:#6f8a6b}.dr-body{min-width:0}.dr-head{display:flex;align-items:baseline;justify-content:space-between;gap:clamp(6px,.8vw,14px)}.dr-name{min-width:0;font-size:clamp(11px,1.45vh,16px);font-weight:700;color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-amt{flex-shrink:0;font-size:clamp(11px,1.45vh,16px);font-weight:800;color:#ffd24a;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}.dr-amt .dr-satuan{font-size:.7em}.dr-mini-bar{margin-top:2px;height:clamp(4px,.62vh,8px);border-radius:999px;background:#ffffff14;overflow:hidden}.dr-mini-fill{height:100%;border-radius:999px;transition:width 1.6s cubic-bezier(.22,1,.36,1)}.dr-sub{margin-top:2px;font-size:clamp(8px,1vh,12px);font-weight:600;color:#7f9a79;line-height:1.2;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-sub-telat{color:#ff8a8a}.dr-carabaca{flex:1;min-width:0;padding:0 clamp(10px,1.4vw,26px);text-align:center;letter-spacing:.4px;line-height:1.35;color:#8fb38a;font-size:clamp(9px,1.05vh,12px)}@media (max-height: 900px){.dr-screen .dc-title{font-size:clamp(14px,1.4vw,20px)}.dr-screen .dc-subtitle{font-size:10px;letter-spacing:1.5px}.dr-screen .dc-stat-value{font-size:clamp(20px,2.6vw,34px)}.dr-insight-isi{font-size:11px}.dr-screen .dc-clock{font-size:clamp(15px,1.8vw,22px)}.dr-screen .dc-stat-icon{display:none}.dr-screen .dr-hint{font-size:10px}.dr-sink-label{font-size:9px}.dr-sink-nilai{font-size:12px}.dr-carabaca{font-size:10px}}@media (max-height: 840px){.dr-screen{overflow-y:auto}.dr-screen .dc-main{min-height:560px}.dr-screen .dc-btn{width:34px;height:34px;font-size:15px}}@media (max-width: 1400px){.dr-screen .dc-hud{flex-wrap:wrap;gap:6px 16px}.dr-insight{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-insight-judul{grid-column:1 / -1}.dr-insight-sel:first-of-type{padding-left:0;border-left:none}.dr-sink{order:3;width:100%;justify-content:flex-start;text-align:left}.dr-screen .dc-foot{flex-wrap:wrap;row-gap:4px}.dr-carabaca{order:3;width:100%;padding:0}}@media (max-width: 1100px){.dr-col{grid-template-rows:auto auto}.dr-sink,.dr-carabaca{display:none}}.display-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,16px);padding:clamp(10px,1.6vh,22px) clamp(16px,2vw,30px);overflow:hidden;background:radial-gradient(1200px 600px at 50% -10%,#16224d 0%,transparent 60%),radial-gradient(900px 500px at 90% 110%,#3b0a45 0%,transparent 55%),linear-gradient(160deg,#05060f,#0a0f24 55%,#05060f);color:#e8ecff;font-family:Orbitron,Segoe UI,system-ui,sans-serif}.dp-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 70%,#cfe0ff,transparent),radial-gradient(2px 2px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 15%,#aee2ff,transparent),radial-gradient(1px 1px at 10% 60%,#fff,transparent);opacity:.7;animation:dp-twinkle 3.5s ease-in-out infinite alternate}@keyframes dp-twinkle{0%{opacity:.35}to{opacity:.85}}.dp-grid{position:absolute;top:-50%;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px);background-size:60px 60px;transform:perspective(400px) rotateX(60deg);transform-origin:top;animation:dp-grid-move 6s linear infinite;opacity:.5}@keyframes dp-grid-move{0%{background-position-y:0}to{background-position-y:60px}}.dp-bg-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dp-rocket-fly{position:absolute;font-size:30px;filter:drop-shadow(0 0 8px rgba(56,189,248,.8));transform:rotate(45deg)}.dp-rocket-fly.r1{left:-6%;bottom:12%;animation:dp-fly 7s linear infinite}.dp-rocket-fly.r2{left:-6%;bottom:46%;font-size:22px;animation:dp-fly 9s linear infinite 2s}.dp-rocket-fly.r3{left:-6%;bottom:72%;font-size:26px;animation:dp-fly 11s linear infinite 4s}@keyframes dp-fly{0%{transform:translate(0) rotate(45deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(116vw,-40vh) rotate(45deg);opacity:0}}.dp-laser{position:absolute;height:3px;width:160px;border-radius:3px;background:linear-gradient(90deg,transparent,#ff3b6b,#fff);box-shadow:0 0 12px #ff3b6b}.dp-laser.l1{top:26%;right:-180px;animation:dp-shoot 2.6s linear infinite}.dp-laser.l2{top:58%;right:-180px;animation:dp-shoot 3.4s linear infinite 1.2s;background:linear-gradient(90deg,transparent,#38e1ff,#fff);box-shadow:0 0 12px #38e1ff}.dp-laser.l3{top:82%;right:-180px;animation:dp-shoot 3s linear infinite .6s;background:linear-gradient(90deg,transparent,#a855f7,#fff);box-shadow:0 0 12px #a855f7}@keyframes dp-shoot{0%{transform:translate(0);opacity:0}8%{opacity:1}to{transform:translate(-118vw);opacity:0}}.dp-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;opacity:.5}.dp-hud{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.dp-title{font-size:clamp(28px,4vw,54px);font-weight:900;letter-spacing:4px;background:linear-gradient(90deg,#38e1ff,#a855f7,#ff3b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(56,189,248,.5));animation:dp-pulse 2.5s ease-in-out infinite}@keyframes dp-pulse{50%{filter:drop-shadow(0 0 28px rgba(168,85,247,.8))}}.dp-subtitle{margin-top:4px;font-size:clamp(11px,1.2vw,15px);letter-spacing:3px;color:#8ea2d8}.dp-hud-right{display:flex;align-items:center;gap:12px}.dp-clock{font-size:clamp(18px,2.4vw,30px);font-weight:700;color:#38e1ff;text-shadow:0 0 12px rgba(56,225,255,.7);letter-spacing:2px}.dp-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#ffffff0f;color:#fff;font-size:18px;cursor:pointer;transition:all .2s}.dp-btn:hover{background:#38e1ff33;border-color:#38e1ff}.dp-btn-exit:hover{background:#ff3b6b40;border-color:#ff3b6b}.dp-btn-on{background:#38e1ff38;border-color:#38e1ff;color:#38e1ff}.dp-btn-warn{background:#f59e0b38;border-color:#f59e0b;color:#f59e0b;animation:dp-warn-pulse 1.4s ease-in-out infinite}@keyframes dp-warn-pulse{50%{box-shadow:0 0 0 4px #f59e0b40}}.dp-rotate-bar{position:absolute;top:0;left:0;height:4px;z-index:6;background:linear-gradient(90deg,#38e1ff,#a855f7,#ff3b6b);box-shadow:0 0 12px #38e1ffcc;animation:dp-rotate-fill 30s linear forwards}@keyframes dp-rotate-fill{0%{width:0}to{width:100%}}.dp-error{position:relative;z-index:2;padding:12px 16px;border-radius:10px;background:#ef44442e;border:1px solid #ef4444;color:#fff}.dp-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dp-stat{position:relative;padding:clamp(10px,1.4vh,18px) 20px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0a102899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.dp-stat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;opacity:.7;pointer-events:none}.dp-stat-icon{font-size:26px}.dp-stat-label{margin-top:6px;font-size:clamp(10px,1vw,13px);letter-spacing:2px;color:#97a6d4}.dp-stat-value{margin-top:4px;font-size:clamp(26px,3.4vw,46px);font-weight:900;line-height:1}.dp-stat-foot{margin-top:8px;font-size:11px;color:#6b7aa8;letter-spacing:1px}.neon-cyan{box-shadow:0 0 28px #38e1ff2e inset,0 0 18px #38e1ff1f}.neon-cyan .dp-stat-value{color:#38e1ff;text-shadow:0 0 16px rgba(56,225,255,.6)}.neon-green{box-shadow:0 0 28px #22c55e2e inset,0 0 18px #22c55e1f}.neon-green .dp-stat-value{color:#22c55e;text-shadow:0 0 16px rgba(34,197,94,.6)}.neon-purple{box-shadow:0 0 28px #a855f72e inset,0 0 18px #a855f71f}.neon-purple .dp-stat-value{color:#c084fc;text-shadow:0 0 16px rgba(168,85,247,.6)}.neon-red{box-shadow:0 0 28px #ff3b6b2e inset,0 0 18px #ff3b6b1f}.neon-red .dp-stat-value{color:#ff5b80;text-shadow:0 0 16px rgba(255,59,107,.6)}.neon-amber{box-shadow:0 0 28px #f59e0b2e inset,0 0 18px #f59e0b1f}.neon-amber .dp-stat-value{color:#fbbf24;text-shadow:0 0 16px rgba(245,158,11,.6)}.dp-rocket-track{position:relative;height:10px;margin:6px 0 4px;border-radius:999px;background:#ffffff14}.dp-rocket-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;transition:width 1.6s cubic-bezier(.22,1,.36,1)}.dp-rocket-ship{position:absolute;top:50%;font-size:18px;transform:translate(-50%,-50%) rotate(-45deg);filter:drop-shadow(0 0 8px rgba(56,225,255,.6));transition:left 1.6s cubic-bezier(.22,1,.36,1)}.dp-main{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:280px 1fr;gap:18px;min-height:0}.dp-project .dp-stats{grid-template-columns:repeat(5,1fr)}.dp-project .dp-main{grid-template-columns:minmax(0,1fr) clamp(440px,31vw,620px)}.dp-project .dp-title{font-size:clamp(22px,2.6vw,36px);letter-spacing:3px}.dp-project .dp-subtitle{font-size:clamp(9px,.9vw,12px)}.dp-project .dp-stats{gap:12px}.dp-project .dp-stat{padding:clamp(6px,.8vh,10px) 14px;border-radius:12px}.dp-project .dp-stat-icon{font-size:15px}.dp-project .dp-stat-label{margin-top:1px;font-size:clamp(9px,.8vw,11px);letter-spacing:1.5px}.dp-project .dp-stat-value{margin-top:1px;font-size:clamp(20px,2.2vw,32px)}.dp-project .dp-stat-foot{margin-top:2px;font-size:10px}.dp-project .dp-rocket-track{height:7px;margin:4px 0 2px}.dp-project .dp-rocket-ship{font-size:14px}.dp-project .dp-lane-name{font-size:clamp(13px,2vh,26px)}.dp-project .dp-lane-score{font-size:clamp(13px,1.9vh,24px)}.dp-project .dp-lane{grid-template-columns:clamp(30px,2.6vw,46px) clamp(120px,13vw,220px) minmax(0,1fr) clamp(260px,25vw,440px)}.dp-project .dp-lane-track{height:clamp(9px,1.3vh,17px)}.dp-project .dp-lane-vehicle{font-size:clamp(10px,1.3vh,17px)}.dp-project .dp-lane-finish{font-size:clamp(10px,1.3vh,15px)}.dp-project .dp-panel-title{font-size:clamp(14px,1.7vw,22px)}.dp-project .dp-sync{display:flex;align-items:center;gap:16px;font-size:clamp(10px,.95vw,13px);font-weight:700;letter-spacing:1px;color:#00f0ff;white-space:nowrap}.dp-project .dp-sync-next{color:#22c55e}.dp-panel-title{font-size:clamp(13px,1.6vw,20px);font-weight:700;letter-spacing:2px;margin-bottom:clamp(6px,1vh,14px);color:#cdd8ff}.dp-rocket-panel{display:flex;flex-direction:column;align-items:center;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0a102899}.dp-launch{flex:1;display:flex;align-items:stretch;width:100%}.dp-launch-track{position:relative;width:80px;margin:0 auto;border-radius:40px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.12);overflow:hidden}.dp-launch-fill{position:absolute;left:0;right:0;bottom:0;border-radius:40px;transition:height 1.6s cubic-bezier(.22,1,.36,1)}.dp-launch-mark{position:absolute;right:6px;transform:translateY(50%);font-size:9px;color:#6b7aa8;letter-spacing:1px}.dp-launch-rocket{position:absolute;left:50%;transform:translate(-50%,50%);transition:bottom 1.6s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:center;z-index:2}.dp-launch-emoji{font-size:34px;filter:drop-shadow(0 0 10px rgba(56,225,255,.6))}.dp-launch-flame{font-size:20px;margin-top:-6px;animation:dp-flame .3s ease-in-out infinite alternate}@keyframes dp-flame{0%{transform:scaleY(.8);opacity:.8}to{transform:scaleY(1.3);opacity:1}}.dp-rocket-pct{margin-top:14px;font-size:clamp(30px,4vw,52px);font-weight:900;text-shadow:0 0 18px currentColor}.dp-rocket-meta{margin-top:4px;font-size:12px;color:#97a6d4;letter-spacing:1px}.dp-race-panel{display:flex;flex-direction:column;padding:clamp(10px,1.5vh,18px) clamp(14px,1.5vw,22px);border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0a102899;min-height:0}.dp-race-list{flex:1;display:flex;flex-direction:column;gap:clamp(2px,.5vh,8px);min-height:0;overflow:hidden}.dp-lane{flex:1 1 0;min-height:0;display:grid;grid-template-columns:clamp(30px,2.6vw,46px) clamp(120px,13vw,220px) minmax(0,1fr) clamp(200px,19vw,330px);align-items:center;gap:clamp(8px,1vw,16px)}.dp-lane-badge{display:grid;place-items:center;font-size:clamp(13px,2vh,22px);font-weight:900;color:#cdd8ff}.dp-lane.leader .dp-lane-name{color:#ffd24a;text-shadow:0 0 12px rgba(255,210,74,.6)}.dp-lane-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.5vh,18px);font-weight:700;color:#fff}.dp-lane-score{text-align:right;font-size:clamp(11px,1.4vh,17px);font-weight:900;color:#38e1ff;text-shadow:0 0 10px rgba(56,225,255,.5);white-space:nowrap}.dp-lane-score small{font-size:.6em;color:#97a6d4;font-weight:700}.dp-lane-pct{display:inline-block;margin-left:12px;min-width:3.6ch;text-align:right;font-size:1.75em;font-weight:900;letter-spacing:-.5px}.dp-race-legend{float:right;display:flex;gap:14px;font-size:.55em;letter-spacing:1px;color:#8ea2d8;font-weight:700}.dp-race-legend i{font-style:normal;white-space:nowrap}.dp-race-legend .hijau{color:#4ade80}.dp-race-legend .tembus{color:#bbf7d0}.dp-race-legend .belum{color:#7dd3fc}.dp-lane-track-wrap{position:relative;min-width:0}.dp-lane-track{position:relative;height:clamp(8px,1.15vh,14px);border-radius:13px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 18px,transparent 18px 36px),#00000059;border:1px solid rgba(255,255,255,.1);overflow:hidden}.dp-lane-fill{position:absolute;left:0;top:0;bottom:0;border-radius:13px;background:linear-gradient(90deg,#38e1ff26,#38e1ff80);transition:width 1.6s cubic-bezier(.22,1,.36,1)}.dp-lane.leader .dp-lane-fill{background:linear-gradient(90deg,#ffd24a33,#ffd24a99)}.dp-lane-dp{position:absolute;left:0;top:0;bottom:0;border-radius:13px;background:linear-gradient(90deg,#22c55e8c,#4ade80d9);box-shadow:0 0 14px #22c55e59;transition:width 1.6s cubic-bezier(.22,1,.36,1)}.dp-lane-dpstat{display:inline-flex;gap:6px;margin-left:8px;font-size:.62em;font-style:normal;font-weight:900;vertical-align:middle;text-shadow:none}.dp-lane-dpstat.lunas{padding:1px 7px;border-radius:999px;background:#22c55e40;border:1px solid #4ade80;color:#4ade80}.dp-lane-dpstat.belum{padding:1px 7px;border-radius:999px;border:1px dashed #7dd3fc;color:#7dd3fc}.dp-lane-dpstat .hijau{color:#4ade80}.dp-lane-dpstat .belum{color:#7dd3fc}.dp-lane-dp-num{margin-left:8px;font-size:.62em;font-style:normal;font-weight:800;color:#4ade80;text-shadow:0 0 10px rgba(34,197,94,.5)}.dp-lane-vehicle{position:absolute;top:50%;font-size:clamp(9px,1.15vh,14px);transform:translate(-50%,-50%) scaleX(-1);transition:left 1.6s cubic-bezier(.22,1,.36,1);z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:dp-vibe .4s ease-in-out infinite}@keyframes dp-vibe{0%,to{margin-top:0}50%{margin-top:-2px}}.dp-lane-finish{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:clamp(9px,1.15vh,13px)}.dp-empty{text-align:center;color:#6b7aa8;padding:40px}.dp-run-panel{display:flex;flex-direction:column;padding:clamp(10px,1.5vh,18px) clamp(12px,1.2vw,18px);border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0a102899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:0}.dp-run-legend{float:right;font-size:.62em;letter-spacing:1px;color:#8ea2d8;font-weight:700}.dp-run-sum{display:flex;justify-content:space-between;gap:10px;font-size:clamp(10px,1.05vw,14px);letter-spacing:1px;color:#9fb0dd;padding-bottom:clamp(6px,.9vh,12px);margin-bottom:clamp(4px,.7vh,10px);border-bottom:1px solid rgba(255,255,255,.08)}.dp-run-sum b{color:#e8eeff}.dp-run-list{flex:1;display:flex;flex-direction:column;gap:.5em;min-height:0;overflow:hidden}.dp-run-row{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;gap:.28em;min-height:0}.dp-run-head{display:flex;align-items:baseline;gap:.6em}.dp-run-name{flex:1;min-width:0;font-size:1.2em;font-weight:700;color:#e8eeff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-run-pct{min-width:3.4ch;text-align:right;font-size:1.6em;font-weight:900;color:#4ade80;white-space:nowrap;letter-spacing:-.5px}.dp-run-pct--buru{color:#fbbf24}.dp-run-sales{font-size:.82em;font-weight:700;letter-spacing:.5px;color:#8ea2d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-lane.finished .dp-lane-fill{background:linear-gradient(90deg,#22c55e40,#4ade8099 35%,#fff6,#4ade8099 65%,#22c55e40);background-size:250% 100%;animation:dp-finish-shimmer 2.4s linear infinite}.dp-lane.leader.finished .dp-lane-fill{background:linear-gradient(90deg,#ffd24a40,#ffd24ab3 35%,#ffffff80,#ffd24ab3 65%,#ffd24a40);background-size:250% 100%;animation:dp-finish-shimmer 2.4s linear infinite}@keyframes dp-finish-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.dp-lane.finished .dp-lane-vehicle{animation:dp-finish-hop .9s ease-in-out infinite;filter:drop-shadow(0 0 9px rgba(74,222,128,.95)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.dp-lane.leader.finished .dp-lane-vehicle{filter:drop-shadow(0 0 10px rgba(255,210,74,1)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}@keyframes dp-finish-hop{0%,to{margin-top:0}35%{margin-top:-6px}55%{margin-top:-1px}70%{margin-top:-3px}}.dp-lane.finished .dp-lane-finish{animation:dp-finish-wave .85s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.85))}@keyframes dp-finish-wave{0%,to{transform:translateY(-50%) rotate(-14deg)}50%{transform:translateY(-50%) rotate(14deg) scale(1.18)}}.dp-lane-party{position:absolute;right:0;top:0;width:clamp(70px,9vw,130px);height:100%;pointer-events:none;z-index:4}.dp-party{position:absolute;top:50%;font-size:clamp(12px,2vh,22px);filter:drop-shadow(0 0 6px rgba(255,255,255,.5));will-change:transform,opacity}.dp-party.a{right:4%;animation:dp-burst-up 1.5s ease-in-out infinite}.dp-party.b{right:26%;animation:dp-burst-down 1.8s ease-in-out infinite .25s}.dp-party.c{right:48%;animation:dp-burst-up 1.35s ease-in-out infinite .6s;font-size:clamp(10px,1.6vh,18px)}.dp-party.d{right:68%;animation:dp-burst-down 1.65s ease-in-out infinite .9s;font-size:clamp(10px,1.6vh,18px)}.dp-party.cup{right:84%;font-size:clamp(14px,2.4vh,26px);animation:dp-cup 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,210,74,.95))}@keyframes dp-burst-up{0%{opacity:0;transform:translateY(-50%) scale(.5) rotate(-20deg)}30%{opacity:1;transform:translateY(-160%) scale(1.15) rotate(10deg)}70%{opacity:.9;transform:translateY(-210%) scale(1) rotate(-12deg)}to{opacity:0;transform:translateY(-260%) scale(.6) rotate(18deg)}}@keyframes dp-burst-down{0%{opacity:0;transform:translateY(-50%) scale(.5) rotate(15deg)}30%{opacity:1;transform:translateY(40%) scale(1.15) rotate(-12deg)}70%{opacity:.9;transform:translateY(85%) scale(1) rotate(14deg)}to{opacity:0;transform:translateY(130%) scale(.6) rotate(-18deg)}}@keyframes dp-cup{0%,to{transform:translateY(-50%) scale(1) rotate(-7deg)}50%{transform:translateY(-50%) scale(1.28) rotate(7deg)}}.dp-lane{border-radius:10px;padding:0 clamp(4px,.5vw,8px);border-left:4px solid transparent}.dp-lane.finished{background:linear-gradient(90deg,#22c55e38,#22c55e0f 60%,#22c55e24);border-left-color:#22c55e;box-shadow:inset 0 0 0 1px #4ade8059}.dp-lane.finished .dp-lane-score{color:#4ade80;text-shadow:0 0 10px rgba(34,197,94,.6)}.dp-lane.finished .dp-lane-score small{color:#bbf7d0}.dp-lane-tembus{display:inline-block;margin-left:10px;padding:1px 8px;border-radius:999px;background:#22c55e;color:#052e16;text-shadow:none;font-size:.7em;font-weight:900;letter-spacing:.5px;vertical-align:middle}.dp-lane.leader.finished .dp-lane-name{animation:dp-champion-glow 1.8s ease-in-out infinite}@keyframes dp-champion-glow{0%,to{text-shadow:0 0 12px rgba(255,210,74,.6)}50%{text-shadow:0 0 22px rgba(255,210,74,1),0 0 34px rgba(255,170,0,.7)}}@media (prefers-reduced-motion: reduce){.dp-lane.finished .dp-lane-fill,.dp-lane.leader.finished .dp-lane-fill,.dp-lane.finished .dp-lane-vehicle,.dp-lane.finished .dp-lane-finish,.dp-lane.leader.finished .dp-lane-name,.dp-party{animation:none}.dp-party{opacity:1;transform:translateY(-50%)}}.dp-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#6b7aa8}.dp-foot span:first-child{color:#ff3b6b;font-weight:700;animation:dp-blink 1.2s steps(1) infinite}@keyframes dp-blink{50%{opacity:.25}}@media (max-width: 1100px){.dp-stats,.dp-project .dp-stats{grid-template-columns:repeat(2,1fr)}.dp-main,.dp-project .dp-main{grid-template-columns:1fr}.dp-run-panel{min-height:240px}.dp-rocket-panel{min-height:260px}}.dp-screen .dc-title{font-size:clamp(20px,2.4vw,34px);letter-spacing:2px}.dp-screen .dc-subtitle{margin-top:2px;font-size:clamp(9px,.85vw,12px);letter-spacing:2px}.dp-screen .dc-clock{font-size:clamp(15px,1.8vw,23px)}.dp-screen .dc-stat{padding:clamp(6px,.9vh,12px) clamp(10px,1vw,16px)}.dp-screen .dc-stat-icon{font-size:clamp(13px,1.8vh,19px)}.dp-screen .dc-stat-label{margin-top:0;font-size:clamp(8px,.95vh,11px)}.dp-screen .dc-stat-value{font-size:clamp(17px,2.1vw,31px)}.dp-screen .dc-stat-foot{margin-top:clamp(2px,.45vh,6px);font-size:clamp(8px,.95vh,10px)}.dp-stat-head{display:flex;align-items:center;gap:8px}.dp-hint{margin-top:clamp(3px,.55vh,7px);padding-top:clamp(3px,.5vh,6px);border-top:1px dashed rgba(255,255,255,.12);font-size:clamp(8px,1vh,11px);line-height:1.3;color:#b9cdb2;letter-spacing:.3px}.dp-hint-samar{color:#6f8a6b}.dp-stat-alarm{animation:dp-alarm 2.6s ease-in-out infinite}@keyframes dp-alarm{0%,to{box-shadow:0 0 24px #ef444429 inset;border-color:#ffffff1f}50%{box-shadow:0 0 34px #ef444466 inset;border-color:#ef44448c}}.dp-stat-skor{box-shadow:0 0 24px #ffffff0f inset}.dp-skor-baris{display:flex;align-items:center;gap:clamp(8px,1vw,16px)}.dp-skor-kanan{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.dp-vonis{align-self:flex-start;padding:2px clamp(6px,.7vw,11px);border-radius:999px;border:1px solid currentColor;font-size:clamp(9px,1.15vh,13px);font-weight:900;letter-spacing:1.5px;white-space:nowrap}.dp-ekg{position:relative;height:clamp(14px,2.2vh,26px);overflow:hidden}.dp-ekg svg{width:100%;height:100%;opacity:.75}.dp-ekg-kilat{position:absolute;top:0;bottom:0;width:14px;border-radius:50%;filter:blur(7px);opacity:.85;animation:dp-ekg-sweep var(--dp-ekg-detik, 2s) linear infinite}@keyframes dp-ekg-sweep{0%{left:-14px}to{left:100%}}.dp-screen .dc-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.dg-list{flex:1;display:flex;flex-direction:column;gap:clamp(2px,.5vh,8px);min-height:0;overflow:hidden}.dg-row{--dg-kolom: clamp(96px, 8vw, 150px) minmax(0, 1fr) clamp(62px, 4.8vw, 92px) clamp(72px, 5.6vw, 108px) clamp(42px, 3.4vw, 58px) clamp(50px, 4.2vw, 70px);display:grid;grid-template-columns:var(--dg-kolom);align-items:center;gap:clamp(5px,.7vw,12px)}.dp-tabel-head.dg-row{display:grid;grid-template-columns:var(--dg-kolom)}.dp-tabel-head.dg-row span{text-align:right}.dp-tabel-head.dg-row span:nth-child(-n+2){text-align:left}.dg-row:not(.dp-tabel-head){flex:1 1 0;min-height:0;position:relative;padding:0 7px;border-radius:8px;border-left:3px solid transparent}.dg-row:not(.dp-tabel-head):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;z-index:0;background:linear-gradient(90deg,var(--dt-warna, rgba(239, 68, 68, .22)) 0 var(--dt-isi, 0%),transparent var(--dt-isi, 0%))}.dg-row>*{position:relative;z-index:1}.dt-row-ingkar{border-left-color:#ff3b3b}.dt-row-nanti{border-left-color:#ffd24a;--dt-warna: rgba(255, 210, 74, .18)}.dt-row-beres{opacity:.45}.dt-row-kini{background:#ffffff0d;--dt-warna: rgba(255, 210, 74, .18)}.dt-bulan{min-width:0;font-size:clamp(10px,1.35vh,15px);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-tanda{display:block;font-style:normal;font-size:clamp(7px,.85vh,10px);font-weight:600;letter-spacing:.5px;color:#7f9a79;text-transform:uppercase}.dt-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(10px,1.3vh,14px);font-weight:800}.dt-num small{display:block;font-size:clamp(7px,.85vh,10px);font-weight:600;letter-spacing:.3px;color:#7f9a79}.dt-harus{color:#9bbf95}.dt-belum{color:#ff5b5b}.dt-telat{color:#ff8a3d}.dt-skor{text-align:right;line-height:1.1}.dt-skor-nilai{font-size:clamp(13px,1.9vh,21px);font-weight:900;font-variant-numeric:tabular-nums}.dt-skor small{display:block;font-size:clamp(6px,.8vh,9px);font-weight:700;letter-spacing:.8px}.dt-beres{font-size:clamp(9px,1.2vh,13px);color:#7f9a79;letter-spacing:1px}.dp-seg-belum{box-shadow:inset 0 0 0 2px #ff5b5b}.dp-legenda-kotak.dp-kotak-belum{border-color:#ff5b5b}.dp-kunci-belum{color:#ff8a8a}.dp-kunci-telat{color:#ffd24a}.dp-kunci-tepat{color:#9bbf95}.dt-kaki{margin:clamp(4px,.8vh,10px) 0 0;padding-top:clamp(4px,.7vh,8px);border-top:1px solid rgba(255,255,255,.08);line-height:1.4}.dt-kaki b{color:#ff8a8a}.dp-row-parah{border-left-color:#ff3b3b}.dp-row-parah .dt-bulan{color:#ff8a8a}.dp-api{margin-right:5px}.dp-bar{height:clamp(14px,2.2vh,26px);border-radius:7px;background:#0006;overflow:hidden;border:1px solid rgba(255,255,255,.08);display:flex}.dp-seg{height:100%;display:grid;place-items:center;overflow:hidden;min-width:max-content;padding:0 clamp(3px,.4vw,7px);font-size:clamp(9px,1.5vh,14px);font-weight:900;color:#06140c;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.25);transition:width 1.6s cubic-bezier(.22,1,.36,1)}.dp-seg-nol{min-width:0;padding:0}.dp-seg+.dp-seg{border-left:1px solid rgba(0,0,0,.35)}.dp-seg-aman{filter:saturate(.3) brightness(.62);background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.28) 0 4px,transparent 4px 8px)}.dp-seg-kosong{width:100%;background:#94a3b826;color:#6f8a6b;font-weight:700}.dp-tabel-head,.dp-tabel-row{display:grid;grid-template-columns:clamp(24px,2.2vw,40px) minmax(0,1fr) clamp(42px,4vw,64px) clamp(50px,4.5vw,74px) clamp(50px,4.5vw,74px);align-items:center;gap:clamp(4px,.6vw,10px)}.dp-tabel-head.dp-tabel-telat,.dp-tabel-row.dp-tabel-telat{grid-template-columns:clamp(24px,2.2vw,40px) minmax(0,1fr) clamp(40px,3.6vw,58px) clamp(62px,5.6vw,92px) clamp(54px,4.8vw,80px)}.dp-tabel-head{font-size:clamp(8px,1vh,11px);letter-spacing:1px;color:#6f8a6b;padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.dp-tabel-head span:not(:nth-child(2)){text-align:right}.dp-tabel-head span:first-child{text-align:center}.dp-tabel-row{flex:1 1 0;min-height:0}.dp-tabel-row .dp-rank-val{text-align:right}.dp-rank{flex:1;display:flex;flex-direction:column;gap:clamp(2px,.5vh,8px);min-height:0;overflow:hidden}.dp-rank-row{flex:1 1 0;min-height:0;display:grid;grid-template-columns:clamp(24px,2.2vw,40px) 1fr max-content;align-items:center;gap:clamp(6px,.8vw,12px)}.dp-rank-no{font-size:clamp(12px,1.8vh,18px);font-weight:900;text-align:center}.dp-rank-name{min-width:0;font-size:clamp(11px,1.5vh,16px);font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-rank-val{font-size:clamp(11px,1.5vh,16px);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.dp-rank-sub{font-size:clamp(8px,1vh,11px);color:#6f8a6b;letter-spacing:1px}.dp-note{font-size:clamp(8px,1vh,11px);color:#6f8a6b;letter-spacing:1px;margin:-8px 0 10px;font-weight:500}.dp-legenda{display:flex;flex-wrap:wrap;gap:clamp(6px,1vw,18px);margin-top:clamp(6px,1vh,12px);padding-top:clamp(6px,1vh,10px);border-top:1px solid rgba(255,255,255,.08)}.dp-legenda-item{display:inline-flex;align-items:center;gap:6px;font-size:clamp(8px,1vh,11px);letter-spacing:.6px;color:#a9c2a4;font-weight:600;white-space:nowrap}.dp-legenda-item b{color:#fff;font-variant-numeric:tabular-nums}.dp-legenda-kotak{width:clamp(8px,1.1vh,12px);height:clamp(8px,1.1vh,12px);border-radius:3px;flex-shrink:0}.dp-legenda-aman{opacity:.5}.dp-legenda-aman .dp-legenda-kotak{filter:saturate(.3) brightness(.62)}.dp-legenda-lunas{color:#5b6b58}.dp-legenda-lunas b{color:#7f9a79;font-weight:700}.dp-tabel-puncak{background:linear-gradient(90deg,rgba(239,68,68,.16),transparent 70%);border-radius:8px}.dp-tabel-puncak .dp-rank-name{color:#ffdede}.dp-periode-tag{margin-left:12px;padding:2px 10px;border-radius:999px;background:#ffd24a1f;border:1px solid rgba(255,210,74,.35);color:#ffd24a;letter-spacing:1px;white-space:nowrap}.dp-periode-wrap{position:relative}.dp-periode-panel{position:absolute;top:52px;right:0;z-index:9;width:max(240px,18vw);display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;background:#06100af5;border:1px solid rgba(163,230,53,.35);box-shadow:0 18px 40px #0009}.dp-periode-judul{font-size:11px;letter-spacing:2px;font-weight:800;color:#a3e635}.dp-periode-baris{display:flex;align-items:center;gap:6px}.dp-periode-baris span{font-size:11px;letter-spacing:1px;color:#7f9a79;min-width:30px}.dp-periode-panel select{flex:1;min-width:0;padding:7px 8px;border-radius:8px;background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:13px;cursor:pointer}.dp-periode-panel select option{background:#0b1a12;color:#fff}.dp-periode-nota{font-size:10px;line-height:1.5;color:#6f8a6b}.dp-periode-tutup{padding:7px 10px;border-radius:8px;cursor:pointer;background:#a3e6352e;border:1px solid rgba(163,230,53,.5);color:#d7e6cf;font-size:12px;font-weight:700;letter-spacing:1px}.dp-periode-tutup:hover{background:#a3e6354d}@media (max-width: 1500px){.dp-screen .dc-main{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}}@media (max-width: 1100px){.dp-screen .dc-main{grid-template-columns:1fr}.dg-row{--dg-kolom: clamp(84px, 20vw, 130px) minmax(0, 1fr) 0 clamp(66px, 16vw, 100px) clamp(38px, 9vw, 54px) clamp(46px, 11vw, 66px)}.dg-row>:nth-child(3){display:none}}@media (max-height: 860px){.dp-screen .dc-stat-icon{display:none}.dp-screen .dp-hint{font-size:10px}.dp-screen .dc-stat{padding:8px 12px}.dp-ekg{height:14px}}@media (max-height: 740px){.dp-screen .dp-hint{display:none}}.master-target-page{display:flex;flex-direction:column;gap:18px}.target-editor-card,.target-list-card{min-width:0}.target-card-header,.target-list-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.target-card-header h3,.target-list-toolbar h3{margin:0;color:#fff;font-size:18px}.target-card-header p,.target-list-toolbar p{margin:5px 0 0;color:var(--text-secondary);font-size:12px}.overall-score{display:grid;place-items:center;min-width:82px;min-height:70px;border:1px solid rgba(59,130,246,.3);border-radius:10px;background:#3b82f61a}.overall-score span{color:var(--text-secondary);font-size:10px;text-transform:uppercase}.overall-score strong{color:var(--accent-cyan);font-size:26px}.target-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.wide,.score-grid,.selected-sales-note,.form-actions{grid-column:1 / -1}.form-field span{color:var(--text-secondary);font-size:12px}.form-field input,.form-field select,.target-filter input,.target-filter select{width:100%;min-height:40px;padding:9px 11px;border:1px solid rgba(255,255,255,.18);border-radius:8px;outline:0;background:#00000038;color:#fff;font-family:inherit}.form-field option,.target-filter option{background:#101827;color:#fff}.score-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.selected-sales-note{padding:12px;border:1px solid var(--border-subtle);border-radius:8px;background:#0b132b6b;color:var(--text-secondary);font-size:13px}.form-actions,.target-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-actions button,.target-filter button,.edit-button{min-height:38px;padding:9px 14px;border:0;border-radius:8px;background:var(--accent-cyan);color:#fff;cursor:pointer;font-weight:700}.form-actions button:disabled{cursor:not-allowed;opacity:.65}.form-actions .secondary{background:#94a3b82e;color:#e2e8f0}.target-alert{margin-bottom:14px;padding:12px 14px;border-radius:8px;font-size:13px}.target-alert.error{border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:#fca5a5}.target-alert.success{border:1px solid rgba(16,185,129,.35);background:#10b9811a;color:#6ee7b7}.target-filter input{width:100px}.target-filter input.target-search{width:220px}.target-filter select{width:140px}.target-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;flex-wrap:wrap}.target-pagination span{color:var(--text-secondary);font-size:13px}.target-pagination button{min-height:36px;padding:8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#22d3ee1a;color:#fff;cursor:pointer;font-family:inherit;font-size:13px}.target-pagination button:disabled{opacity:.4;cursor:not-allowed}.target-table-wrap{width:100%;overflow-x:auto}.target-table{width:100%;min-width:980px;border-collapse:collapse;color:#fff}.target-table th,.target-table td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:middle}.target-table th{color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase}.target-table td{font-size:13px}.target-table td strong,.target-table td span{display:block}.target-table td span{margin-top:3px;color:var(--text-secondary);font-size:11px}.currency-cell{color:var(--accent-green);font-weight:700}.score-chip{display:inline-grid!important;place-items:center;min-width:34px;min-height:28px;border-radius:8px;background:#3b82f624;color:var(--accent-cyan)!important;font-weight:800}.edit-button{min-height:32px;padding:7px 11px;background:#f59e0be6}.target-empty{padding:28px;color:var(--text-secondary);text-align:center}@media (max-width: 1100px){.score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.target-card-header,.target-list-toolbar{flex-direction:column}.target-form,.score-grid{grid-template-columns:1fr}.target-filter,.target-filter input,.target-filter select,.target-filter button{width:100%}}.asisten-wadah{display:flex;flex-direction:column;height:calc(100vh - 150px);min-height:480px;gap:14px}.asisten-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;flex-shrink:0}.asisten-judul{display:flex;align-items:center;gap:14px}.asisten-lencana{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;font-size:20px;box-shadow:0 6px 20px #3b82f659;flex-shrink:0}.asisten-judul h2{font-size:20px;color:var(--text-primary)}.asisten-judul p{font-size:12.5px;color:var(--text-secondary);margin-top:3px;max-width:640px}.asisten-model{color:var(--accent-cyan);font-weight:600}.asisten-tombol-baru{background:var(--bg-card);border:1px solid var(--border-mid);color:var(--text-secondary);padding:9px 15px;border-radius:10px;font-size:12.5px;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .18s ease}.asisten-tombol-baru:hover:not(:disabled){color:#fff;border-color:var(--accent-cyan)}.asisten-tombol-baru:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.asisten-wadah{height:calc(100vh - 190px)}}.won-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#0f173cb8,#020617f0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:won-fade .35s ease-out;overflow:hidden}@keyframes won-fade{0%{opacity:0}to{opacity:1}}.won-rays{position:absolute;width:180vmax;height:180vmax;background:repeating-conic-gradient(from 0deg,rgba(255,210,74,.13) 0deg 5deg,transparent 5deg 18deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 12%,transparent 62%);mask-image:radial-gradient(circle at 50% 50%,#000 12%,transparent 62%);animation:won-spin 18s linear infinite;opacity:.75}@keyframes won-spin{to{transform:rotate(360deg)}}.won-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.won-keping{position:absolute;top:-8vh;animation-name:won-jatuh;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes won-jatuh{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(112vh) rotate(540deg);opacity:.9}}.won-card{position:relative;z-index:1;min-width:min(60vw,720px);max-width:90vw;padding:clamp(20px,3vh,40px) clamp(28px,4vw,64px);text-align:center;border-radius:24px;border:2px solid rgba(255,210,74,.75);background:linear-gradient(160deg,#1e1b4bf5,#070b22f5);box-shadow:0 0 60px #ffbe2873,0 0 140px #a855f759,inset 0 0 40px #ffd24a1f;animation:won-masuk .55s cubic-bezier(.18,1.2,.4,1)}@keyframes won-masuk{0%{transform:scale(.55) rotate(-4deg);opacity:0}70%{transform:scale(1.06) rotate(1.5deg);opacity:1}to{transform:scale(1) rotate(0)}}.won-badge{font-size:clamp(48px,8vh,96px);line-height:1;filter:drop-shadow(0 0 26px rgba(255,200,60,.9));animation:won-piala 1.1s ease-in-out infinite alternate}@keyframes won-piala{0%{transform:translateY(0) rotate(-7deg)}to{transform:translateY(-10px) rotate(7deg)}}.won-title{margin-top:6px;font-size:clamp(30px,5.6vh,66px);font-weight:900;letter-spacing:clamp(4px,.8vw,12px);background:linear-gradient(90deg,#ffd24a,#fff6c9,#ffae00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(255,190,40,.35);animation:won-getar .5s ease-in-out 3}@keyframes won-getar{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.won-sales{margin-top:clamp(8px,1.4vh,16px);font-size:clamp(24px,4.4vh,52px);font-weight:800;color:#fff;text-shadow:0 0 22px rgba(56,225,255,.6)}.won-perusahaan{margin-top:4px;font-size:clamp(15px,2.4vh,28px);font-weight:700;color:#38e1ff;letter-spacing:1px}.won-judul{margin-top:6px;font-size:clamp(12px,1.8vh,20px);color:#a8b7e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.won-poin{margin-top:clamp(10px,1.8vh,20px);font-size:clamp(30px,6vh,74px);font-weight:900;color:#22c55e;text-shadow:0 0 28px rgba(34,197,94,.75)}.won-poin small{font-size:.38em;letter-spacing:4px;color:#86efac}.won-foot{margin-top:clamp(10px,1.6vh,18px);font-size:clamp(11px,1.5vh,16px);letter-spacing:3px;color:#ffd24a}.won-bisu{margin-top:clamp(8px,1.4vh,16px);padding:clamp(5px,.8vh,10px) clamp(10px,1.4vw,20px);border:2px solid #ffb347;border-radius:999px;font-size:clamp(11px,1.7vh,18px);letter-spacing:2px;color:#ffb347;background:#ffb3471f;animation:wonBisuDenyut 1.1s ease-in-out infinite}@keyframes wonBisuDenyut{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion: reduce){.won-rays,.won-keping,.won-badge,.won-title,.won-card{animation:none}.won-keping{display:none}}.gi-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;color:#f0ead8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(120% 80% at 50% -12%,rgba(245,224,168,.2),transparent 46%),radial-gradient(100% 70% at 50% 0%,rgba(116,194,168,.1),transparent 55%),linear-gradient(180deg,#232745,#1a1c2e 45%,#14141f);display:flex;flex-direction:column;padding:clamp(12px,2vw,26px);gap:clamp(10px,1.4vw,18px)}.gi-screen *{box-sizing:border-box}.gi-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.gi-sun{position:absolute;top:-34%;left:50%;transform:translate(-50%);width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle,rgba(245,224,168,.18),transparent 60%);filter:blur(24px);animation:giSun 14s ease-in-out infinite alternate}@keyframes giSun{0%{opacity:.55}to{opacity:1}}.gi-cloud{position:absolute;height:150px;width:60%;border-radius:50%;background:radial-gradient(closest-side,rgba(236,229,216,.06),transparent);filter:blur(16px)}.gi-cloud.c1{top:14%;left:-12%;animation:giDrift 46s linear infinite}.gi-cloud.c2{top:38%;right:-16%;animation:giDrift 60s linear infinite reverse}@keyframes giDrift{0%{transform:translate(0)}to{transform:translate(28%)}}.gi-spark{position:absolute;bottom:-3%;width:6px;height:6px;border-radius:50%;background:#f5e0a8;box-shadow:0 0 10px 2px #f5e0a8b3;opacity:0;animation:giRise linear infinite}@keyframes giRise{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:.85}to{transform:translateY(-106vh) scale(.4);opacity:0}}.gi-mountains{position:absolute;left:0;right:0;bottom:0;height:24%}.gi-mountains:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f19;clip-path:polygon(0 100%,0 64%,12% 40%,24% 64%,38% 32%,52% 60%,66% 28%,80% 58%,92% 42%,100% 66%,100% 100%);opacity:.5}.gi-rotatebar{position:absolute;top:0;left:0;height:4px;z-index:6;background:linear-gradient(90deg,#f5e0a8,#d3bc8e,#74c2a8);box-shadow:0 0 12px #d3bc8ecc;animation:giRotate 30s linear forwards}@keyframes giRotate{0%{width:100%}to{width:0}}.gi-hud{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px}.gi-title{font-family:Cinzel,Georgia,serif;font-size:clamp(26px,3.4vw,52px);font-weight:900;letter-spacing:3px;line-height:1;background:linear-gradient(100deg,#b08d57,#fbeec2 44%,#fff,#fbeec2 56%,#d3bc8e);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 18px rgba(211,188,142,.35);animation:giSheen 5s linear infinite}@keyframes giSheen{0%{background-position:200% 0}to{background-position:-60% 0}}.gi-sub{font-size:clamp(11px,1.2vw,15px);color:#cdb98f;letter-spacing:3px;font-weight:600;margin-top:6px;text-transform:uppercase}.gi-hud-right{display:flex;align-items:center;gap:10px}.gi-clock{font-family:Cinzel,serif;font-size:clamp(14px,1.5vw,22px);font-weight:700;color:#f5e0a8;font-variant-numeric:tabular-nums}.gi-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(211,188,142,.45);background:#1c1e2eb3;color:#ece5d8;font-size:15px;cursor:pointer;display:grid;place-items:center}.gi-btn:hover{background:#d3bc8e2e}.gi-btn-on{border-color:#74c2a8;color:#9fe3c8}.gi-btn-exit:hover{border-color:#ef7938;color:#ffb38c}.gi-error{position:relative;z-index:2;background:#ef793826;border:1px solid rgba(239,121,56,.4);color:#ffb38c;padding:8px 14px;border-radius:10px}.gi-card{position:relative;border-radius:16px;background:linear-gradient(180deg,#282b42d1,#1a1c2cd1);border:1px solid rgba(211,188,142,.35);box-shadow:0 10px 40px #0006,inset 0 0 0 1px #ffffff08}.gi-card:before,.gi-card:after{content:"";position:absolute;width:8px;height:8px;border:1px solid #d3bc8e;transform:rotate(45deg);top:7px}.gi-card:before{left:7px}.gi-card:after{right:7px}.gi-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.3vw,18px)}.gi-stat{padding:clamp(12px,1.4vw,18px) clamp(14px,1.5vw,22px)}.gi-stat-top{display:flex;align-items:center;gap:12px}.gi-stat-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:clamp(18px,2vw,26px);flex-shrink:0;background:radial-gradient(circle,#f5e0a82e,#00000040);border:1px solid rgba(211,188,142,.4)}.gi-stat-label{font-size:clamp(10px,1vw,12px);letter-spacing:1.5px;color:#cdb98f;font-weight:700;text-transform:uppercase}.gi-stat-value{font-family:Cinzel,serif;font-size:clamp(22px,2.8vw,38px);font-weight:900;color:#fff;line-height:1.1}.gi-stat-foot{font-size:clamp(10px,1vw,12px);color:#8e8a78;margin-top:4px}.gi-main{position:relative;z-index:2;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(12px,1.5vw,20px)}.gi-panel{padding:clamp(14px,1.6vw,22px);display:flex;flex-direction:column;min-height:0}.gi-ptitle{font-family:Cinzel,serif;font-size:clamp(13px,1.5vw,19px);font-weight:700;color:#f5e0a8;letter-spacing:1.5px;margin-bottom:12px;display:flex;align-items:center;gap:10px}.gi-ptitle:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(211,188,142,.5),transparent)}.gi-coms{display:flex;flex-direction:column;gap:11px}.gi-com-head{display:flex;justify-content:space-between;font-size:clamp(12px,1.2vw,16px);color:#e7dcc2;font-weight:600;margin-bottom:5px}.gi-com-head b{color:#f5e0a8}.gi-com-track{height:12px;border-radius:999px;background:#0006;border:1px solid rgba(211,188,142,.25);overflow:hidden}.gi-com-fill{height:100%;border-radius:999px;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.gi-log{display:flex;flex-direction:column;gap:7px;overflow:auto}.gi-log-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(211,188,142,.14)}.gi-log-em{font-size:clamp(14px,1.4vw,18px)}.gi-log-text{font-size:clamp(11px,1.1vw,15px);color:#d8cdb4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gi-log-text b{color:#fff}.gi-log-xp{font-weight:800;color:#9fe3c8;white-space:nowrap}.gi-roster{display:flex;flex-direction:column;gap:9px;overflow:auto;min-height:0}.gi-char{position:relative;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:9px 12px 9px 14px;border-radius:14px;background:linear-gradient(90deg,#ffffff0d,#ffffff05);border:1px solid rgba(211,188,142,.18);overflow:hidden}.gi-char.leader{border-color:#f5e0a899;background:linear-gradient(90deg,#f5e0a824,#ffffff05);box-shadow:0 0 22px #f5e0a826}.gi-char.idle{opacity:.55}.gi-char-elem{position:absolute;left:0;top:0;bottom:0;width:4px}.gi-ava{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:24px;position:relative;border:2px solid}.gi-ava-rank{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:#1a1c2e;border:1px solid #d3bc8e;display:grid;place-items:center;font-size:10px;font-weight:900;color:#f5e0a8}.gi-char-body{min-width:0}.gi-char-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.gi-char-name{font-size:clamp(13px,1.4vw,18px);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gi-char-name small{color:#b6a888;font-weight:600;font-size:.68em;margin-left:6px}.gi-char-xp{font-family:Cinzel,serif;font-size:clamp(12px,1.3vw,17px);font-weight:700;color:#f5e0a8;white-space:nowrap}.gi-char-xp small{color:#8e8a78;font-weight:600}.gi-stars{font-size:11px;letter-spacing:1px;margin-top:1px}.gi-char-track{margin-top:6px;height:8px;border-radius:999px;background:#0006;overflow:hidden;border:1px solid rgba(211,188,142,.18)}.gi-char-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d3bc8e,#f5e0a8);transition:width 1.1s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 10px #f5e0a880}.gi-empty{color:#8e8a78;text-align:center;padding:30px}.gi-foot{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:clamp(10px,1.1vw,14px);color:#8e8a78;padding-top:2px}.gi-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #ffffffd9;animation:giTwinkle ease-in-out infinite}@keyframes giTwinkle{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:.95;transform:scale(1.4)}}.gi-drift{position:absolute;font-size:clamp(20px,2.4vw,36px);opacity:.85;animation:giCross linear infinite;will-change:transform;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes giCross{0%{transform:translate(-14vw) translateY(0)}50%{transform:translate(55vw) translateY(-3.5vh)}to{transform:translate(120vw) translateY(0)}}.gi-drift.rev{animation-direction:reverse}.gi-petal{position:absolute;top:-6%;font-size:clamp(14px,1.6vw,22px);animation:giFall linear infinite}@keyframes giFall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.9}to{transform:translateY(112vh) rotate(380deg);opacity:.15}}.gi-wisp{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle,#cdeeff,#4cc2f1);box-shadow:0 0 16px 4px #4cc2f1b3;opacity:.75;animation:giWisp ease-in-out infinite}@keyframes giWisp{0%{transform:translate(0)}25%{transform:translate(22px,-28px)}50%{transform:translate(-16px,-50px)}75%{transform:translate(18px,-24px)}to{transform:translate(0)}}.gi-sigil{position:absolute;font-size:34vw;line-height:1;opacity:.035;top:52%;left:50%;transform:translate(-50%,-50%);animation:giSpin 80s linear infinite;color:#f5e0a8}@keyframes giSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.gi-hero{position:absolute;left:clamp(0px,1.5vw,36px);bottom:clamp(16px,3vh,52px);z-index:3;pointer-events:none;width:clamp(190px,23vw,330px);animation:giHeroFloat 4s ease-in-out infinite}.gi-hero-svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5))}@keyframes giHeroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.gi-hero-aura{transform-origin:center;transform-box:fill-box;animation:giAura 3s ease-in-out infinite}@keyframes giAura{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:.7;transform:scale(1.07)}}.gi-hero-cape{transform-origin:132px 118px;transform-box:view-box;animation:giCape 3.2s ease-in-out infinite}@keyframes giCape{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4.5deg)}}.gi-hero-sword{transform-origin:center;transform-box:fill-box;animation:giSwordGlow 2.2s ease-in-out infinite}@keyframes giSwordGlow{0%,to{opacity:.9}50%{opacity:1;filter:drop-shadow(0 0 10px #ffe9a8)}}.gi-hero-tw{animation:giTwinkle ease-in-out infinite;transform-box:fill-box;transform-origin:center}.gi-hero-say{position:absolute;left:64%;top:-6px;background:#1a1c2ceb;border:1px solid rgba(211,188,142,.6);color:#f5e0a8;font-size:clamp(10px,1vw,14px);font-weight:800;padding:6px 12px;border-radius:14px 14px 14px 2px;white-space:nowrap;box-shadow:0 8px 22px #00000073;animation:giSayPop 4s ease-in-out infinite}@keyframes giSayPop{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}.gi-char.leader .gi-ava{animation:giFloatAva 2.6s ease-in-out infinite}@keyframes giFloatAva{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gi-char.leader:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);animation:giCardShine 3.6s ease-in-out infinite;pointer-events:none}@keyframes giCardShine{0%{left:-60%}60%,to{left:120%}}@media (max-width: 1100px){.gi-stats{grid-template-columns:repeat(2,1fr)}.gi-main{grid-template-columns:1fr}}.app-container{width:100%;min-height:100vh}:root{--bg-deep: #0B132B;--bg-card: #1C2541;--bg-card-2: #16213E;--bg-sidebar: #0A0F22;--accent-blue: #2563EB;--accent-cyan: #3B82F6;--accent-green: #10B981;--accent-amber: #F59E0B;--accent-red: #EF4444;--accent-purple: #8B5CF6;--accent-yellow: #FACC15;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--border-subtle: rgba(148, 163, 184, .12);--border-mid: rgba(148, 163, 184, .2);--gold-1: #FBBF24;--gold-2: #F59E0B;--gold-3: #B45309}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:radial-gradient(ellipse at top left,#0f1b3d,#0b132b,#050818);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.app-container{display:flex;min-height:100vh}.main-content{flex:1;min-height:100vh;min-width:0;display:flex;flex-direction:column}.content-body{padding:28px;flex:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:fadeIn .25s ease}