:root {
      --lime:#c6f76a;--lime-dark:#a9e74e;--lime-tint:rgba(198,247,106,.11);
      --bg:#111315;--side:#181b1d;--top:rgba(17,19,21,.82);--panel:#1b1e20;--panel-hi:#222628;--panel-deep:#151719;
      --border:#303436;--border-strong:#454a4b;--text:#f2f4f1;--soft:#c1c6c3;--muted:#929994;
      --warm:#ebbd83;--red:#ff8e91;--blue:#8bbbf5;--ink-on-lime:#1b2310;
      --hero:#242a27;--shadow:0 25px 70px rgba(0,0,0,.13);--nav-hover:rgba(255,255,255,.055);
      --ease:cubic-bezier(.2,.78,.22,1);--radius:20px;
      color-scheme:dark;
    }
    html[data-theme="light"] {
      --lime:#b7ed48;--lime-dark:#89b82b;--lime-tint:rgba(134,188,48,.13);
      --bg:#f2f4ef;--side:#fafbf8;--top:rgba(250,251,248,.86);--panel:#fff;--panel-hi:#f6f8f3;--panel-deep:#f1f3ed;
      --border:#e1e5dd;--border-strong:#c5cdc1;--text:#1d211d;--soft:#454d44;--muted:#788075;
      --warm:#aa701f;--red:#d55762;--blue:#326cb1;--ink-on-lime:#212b14;
      --hero:#28302a;--shadow:0 20px 54px rgba(28,36,23,.075);--nav-hover:rgba(34,45,27,.05);
      color-scheme:light;
    }
    * {box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,"SF Pro Display","Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;min-height:100vh;overflow-x:hidden;transition:background .28s,color .28s}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--lime-dark);outline-offset:3px}::selection{background:var(--lime);color:#1a2510}
    .icons{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:middle}.icon.small{width:16px;height:16px}.icon.large{width:24px;height:24px}
    .ambient{position:fixed;inset:-20% -10%;background:radial-gradient(ellipse 35% 30% at 80% 15%,rgba(172,215,74,.05),transparent 80%),radial-gradient(ellipse 30% 34% at 18% 85%,rgba(145,178,114,.025),transparent 85%);pointer-events:none;z-index:-1}
    .scroll-track{position:fixed;z-index:100;top:0;left:0;right:0;height:3px;pointer-events:none}.scroll-fill{height:100%;width:0;background:var(--lime);box-shadow:0 0 16px var(--lime)}
    .layout{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;gap:23px;background:var(--side);border-right:1px solid var(--border);padding:28px 18px 19px;z-index:30;transition:background .28s}
    .brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brand-icon{height:43px;width:43px;border-radius:14px;background:var(--lime);color:#1b2511;display:grid;place-items:center;box-shadow:0 9px 27px rgba(180,249,99,.12)}.brand-icon svg{width:28px;height:28px}.brand-word{font-size:19px;font-weight:840;letter-spacing:-.8px;line-height:1.1}.brand-word span{color:var(--lime-dark)}.brand-sub{display:block;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:2.1px;margin-top:5px}
    .side-section-label{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:2.15px;padding:0 12px;margin-bottom:11px}.nav-group{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:13px;text-align:left;width:100%;min-height:45px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--muted);padding:11px 13px;font-size:13px;font-weight:650;transition:background .2s,color .2s,border-color .2s,transform .2s}.nav-link:hover{background:var(--nav-hover);color:var(--text);transform:translateX(2px)}.nav-link.active{background:var(--lime-tint);color:var(--lime-dark);border-color:color-mix(in srgb,var(--lime) 20%, transparent);font-weight:800}.nav-link.active .icon{stroke-width:2.25}.nav-link .count{margin-left:auto;background:var(--panel-hi);border-radius:6px;font-size:10px;padding:2px 6px;color:var(--muted)}
    .sidebar-end{margin-top:auto}.support-card{padding:17px;border:1px solid var(--border);background:linear-gradient(145deg,var(--panel-hi),var(--panel));border-radius:18px;position:relative;overflow:hidden}.support-card:before{content:"";position:absolute;right:-32px;top:-40px;width:128px;height:128px;border:1px solid rgba(185,238,98,.2);border-radius:50%;box-shadow:0 0 0 20px rgba(185,238,98,.025),0 0 0 45px rgba(185,238,98,.025)}.support-card strong{font-size:13px;position:relative}.support-card p{margin:7px 0 13px;font-size:11px;color:var(--muted);max-width:160px;position:relative}.profile-mini{display:flex;align-items:center;gap:10px;padding:14px 7px 0;border-top:1px solid var(--border);margin-top:18px}.avatar{height:37px;width:37px;flex-shrink:0;border-radius:12px;background:var(--lime);color:#263018;display:grid;place-items:center;font-size:13px;font-weight:900}.profile-mini strong{font-size:12px}.profile-mini small{display:block;color:var(--muted);font-size:10px}.profile-mini .icon{margin-left:auto;color:var(--muted)}
    .main{min-width:0}.topbar{position:sticky;top:0;z-index:25;min-height:79px;padding:15px clamp(20px,3.5vw,52px);display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--top);border-bottom:1px solid var(--border);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.breadcrumb{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:9px;min-width:0}.breadcrumb strong{color:var(--text);font-weight:750}.breadcrumb svg{height:15px;width:15px}.top-actions{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:99px;background:var(--panel);padding:8px 12px;color:var(--soft);font-size:11px;font-weight:750;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--lime-dark);box-shadow:0 0 0 4px var(--lime-tint)}.kbd{border:1px solid var(--border-strong);border-radius:5px;padding:1px 5px;font-size:10px;opacity:.7;margin-left:12px}.top-icon{height:39px;width:39px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--soft);display:inline-grid;place-items:center;transition:background .2s,transform .2s}.top-icon:hover{background:var(--panel-hi);transform:translateY(-2px)}.top-icon .icon{width:18px;height:18px}.notification-trigger{position:relative}.notification-trigger:after{content:"";position:absolute;top:9px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--lime-dark);border:2px solid var(--panel)}
    .page-container{max-width:1590px;padding:clamp(22px,3.45vw,49px);margin:0 auto}.page{display:none;min-width:0}.page.active{display:block;animation:page-enter .4s var(--ease) both}@keyframes page-enter{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-label{font-size:10px;font-weight:850;letter-spacing:2.8px;text-transform:uppercase;color:var(--lime-dark)}.page-top{display:flex;align-items:end;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:1px 0 29px}.page-title{font-size:clamp(31px,3.5vw,47px);line-height:1.09;letter-spacing:-2.1px;margin:9px 0 7px;font-weight:850}.page-intro{color:var(--muted);font-size:13px;margin:0}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
    .btn{border-radius:11px;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);min-height:39px;padding:9px 14px;font-weight:760;font-size:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap;transition:transform .19s var(--ease),background .19s,box-shadow .19s}.btn:hover:not(:disabled){transform:translateY(-2px);background:var(--panel-hi)}.btn-primary{background:var(--lime);color:var(--ink-on-lime);border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--lime-dark);box-shadow:0 8px 27px rgba(179,244,73,.16)}.btn-soft{border-color:transparent;background:var(--lime-tint);color:var(--lime-dark)}.btn-danger{color:var(--red)}.btn-sm{min-height:32px;padding:6px 10px}.btn .icon{height:16px;width:16px}
    .card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:23px;box-shadow:var(--shadow)}.card-compact{padding:18px}.card-title{font-size:15px;letter-spacing:-.35px;font-weight:820;margin:0}.card-sub{font-size:11px;color:var(--muted);margin:6px 0 0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.muted{color:var(--muted)}.lime{color:var(--lime-dark)}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:850;color:var(--muted)}.fine{font-size:11px;color:var(--muted)}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.hide-mobile{display:initial}
    .hero{border-radius:28px;border:1px solid #596451;min-height:314px;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;position:relative;background:radial-gradient(ellipse 70% 85% at 87% 57%,rgba(204,245,107,.1),transparent 75%),linear-gradient(110deg,#29302b,#1c211e);color:#f6f8ef;isolation:isolate;padding:clamp(26px,3.6vw,47px)}.hero:after{position:absolute;content:"";inset:0;background-image:radial-gradient(#e5ffc133 1px,transparent 1px);background-size:21px 21px;mask-image:linear-gradient(to left,#000,transparent 70%);opacity:.6;z-index:-1}.hero-copy{position:relative;z-index:3;align-self:center}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(204,255,137,.09);border:1px solid rgba(204,255,137,.25);border-radius:50px;color:#c8fb7a;font-size:11px;font-weight:780;padding:8px 12px}.hero h2{font-size:clamp(36px,4.4vw,62px);line-height:1.05;letter-spacing:-2.9px;margin:21px 0 14px;font-weight:850;max-width:650px}.hero h2 em{font-style:normal;color:#c6f76a}.hero p{font-size:13px;max-width:450px;line-height:1.85;color:#bfc7bb;margin:0}.hero-actions{margin-top:23px;display:flex;gap:10px;flex-wrap:wrap}.hero .btn-quiet{background:rgba(255,255,255,.075);color:#fff;border-color:rgba(255,255,255,.15)}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:260px;perspective:850px}.orbital{position:absolute;border:1px solid rgba(207,255,122,.23);width:330px;height:330px;border-radius:50%;transform:rotateX(65deg) rotate(14deg);box-shadow:0 0 0 38px rgba(205,255,125,.024),0 0 0 79px rgba(205,255,125,.013);animation:orb 16s linear infinite}.orbital.second{width:235px;height:235px;transform:rotateX(40deg) rotate(-26deg);border-style:dashed;opacity:.8;animation-duration:25s;animation-direction:reverse}.hero-token{width:185px;height:185px;display:grid;place-items:center;border:1px solid #ddffaa55;border-radius:46px;transform:rotate(-12deg);background:linear-gradient(145deg,#e2ffa7,#a9df5a);color:#293622;box-shadow:16px 24px 0 rgba(182,226,93,.12),25px 30px 75px rgba(0,0,0,.45);animation:hero-float 6.5s ease-in-out infinite;position:relative}.hero-token svg{height:91px;width:91px}.hero-float-card{position:absolute;bottom:23px;right:0px;padding:12px 15px;border-radius:13px;background:rgba(247,255,231,.95);color:#263322;box-shadow:0 10px 35px rgba(0,0,0,.24);transform:rotate(6deg);font-size:11px;font-weight:800;z-index:2}.hero-float-card b{display:block;font-size:19px;letter-spacing:-.7px}.hero-deco{position:absolute;top:11px;right:2px;font-weight:800;font-size:10px;letter-spacing:2px;color:#bcdb94}@keyframes hero-float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-15px) rotate(-6deg)}}@keyframes orb{to{rotate:360deg}}
    .section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:32px 0 16px}.section-title h2{font-size:21px;font-weight:830;letter-spacing:-.7px;margin:0}.section-title p{margin:6px 0 0;color:var(--muted);font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{padding:21px;border:1px solid var(--border);border-radius:19px;background:var(--panel);position:relative;overflow:hidden;min-height:169px;transition:transform .25s var(--ease),border-color .25s}.metric:hover{transform:translateY(-4px);border-color:var(--border-strong)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{border-radius:12px;height:37px;width:37px;background:var(--panel-hi);display:grid;place-items:center;color:var(--lime-dark)}.metric-icon svg{height:18px;width:18px}.metric-label{font-size:12px;color:var(--muted);margin-top:16px}.metric-value{font-size:clamp(20px,2.45vw,31px);line-height:1.15;letter-spacing:-1.3px;font-weight:850;margin-top:8px;white-space:nowrap}.metric-foot{font-size:11px;color:var(--muted);margin-top:11px}.pos{color:var(--lime-dark);font-weight:800}.negative{color:var(--red);font-weight:800}.metric-spot{position:absolute;height:100px;width:100px;border-radius:50%;right:-55px;bottom:-55px;background:var(--lime-tint);filter:blur(12px)}
    .dashboard-columns{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(280px,1fr);gap:16px;margin-top:16px}.dashboard-chart{min-height:335px}.chart-total{font-weight:850;font-size:30px;letter-spacing:-1.4px;margin:8px 0 0}.legend-dot{height:7px;width:7px;border-radius:50%;background:var(--lime-dark);display:inline-block;margin-right:6px}.chart-svg{width:100%;height:auto;margin-top:14px;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 6}.chart-area{fill:url(#limeFill)}.chart-line{fill:none;stroke:var(--lime-dark);stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}.chart-dots circle{fill:var(--lime-dark);stroke:var(--panel);stroke-width:5}.chart-x{font-size:11px;fill:var(--muted)}.chart-y{font-size:10px;fill:var(--muted)}.activity-list,.timeline-list{display:grid;gap:0}.activity-item{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid var(--border)}.activity-item:first-child{border-top:0}.activity-symbol{width:36px;height:36px;border-radius:12px;background:var(--lime-tint);color:var(--lime-dark);display:grid;place-items:center;flex-shrink:0}.activity-item b{display:block;font-size:12px}.activity-item small{font-size:10px;color:var(--muted)}.activity-amount{margin-left:auto;text-align:right;font-size:12px;font-weight:800;white-space:nowrap}.activity-amount span{display:block;color:var(--lime-dark);font-size:10px;margin-top:4px}
    .insight-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.ring-wrap{display:flex;align-items:center;gap:30px;min-height:192px}.donut{position:relative;width:160px;height:160px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--lime) 0 63%,#8a9890 63% 85%,#626a65 85% 100%);display:grid;place-items:center}.donut:before{content:"";position:absolute;inset:25px;background:var(--panel);border-radius:50%}.donut-center{position:relative;text-align:center}.donut-center b{font-size:22px;font-weight:850}.donut-center small{display:block;font-size:10px;color:var(--muted)}.legend{display:grid;gap:12px;flex:1}.legend-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:750}.legend-line span{color:var(--muted);font-weight:600}.legend-line i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:6px}.shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.shortcut{border-radius:14px;border:1px solid var(--border);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:var(--panel-hi);color:var(--text);transition:transform .2s,border .2s}.shortcut:hover{transform:translateY(-3px);border-color:var(--lime-dark)}.shortcut b{font-size:12px;display:block}.shortcut small{font-size:10px;color:var(--muted)}.shortcut svg{color:var(--lime-dark)}
    .scroll-story{margin-top:37px;min-height:310px;position:relative;overflow:hidden;background:linear-gradient(105deg,#242a25,#343c31);border:1px solid #505f45;border-radius:25px;color:#f2f9ee;display:grid;grid-template-columns:1fr 1fr;padding:clamp(27px,4vw,47px);align-items:center;isolation:isolate}.scroll-story h2{font-size:clamp(26px,3.5vw,43px);letter-spacing:-1.8px;line-height:1.16;margin:14px 0}.scroll-story p{max-width:390px;font-size:12px;color:#c6d0c1;line-height:1.9}.story-scene{height:210px;position:relative;display:grid;place-items:center}.story-ring{width:190px;height:190px;border-radius:40px;border:1px solid rgba(198,247,106,.38);display:grid;place-items:center;box-shadow:0 0 0 34px rgba(198,247,106,.045),0 0 0 65px rgba(198,247,106,.018);transform:rotate(-18deg)}.story-ring .icon{height:85px;width:85px;color:var(--lime)}.story-float{position:absolute;top:0;right:15px;border-radius:12px;border:1px solid #d9ffc85c;background:#303d2c;padding:13px 16px;font-size:12px;font-weight:800;transform:rotate(8deg)}
    .table-wrap{width:100%;overflow:auto;scrollbar-width:thin}.data-table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;min-width:690px}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);padding:14px 12px;border-bottom:1px solid var(--border)}.data-table td{padding:17px 12px;border-bottom:1px solid var(--border);font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--nav-hover)}.text-btn{padding:5px 8px;border:none;background:transparent;font-size:12px;font-weight:800;color:var(--lime-dark)}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800;border:1px solid var(--border);color:var(--soft);background:var(--panel-hi)}.chip.success{color:var(--lime-dark);background:var(--lime-tint);border-color:transparent}.chip.pending{color:var(--warm);background:color-mix(in srgb,var(--warm) 10%,transparent);border-color:transparent}.chip.failed{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);border-color:transparent}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:11px;background:var(--panel-hi);padding:0 12px;height:41px;flex:1;min-width:190px;max-width:335px}.search-field .icon{width:15px;height:15px;color:var(--muted)}.search-field input{background:transparent;border:0;outline:0;color:var(--text);font-size:12px;min-width:0;width:100%}.select{background:var(--panel-hi);border:1px solid var(--border);padding:11px 12px;border-radius:11px;color:var(--text);font-size:12px;outline:0;min-height:41px}.control-label{display:block;color:var(--soft);font-weight:750;font-size:12px;margin-bottom:8px}.control{width:100%;min-height:46px;background:var(--panel-deep);border:1px solid var(--border-strong);border-radius:12px;padding:12px 13px;color:var(--text);outline:0;transition:border-color .18s}.control:focus{border-color:var(--lime-dark)}.control::placeholder{color:var(--muted)}.field-group{margin:0 0 19px}.hint{font-size:10px;margin-top:8px;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(290px,.94fr);gap:16px}.qris-preview{min-height:440px;background:var(--panel-hi);border-radius:17px;border:1px dashed var(--border-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center;position:relative;overflow:hidden}.qris-preview:before{content:"";position:absolute;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--border);border-radius:50%;box-shadow:0 0 0 35px var(--nav-hover),0 0 0 85px var(--nav-hover);pointer-events:none}.qris-placeholder{position:relative}.placeholder-circle{width:89px;height:89px;border:1px solid var(--border-strong);border-radius:27px;background:var(--panel);display:grid;place-items:center;color:var(--lime-dark);margin:0 auto 18px}.qris-preview h3{font-size:18px;letter-spacing:-.5px;margin:0 0 9px}.qris-preview p{color:var(--muted);font-size:12px;max-width:250px;margin:0 auto;line-height:1.7}.qr-content{position:relative;display:none;width:100%}.fake-qr{width:220px;height:220px;border-radius:15px;background:#f9faf7;border:9px solid #f9faf7;display:grid;grid-template-columns:repeat(21,1fr);grid-template-rows:repeat(21,1fr);gap:0;margin:18px auto 15px;box-shadow:0 10px 27px rgba(0,0,0,.10)}.fake-qr i{display:block;background:transparent}.fake-qr i.on{background:#243020}.qr-warning{font-size:10px;color:var(--warm);font-weight:800;margin:0 0 12px}.qr-code-id{font-size:11px;color:var(--muted)}.qris-status{margin:12px auto 0;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;padding:8px 12px;border-radius:30px;color:var(--warm);background:color-mix(in srgb,var(--warm) 10%,transparent)}.qris-status.paid{color:var(--lime-dark);background:var(--lime-tint)}.balance-card{min-height:154px;position:relative;overflow:hidden;border:1px solid #58634e;border-radius:20px;background:linear-gradient(120deg,#293128,#1b231c);padding:24px;color:#f2f7ed}.balance-card:after{content:"";width:290px;height:290px;border:1px solid rgba(205,255,130,.19);position:absolute;border-radius:50%;right:-50px;top:-135px;box-shadow:0 0 0 30px rgba(205,255,130,.04),0 0 0 70px rgba(205,255,130,.025)}.balance-card .caption{color:#b9c7b5;font-size:11px}.balance-card .big{font-size:30px;letter-spacing:-1.1px;font-weight:850;margin:12px 0}.balance-card .badge{display:inline-block;color:#cfefad;background:#d6ffb51a;border:1px solid #d6ffb537;padding:5px 8px;border-radius:7px;font-size:10px}
    .tab-bar{display:flex;align-items:center;gap:5px;border-radius:12px;background:var(--panel-hi);border:1px solid var(--border);padding:4px;width:max-content;max-width:100%;overflow:auto}.tab{background:transparent;border:0;border-radius:8px;color:var(--muted);font-size:11px;font-weight:800;padding:8px 13px;white-space:nowrap}.tab.active{background:var(--lime);color:var(--ink-on-lime)}.key-frame{background:var(--panel-deep);padding:17px;border-radius:12px;border:1px solid var(--border);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.key-frame code{font-size:12px;overflow-wrap:anywhere;color:var(--soft)}.warning{padding:13px 15px;border:1px solid color-mix(in srgb,var(--warm) 32%,transparent);background:color-mix(in srgb,var(--warm) 8%,transparent);border-radius:12px;color:var(--soft);font-size:11px;line-height:1.65}.warning b{color:var(--warm)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:0}.settings-row b{display:block;font-size:12px}.settings-row p{color:var(--muted);font-size:11px;line-height:1.55;margin:5px 0 0;max-width:520px}.switch{width:45px;height:26px;border-radius:50px;background:var(--border-strong);border:1px solid var(--border);padding:3px;display:flex;align-items:center;transition:background .2s;flex-shrink:0}.switch:after{content:"";width:18px;height:18px;border-radius:50%;background:var(--panel);transition:transform .2s}.switch.on{background:var(--lime);border-color:var(--lime)}.switch.on:after{background:#243319;transform:translateX(19px)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-grid .field-group{margin:0}.dev-console{background:#0f1210;color:#bde1b4;border-radius:14px;border:1px solid #3e4d38;padding:18px;min-height:245px;max-height:320px;overflow:auto;font:11px/1.9 Consolas,"Liberation Mono",monospace}.dev-console div{white-space:pre-wrap;overflow-wrap:anywhere}.dev-console .stamp{color:#6c8d65}.dev-console .ok{color:#d0fb9c}.dev-console .warn{color:#e8c686}
    .docs-grid{display:grid;grid-template-columns:215px minmax(0,1fr);gap:16px}.endpoint-list{display:grid;gap:7px}.endpoint{border-radius:11px;border:1px solid transparent;padding:12px;display:flex;align-items:center;gap:9px;background:transparent;color:var(--soft);font-size:11px;text-align:left;cursor:pointer}.endpoint.active{background:var(--lime-tint);border-color:var(--border-strong);color:var(--text)}.method{font-size:9px;font-weight:900;color:var(--lime-dark)}.code-window{background:#0e1110;border:1px solid #333b33;border-radius:13px;overflow:hidden;color:#d0ddce}.code-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;background:#1b211b;border-bottom:1px solid #394039;color:#a5baa5;font-size:11px}.code-dots{display:flex;gap:5px}.code-dots i{height:7px;width:7px;border-radius:50%;background:#58665a}.code-dots i:first-child{background:#bc6b70}.code-dots i:nth-child(2){background:#d0b366}.code-dots i:nth-child(3){background:#94bf69}.code-window pre{padding:22px;overflow:auto;font-size:11px;line-height:1.9;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.docs-method{font-size:11px;font-weight:850;color:var(--lime-dark)}.docs-method.post{color:var(--warm)}.docs-method.get{color:var(--blue)}
    .footer{padding:23px 0 8px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px}.footer strong{color:var(--lime-dark)}
    .overlay{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.62);backdrop-filter:blur(10px)}.overlay.open{display:flex;animation:overlay-enter .18s ease both}@keyframes overlay-enter{from{opacity:0}to{opacity:1}}.modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:23px;padding:27px;width:min(100%,465px);max-height:90dvh;overflow:auto;box-shadow:0 35px 100px rgba(0,0,0,.28)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:27px;font-weight:870;letter-spacing:-1px;line-height:1.2;margin:20px 0 7px}.modal-p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 23px}.close{height:33px;width:33px;border:1px solid var(--border);border-radius:10px;background:var(--panel-hi);color:var(--text);display:grid;place-items:center}.modal .btn{width:100%}.modal .btn + .btn{margin-top:9px}.modal-backdrop-close{position:absolute;inset:0}.drawer-wrap{position:fixed;inset:0;z-index:91;display:none;background:rgba(0,0,0,.55)}.drawer-wrap.open{display:block}.drawer{position:absolute;right:0;top:0;height:100%;width:min(100%,435px);background:var(--panel);border-left:1px solid var(--border);padding:28px;box-shadow:-15px 0 60px rgba(0,0,0,.17);overflow:auto;animation:drawer-in .24s var(--ease)}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}.detail-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}.detail-row span{color:var(--muted)}.detail-row b{font-weight:750;text-align:right}.drawer .big-amount{font-size:33px;font-weight:850;letter-spacing:-1.5px;margin:20px 0 6px}.toast{position:fixed;right:25px;bottom:23px;z-index:125;border:1px solid var(--border-strong);border-radius:14px;padding:14px 18px;background:var(--panel-hi);color:var(--text);font-size:12px;font-weight:700;box-shadow:var(--shadow);max-width:min(90vw,390px);opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translateY(0)}.toast:before{content:"";display:inline-block;height:7px;width:7px;background:var(--lime-dark);border-radius:50%;margin-right:9px}.mobile-bar{display:none}.mobile-menu{display:none}.command-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;color:var(--text);font-size:13px}.command-item:hover{background:var(--panel-hi)}.command-item small{margin-left:auto;color:var(--muted);font-size:10px}
    .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal.delay1{transition-delay:.08s}.reveal.delay2{transition-delay:.16s}.reveal.delay3{transition-delay:.24s}.reveal.delay4{transition-delay:.32s}.parallax{will-change:transform}.motion-off *, .motion-off *:before,.motion-off *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1!important;transform:none!important}
    @media(max-width:1260px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1.25fr .9fr}.insight-grid{grid-template-columns:1fr 1fr}.ring-wrap{gap:16px}.donut{width:125px;height:125px}.donut:before{inset:20px}.hero-token{height:155px;width:155px}}
    @media(max-width:1000px){.layout{grid-template-columns:80px minmax(0,1fr)}.sidebar{padding:23px 10px}.brand{padding:0;justify-content:center}.brand-word,.side-section-label,.nav-link span,.nav-link .count,.sidebar-end,.support-card,.profile-mini{display:none!important}.nav-link{justify-content:center;padding:12px}.nav-link .icon{width:22px;height:22px}.topbar{padding:15px 25px}.page-container{padding:26px}.hero{grid-template-columns:1.1fr .75fr}.hero h2{font-size:42px}.dashboard-columns{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:690px){.layout{display:block}.sidebar{display:none}.topbar{min-height:66px;padding:10px 17px}.breadcrumb{font-size:11px}.pill.demo-pill,.search-trigger{display:none}.top-actions{gap:7px}.top-icon{height:37px;width:37px}.page-container{padding:23px 15px 110px}.page-top{margin:0 0 19px}.page-title{font-size:34px;letter-spacing:-1.6px}.page-intro{font-size:12px}.hero{grid-template-columns:1fr;padding:27px 23px 12px;min-height:440px;border-radius:21px}.hero h2{font-size:41px;letter-spacing:-2.2px}.hero-art{height:150px;min-height:150px}.hero-token{height:110px;width:110px;border-radius:26px}.hero-token svg{width:60px;height:60px}.orbital{height:220px;width:220px}.orbital.second{height:150px;width:150px}.hero-float-card{bottom:18px;right:16px}.hero-deco{display:none}.metric-grid{gap:10px}.metric{padding:15px;min-height:154px;border-radius:15px}.metric-value{font-size:clamp(18px,5.5vw,25px)}.metric-label{font-size:10px}.metric-foot{font-size:10px}.section-title h2{font-size:18px}.dashboard-columns,.insight-grid,.split,.docs-grid,.profile-grid{grid-template-columns:1fr}.ring-wrap{justify-content:space-around}.shortcuts{grid-template-columns:1fr 1fr}.scroll-story{grid-template-columns:1fr;padding:30px 22px}.story-scene{height:180px}.story-ring{height:130px;width:130px;border-radius:27px}.story-ring .icon{height:55px;width:55px}.card{padding:19px;border-radius:17px}.mobile-bar{position:fixed;z-index:42;left:10px;right:10px;bottom:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:7px 5px;border:1px solid var(--border-strong);background:var(--top);backdrop-filter:blur(24px);border-radius:21px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 13px 40px rgba(0,0,0,.23)}.mobile-tab{background:transparent;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:730;padding:8px 2px;border-radius:15px;min-width:0}.mobile-tab.active{color:var(--lime-dark);background:var(--lime-tint)}.mobile-tab svg{height:20px;width:20px}.mobile-menu{position:fixed;z-index:45;bottom:92px;left:15px;right:15px;border:1px solid var(--border-strong);background:var(--panel);border-radius:18px;padding:16px;box-shadow:var(--shadow);display:none}.mobile-menu.open{display:block;animation:page-enter .2s ease}.mobile-menu .nav-link{display:flex;justify-content:flex-start}.mobile-menu .nav-link span{display:inline!important}.mobile-menu .nav-link .icon{width:18px;height:18px}.toast{bottom:98px;left:15px;right:15px;max-width:unset}.qris-preview{min-height:370px}.footer{padding-bottom:0}.hide-mobile{display:none}}
    @media(max-width:370px){.hero h2{font-size:35px}.metric-value{font-size:18px}.page-title{font-size:30px}.card{padding:15px}.hero-actions .btn{padding:8px 12px}.topbar .pill{padding:7px 9px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}
  
/* Production-state extensions */
[hidden]{display:none!important}.live-empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:14px}.live-info{color:var(--muted);font-size:12px;line-height:1.7}.live-danger{color:var(--red);font-size:12px}.live-avatar{font-weight:900}.live-image{display:block;width:min(260px,100%);margin:0 auto 10px;background:#fff;border:12px solid white;border-radius:14px;object-fit:contain}.live-qr-input{min-height:85px;resize:vertical;font-family:ui-monospace,monospace;font-size:11px}.secure-alert{background:var(--lime-tint);color:var(--soft);border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px;margin:14px 0;font-size:12px}.status-swatch{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:6px}.status-unknown{color:var(--warm)}.app-locked .page:not(#page-overview){display:none!important}.login-error{color:var(--red);font-size:12px;margin:10px 0}.qr-content.active{display:block}.qris-placeholder.done{display:none}.dashboard-chart path.chart-line{stroke-dasharray:none!important}.dashboard-chart path.chart-area{opacity:.5}.chip{max-width:100%;overflow-wrap:anywhere}.top-icon.logout-button{color:var(--red)}@media(max-width:640px){.live-image{width:min(230px,100%)}.page-title{overflow-wrap:break-word}}