@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--ink: #15211c;--ink2: #3e5148;--mut: #6d7f75;--line: #e2e9e4;--line2: #edf1ee;--bg: #f3f6f4;--brand: #0e9f6e;--brand-d: #0b7a55;--brand-bright: #22b573;--tint: #e9f7f0;--pine: #0a2e22;--gold: #c7a228;--shadow-sm: 0 1px 2px rgba(16, 40, 30, .05);--shadow-md: 0 12px 32px rgba(16, 40, 30, .07);--shadow-glow: 0 10px 24px rgba(14, 159, 110, .28)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,Segoe UI,Noto Sans,sans-serif;color:var(--ink);background:radial-gradient(1100px 420px at 50% -120px,#dff3e8,#dff3e800 60%),var(--bg);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}::selection{background:#bde8d2}a{color:var(--brand-d);text-decoration:none}.wrap{display:flex;min-height:100vh}.side{width:248px;background:linear-gradient(180deg,#0d3d2b 0%,var(--pine) 100%);color:#dcebe4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;padding:20px 18px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.logo{width:38px;height:38px;background:linear-gradient(135deg,#2ed48a,#0e9f6e);border-radius:12px;color:#fff;font-weight:800;font-size:16px;text-align:center;line-height:38px;margin-right:11px;box-shadow:0 6px 16px #22b57366,inset 0 1px #ffffff4d}.brand b{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff;display:block}.brand span{font-size:9.5px;font-weight:700;color:#8fb8a4;letter-spacing:.18em}.menu{padding:14px 12px;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}.menu a{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:3px;color:#b9cfc4;transition:background .15s,color .15s,box-shadow .15s}.menu a:hover{background:#ffffff12;color:#eef7f2}.menu a svg{opacity:.7;flex-shrink:0}.menu a.on{background:linear-gradient(135deg,#14b87a,#0b7a55);color:#fff;font-weight:600;box-shadow:var(--shadow-glow)}.menu a.on svg{opacity:1}.menu .bdg{background:var(--gold);color:#3a2a00;font-size:10.5px;font-weight:700;border-radius:999px;padding:1px 7px;margin-left:auto}.side .spacer{flex:0 0 0}.device{flex-shrink:0;min-width:0;max-width:calc(100% - 20px);margin:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px}.device .lbl{font-size:9.5px;font-weight:700;letter-spacing:.14em;color:#8fb8a4}.device .num{font-size:13.5px;color:#fff;font-weight:700;margin:4px 0 8px;word-break:break-all;letter-spacing:.01em}.device .pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px;min-width:0}.device .pill{font-size:9.5px;padding:3px 7px;white-space:nowrap;text-align:center}.side>form{flex-shrink:0;min-width:0;max-width:100%}.logout{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;margin:0 10px 16px;background:#ffffff0d;color:#b9cfc4;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 8px;font-size:12.5px;font-weight:500;cursor:pointer;width:calc(100% - 20px);transition:background .15s,color .15s}.logout:hover{background:#ffffff1a;color:#fff}.pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.02em;border-radius:999px;padding:4px 10px}.pill.on{background:var(--tint);color:var(--brand-d);box-shadow:inset 0 0 0 1px #c8e8d6}.pill.off{background:#eef1ef;color:#71827a}.pill.warn{background:#fdf3d8;color:#8a6410}.pill.red{background:#fdeceb;color:#a33327}.pill.blue{background:#e8f1fb;color:#27639e}.main{flex:1;display:flex;flex-direction:column;min-width:0}.head{background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:18px 24px;display:flex;align-items:center;position:sticky;top:0;z-index:30}.head h1{font-size:22px;font-weight:800;letter-spacing:-.02em}.head p{font-size:13px;color:var(--mut);margin-top:3px}.head .right{margin-left:auto;display:flex;align-items:center;gap:10px}.content{padding:24px;width:100%;max-width:1160px;margin:0 auto}.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:18px}.stat{flex:1 1 200px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:var(--shadow-sm)}.stat .v{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}.stat .v em{font-style:normal;color:var(--brand-d);font-size:13px;font-weight:600}.stat .k{font-size:10.5px;font-weight:700;color:var(--mut);letter-spacing:.09em;text-transform:uppercase;margin-top:4px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:18px;box-shadow:var(--shadow-sm),var(--shadow-md)}.card h3{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);margin-bottom:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:18px}.card-grid .card{margin-bottom:0;height:100%}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.btn{display:inline-block;white-space:nowrap;border:none;border-radius:12px;font-size:13.5px;font-weight:600;letter-spacing:.01em;padding:11px 20px;cursor:pointer;text-align:center;transition:filter .15s,background .15s,border-color .15s,transform .1s,box-shadow .15s}.btn:active{transform:translateY(1px)}.btn.green{background:linear-gradient(135deg,#16c07f,#0b7a55);color:#fff;box-shadow:inset 0 1px #ffffff38,var(--shadow-glow)}.btn.green:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn.red{background:#d05248;color:#fff;box-shadow:0 8px 18px #d0524840}.btn.dark{background:#12241d;color:#fff}.btn.ghost{background:#fff;border:1px solid #dde6df;color:var(--ink)}.btn.ghost:hover{border-color:#c2d6c8;background:#f6faf7}.btn.small{padding:8px 13px;font-size:12.5px;border-radius:10px}input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],select,textarea{width:100%;border:1px solid #dbe5de;border-radius:12px;padding:11px 13px;font-size:14px;font-family:inherit;background:#fcfefd;color:var(--ink);transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#a7b5ac}input:focus,select:focus,textarea:focus{outline:none;border-color:#34c893;box-shadow:0 0 0 4px #0e9f6e24;background:#fff}input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=datetime-local],select{height:46px}.btn-field{height:46px;width:100%;display:flex;align-items:center;justify-content:center}textarea{line-height:1.6}label.f{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:14px 0 7px}label.f:first-child{margin-top:0}.hint{font-size:12.5px;color:var(--mut);margin-top:6px;line-height:1.6}code{overflow-wrap:anywhere}img{max-width:100%;height:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:start}.ok{background:#eafaf1;border:1px solid #cdeeda;color:#0b6b47;border-radius:14px;padding:11px 15px;font-size:13.5px;margin-bottom:14px}.err{background:#fdf0ef;border:1px solid #f5d2cf;color:#93302a;border-radius:14px;padding:11px 15px;font-size:13.5px;margin-bottom:14px}details.hint-more{margin-top:8px}details.hint-more summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--brand-d);list-style:none}details.hint-more summary::-webkit-details-marker{display:none}details.hint-more summary:before{content:"+ "}details.hint-more[open] summary:before{content:"− "}details.hint-more .hint{margin-top:6px}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}table.tbl th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);padding:9px 10px;border-bottom:1px solid var(--line)}table.tbl td{padding:12px 10px;border-bottom:1px solid var(--line2);vertical-align:top}td.r,th.r{text-align:right}.lastmsg{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.cols3{display:flex;gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:560px;box-shadow:var(--shadow-sm),var(--shadow-md)}.list{width:300px;border-right:1px solid var(--line);padding:12px;overflow-y:auto;max-height:78vh}.list h3{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:2px 4px 9px}.conv{display:block;border-radius:14px;padding:11px 12px;margin-bottom:4px;border:1px solid transparent;color:var(--ink);transition:background .15s}.conv:hover{background:#f6f9f7}.conv.on{background:var(--tint);border-color:#cfe9da}.conv .nm{font-size:13.5px;font-weight:600;display:flex}.conv .tm{margin-left:auto;font-size:10.5px;color:#9db0a5;font-weight:400}.conv .sn{font-size:12px;color:#5d6f66;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv .tag{margin-top:5px}.chat{flex:1;display:flex;flex-direction:column;background:#f3f0e9;min-width:0}.chathead{background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e7e2d8;padding:12px 18px}.chathead b{font-size:15px;font-weight:700}.chathead span{display:block;font-size:11.5px;color:var(--mut);margin-top:1px}.msgs{flex:1;padding:16px 22px 8px;overflow-y:auto;max-height:62vh}.row{display:flex;margin-bottom:8px}.row.me{justify-content:flex-end}.bub{max-width:78%;border-radius:18px;padding:10px 13px 8px;font-size:13.5px;line-height:1.6;box-shadow:0 1px 2px #1e1b1214;white-space:pre-wrap;word-break:break-word}.bub.in{background:#fff;border-top-left-radius:6px}.bub.out{background:#d8f3c8;border-top-right-radius:6px}.bub.hum{background:#ffefc4}.bub .meta{text-align:right;font-size:10px;color:#7d8a83;margin-top:3px}.bub .src{display:inline-block;background:var(--pine);color:#eafff4;font-size:9.5px;font-weight:600;border-radius:6px;padding:1.5px 6px;margin-right:5px}.bub .src.h{background:#a86e14}.syspill{text-align:center;margin:9px 0}.syspill span{background:#fdf3c6;border:1px solid #ecd97e;color:#6b5d10;font-size:11px;font-weight:600;border-radius:8px;padding:4px 12px;display:inline-block}.inputbar{background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e7e2d8;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.inputbar form{display:flex;gap:8px;width:100%;align-items:stretch}.inputbar textarea{flex:1;min-width:0;width:auto;font-size:16px;padding:12px 16px;border-radius:999px;resize:none}.inputbar .btn{padding:12px 22px;font-size:14px;white-space:nowrap;border-radius:999px}.inputbar form.act .btn{width:100%}.ctx{width:312px;border-left:1px solid var(--line);padding:16px;overflow-y:auto;max-height:78vh;background:#fff}.ctx h3{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:12px 0 8px}.ctx h3:first-child{margin-top:0}.ctx .box{border:1px solid var(--line);border-radius:14px;padding:12px 13px;margin-bottom:6px}.ctx .nm{font-size:15px;font-weight:700}.ctx .sub{font-size:11.5px;color:var(--mut);margin-top:1px}.kv{display:flex;font-size:12.5px;margin-top:6px}.kv .k{color:var(--mut);width:96px;flex-shrink:0}.kv .v{font-weight:600}.scorebar{height:8px;background:#e7eee9;border-radius:5px;margin:9px 0 4px}.scorebar i{display:block;height:8px;background:#e8873a;border-radius:5px}.chip{display:inline-block;background:var(--tint);border:1px solid #cfe9da;color:var(--brand-d);font-size:11px;font-weight:600;border-radius:999px;padding:4px 11px;margin:0 4px 5px 0}.note{font-size:12.5px;color:var(--mut);margin-top:6px;line-height:1.6}.log{font-size:11.5px;color:var(--ink2);line-height:1.55}.loginwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1100px 560px at 50% -10%,#135741,#0a3527 58%)}.logincard{background:#fff;border-radius:24px;padding:32px 30px;width:360px;max-width:92vw;box-shadow:0 24px 60px #00000059}.logincard .logo{margin:0 auto 10px}.logincard h1{font-size:20px;font-weight:800;letter-spacing:-.01em;text-align:center}.logincard p{font-size:12.5px;color:var(--mut);text-align:center;margin:4px 0 14px}.mtop,.tabbar{display:none}.menurow{display:flex;align-items:center;gap:12px;padding:14px 10px;border-bottom:1px solid var(--line2);color:var(--ink)}.menurow:last-child{border-bottom:none}.menurow .micon{width:42px;height:42px;border-radius:13px;background:var(--tint);color:var(--brand-d);display:flex;align-items:center;justify-content:center;flex-shrink:0}.menurow .mtx{flex:1;min-width:0}.menurow .mtx b{display:block;font-size:14px;font-weight:600}.menurow .mtx span{display:block;font-size:11.5px;color:var(--mut);margin-top:1px}.menurow .mchev{color:#c3d0c8;display:flex}@media(max-width:900px){.side{display:none}.mtop{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:40;background:linear-gradient(135deg,#0a3527,#0d4a34);color:#fff;padding:11px 14px;box-shadow:0 2px 12px #0a352759}.mtop .logo{width:32px;height:32px;line-height:32px;font-size:14px;margin-right:0;border-radius:9px}.mtop .mtitle{flex:1;min-width:0}.mtop .mtitle b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.15;color:#fff}.mtop .mtitle span{display:block;font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#9fc6b4;margin-top:1px}.mtop .pill{white-space:nowrap}.mtop .pill.on{background:#22b573;color:#fff}.mtop .pill.off{background:#ffffff40;color:#fff}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fffffff0;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0 3px;color:#93a29a;font-size:10.5px;font-weight:600;border-radius:10px;position:relative}.tabbar a.on{color:var(--brand-d)}.tabbar .tic{position:relative;display:flex;padding:3px 16px;border-radius:999px;transition:background .15s}.tabbar a.on .tic{background:var(--tint)}.tabbar .tbdg{position:absolute;top:-5px;right:4px;background:#d05248;color:#fff;font-size:9.5px;font-weight:700;min-width:17px;height:17px;line-height:17px;border-radius:999px;text-align:center;padding:0 4px}.main{padding-bottom:86px}.head{padding:13px 14px 11px 24px!important;flex-wrap:wrap;gap:8px;position:static}.head .pill{white-space:nowrap;font-size:10px;padding:3px 8px}.head h1{font-size:17px}.head p{font-size:11.5px}.head .right{margin-left:0}.content{padding:14px;max-width:none}.stats{gap:10px}.stat{flex:1 1 calc(50% - 5px);padding:14px 16px;border-radius:16px}.stat .v{font-size:21px}.card{padding:16px;border-radius:18px;margin-bottom:12px}.card-grid,.grid3{grid-template-columns:1fr}table.tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.cols3{flex-direction:column;min-height:0}.chat{order:1}.list{order:2}.ctx{order:3}.list,.ctx{width:100%;max-height:none;border:none;border-top:1px solid var(--line)}.msgs{max-height:52vh;padding:12px 12px 6px}.bub{max-width:88%;font-size:12.8px}.inputbar{padding:10px 12px}.grid2{grid-template-columns:1fr}.btn{padding:10px 15px}}.proofimg{max-width:230px;width:100%;border-radius:12px;display:block;margin-bottom:6px}.vfy{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}.vfy.v-terverifikasi{background:#dcfce7;color:#166534}.vfy.v-nominal_tidak_cocok,.vfy.v-rekening_tidak_cocok{background:#fee2e2;color:#991b1b}.vfy.v-perlu_cek_manual,.vfy.v-belum_terverifikasi{background:#fef3c7;color:#92400e}.vfy.v-bukan_bukti_transfer{background:#e5e7eb;color:#374151}.vfyrow{margin-bottom:8px}.vfyrow .vfy{margin-top:0}.log{display:flex;flex-direction:column}.logrow{display:flex;gap:9px;padding:10px 2px;border-bottom:1px solid #eef3f0;align-items:flex-start}.logrow:last-child{border-bottom:none}.logtime{font-weight:600;font-size:12.5px;color:#33503f;min-width:40px;padding-top:1px;font-variant-numeric:tabular-nums}.logdot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none;background:#b9c6bf}.logdot.green{background:#22b573}.logdot.amber{background:#e8a13a}.logdot.red{background:#d9534f}.logbody{min-width:0}.loglabel{font-size:13.5px;font-weight:600;color:#1d2b23}.logconv{font-size:11px;font-weight:600;color:#0e6b4f;background:#e7f4ec;border-radius:999px;padding:1px 8px;text-decoration:none;white-space:nowrap}.logdetail{font-size:12.5px;color:#5d6f66;margin-top:1px;overflow-wrap:anywhere}.prodgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.prodcard{border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:7px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.prodcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.prodtop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.prodname{font-size:15px;font-weight:700;line-height:1.3}.prodprice{font-size:15px;font-weight:800;color:#0e6b4f;white-space:nowrap}.proddesc{font-size:12.5px;color:#5d6f66;margin:0}.prodlink{font-size:12px;color:var(--mut)}.prodlink .ok{color:#0e6b4f}.prodlink .belum{color:#c0392b}.prodacts{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.prodacts form{display:inline}.tutbtn.svelte-12qhfyh{position:fixed;right:16px;bottom:88px;z-index:70;background:#0d7a4f;color:#fff;border:none;border-radius:999px;padding:11px 18px;font-weight:700;font-size:14px;font-family:inherit;box-shadow:0 6px 18px #00000059;cursor:pointer}@media(min-width:900px){.tutbtn.svelte-12qhfyh{bottom:24px}}@media(max-width:899px){.tutbtn.svelte-12qhfyh{padding:8px 12px;font-size:12px}}.tutback.svelte-12qhfyh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#03140eb8;display:flex;align-items:center;justify-content:center;padding:16px}.tutbox.svelte-12qhfyh{width:100%;max-width:880px;background:#0a3527;border:1px solid #c7a228;border-radius:14px;padding:14px}.tuthead.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:10px;font-size:15px}.tutx.svelte-12qhfyh{background:transparent;border:1px solid #c7a228;color:#fff;border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:15px}