:root{--paper:#171a1d;--surface:#1f2329;--surface-2:#232832;--ink:#ffffffe6;--muted:#ffffff9e;--line:#ffffff21;--accent:#00b894;--danger:#ff3030;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);width:100%;min-width:320px;max-width:100%;min-height:100%;overflow-x:hidden}body{background:var(--paper);width:100%;min-width:320px;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit}#root{width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}.app{width:100%;max-width:100vw;min-height:100vh;color:var(--ink);background:linear-gradient(180deg, #23353cdb 0, #171a1df5 180px), var(--paper);overflow-x:hidden}.app--light{--paper:#f5f7f6;--surface:#fff;--surface-2:#eef2f1;--ink:#18201deb;--muted:#18201da3;--line:#18201d24;background:linear-gradient(180deg, #e2f1edeb 0, #f5f7f6fa 180px), var(--paper)}.app--light .brand,.app--light .app-nav{background:#ffffffc7}.boot{min-height:100vh;color:var(--muted);background:var(--paper);place-items:center;display:grid}.topbar{z-index:40;pointer-events:none;grid-template-columns:220px 1fr 380px;align-items:center;height:86px;padding:18px clamp(18px,4vw,48px);display:grid;position:fixed;inset:0 0 auto}.brand,.account,.theme-toggle,.app-nav{pointer-events:auto}.brand{border:1px solid var(--line);min-height:38px;color:var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f2329b8;border-radius:10px;justify-self:start;align-items:center;padding:7px 14px;font-weight:800;text-decoration:none;display:inline-flex}.nav{display:none}.app-nav{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1f2329c2;border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #0000003d}.app-nav__item{min-width:0;min-height:38px;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex;position:relative}.app-nav__item svg{flex:none}.app-nav__item:hover,.app-nav__item.active{color:var(--accent);border-color:var(--accent);background:#00b8941a}.app-nav__badge{color:#fff;background:var(--danger);border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800;line-height:1.2;position:absolute;top:-6px;right:10px}.account,.tabs,.actions,.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account{justify-content:flex-end;justify-self:end;max-width:380px}.account a,.tabs a{min-height:36px;color:var(--muted);border-radius:8px;align-items:center;padding:8px 10px;text-decoration:none;display:inline-flex}.account a:hover,.tabs a:hover,.tabs a.active{color:var(--accent);background:#00b8941a}.main{width:min(1200px,100%);max-width:100%;margin:0 auto;padding:124px clamp(14px,4vw,48px) 64px;overflow-x:hidden}.main>section,.section-head,.section-head>*,.notice,.home-notice,.grid,.two-col,.panel,.card{min-width:0;max-width:100%}.section-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:var(--accent);margin:0 0 8px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:760px;color:var(--ink);letter-spacing:0;overflow-wrap:anywhere;margin-bottom:0;font-size:clamp(30px,4.2vw,48px);line-height:1.08}h2{color:var(--ink);letter-spacing:0;font-size:20px}h3{color:var(--ink);margin-bottom:10px;font-size:16px}.muted{color:var(--muted)}.notice{color:var(--accent);background:#00b89414;border:1px solid #00b89457;border-radius:8px;margin:0 0 18px;padding:12px 14px}.home-notice{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;background:#00b89414;border:1px solid #00b89457;border-radius:8px;margin:0 0 18px;padding:14px 16px;line-height:1.6}.home-notice p,.home-notice ul,.home-notice ol{margin:0 0 8px}.home-notice :last-child{margin-bottom:0}.home-notice a{color:var(--accent);font-weight:800}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.two-col{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;margin-bottom:16px;display:grid}.panel,.card{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:8px}.panel{padding:20px}.card{flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.card:hover,.panel:hover{border-color:#00b89466}.card.is-muted{opacity:.72;border-style:dashed}.card-title,.row-panel{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.row-panel{flex-wrap:wrap;align-items:center}.facts,.list{gap:10px;margin:0;display:grid}.facts{grid-template-columns:repeat(3,minmax(0,1fr))}.facts div,.list div{min-width:0}dt{color:var(--muted);font-size:13px}dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-weight:800}.code{color:var(--accent)}button,.button{border:1px solid var(--accent);color:#fff;background:var(--accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 14px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}button:hover,.button:hover{background:#00a985;border-color:#00a985}button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.62}.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.danger:hover{background:#df2020;border-color:#df2020}.ghost{color:var(--ink);border-color:var(--line);background:0 0}.ghost:hover{color:var(--accent);background:#00b89414;border-color:#00b8945c}.full{width:100%}.theme-toggle{min-height:36px;padding:8px 10px}.theme-toggle-mobile{display:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.narrow{max-width:560px;margin:0 auto}.form{gap:14px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{color:var(--ink);gap:6px;font-weight:700;display:grid}.field-hint{color:var(--muted);font-size:12px;font-weight:500}input,select,textarea{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:var(--surface-2);border-radius:8px;padding:9px 11px}textarea{resize:vertical;min-height:86px}.stack{gap:12px;display:grid}.setting-row{grid-template-columns:minmax(140px,1fr) 120px 110px repeat(3,minmax(90px,1fr));align-items:center;gap:8px;display:grid}.check{align-items:center;gap:6px;display:flex}.check input{width:auto;min-height:auto}.qr{aspect-ratio:1;object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;width:min(260px,100%);margin:14px auto 0;display:block}.deposit-status{border:1px solid var(--line);min-height:26px;color:var(--muted);background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.deposit-status--success{color:var(--accent);background:#00b89414;border-color:#00b89457}.deposit-status--pending{color:var(--ink)}.deposit-status--failed,.deposit-status--cancelled{color:var(--danger);background:#ff303014;border-color:#ff303052}.deposit-status--wrong_amount{color:#fff;border-color:var(--accent);background:var(--accent)}.result{margin-top:18px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(460px,100%);padding:18px;box-shadow:0 24px 64px #0000005c}.modal__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.modal__actions{justify-content:flex-end;margin-top:16px}.google-button{color:var(--ink);background:var(--surface-2);border-color:var(--line)}.google-button:hover{color:var(--accent);background:#00b89414;border-color:#00b8945c}.google-button__mark{width:22px;height:22px;color:var(--accent);background:var(--surface);border-radius:999px;place-items:center;font-weight:900;display:inline-grid}.package-description{color:var(--muted);overflow-wrap:anywhere;line-height:1.55}.package-description p,.package-description ul,.package-description ol{margin:0 0 8px}.package-description :last-child{margin-bottom:0}.package-description a{color:var(--accent);font-weight:800}.package-instruction{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:10px;margin-top:16px;padding:14px;display:grid}.package-instruction h3{margin:0;font-size:16px}.package-instruction__body{color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.package-instruction__body p,.package-instruction__body ul,.package-instruction__body ol{margin:0 0 8px}.package-instruction__body :last-child{margin-bottom:0}.package-instruction__body a{color:var(--accent);font-weight:800}.icon-button{width:36px;min-height:36px;color:var(--muted);border-color:var(--line);background:0 0;padding:0}.icon-button:hover{color:var(--accent);background:#00b89414;border-color:#00b8945c}.payment-summary{gap:10px;display:grid}.payment-summary div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;gap:16px;padding:12px;display:flex}.payment-summary span{color:var(--muted)}.payment-summary strong{color:var(--ink);text-align:right}.cache-note{color:var(--ink);background:#00b89414;border:1px solid #00b89452;border-radius:8px;gap:4px;margin:12px 0 4px;padding:12px 14px;display:grid}.cache-note strong{color:var(--accent)}.cache-note span,.cache-inline{color:var(--muted);font-size:12px}.cache-note--expired{background:#ffffff0a;border-color:#ffffff1f}.cache-note--expired strong{color:var(--muted)}.cell-action,.card-actions{gap:6px;display:grid}.profile-actions{margin-top:16px}.profile-actions .button,.profile-actions button{flex:160px}.device-panel{background:#00b89414;border:1px solid #00b89447;border-radius:8px;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;display:flex}.device-panel__body{flex:1;min-width:0}.device-panel__icon{width:38px;height:38px;color:var(--accent);background:#00b89414;border:1px solid #00b89457;border-radius:8px;flex:none;place-items:center;display:inline-grid}.device-panel span{color:var(--muted);font-size:13px;display:block}.device-panel strong{color:var(--ink);margin-top:2px;display:block}.device-panel small{color:var(--accent);margin-top:6px;display:block}.device-form{grid-template-columns:minmax(130px,.42fr) minmax(180px,1fr) auto;gap:8px;margin-top:6px;display:grid}.settings{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:14px;display:grid}.settings div,.metric{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:14px}.settings span,.metric span{color:var(--muted);display:block}.settings strong,.metric strong{color:var(--ink);margin-top:4px;font-size:24px;display:block}.tabs{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:10px}.setting-form{gap:18px}.setting-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.setting-tabs button{min-height:36px;color:var(--muted);border-color:var(--line);background:0 0}.setting-tabs button:hover,.setting-tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.setting-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.setting-panel-head h2{margin-bottom:0;font-size:18px}.setting-panel-head .ghost{flex:none}.setting-guide{background:#00b89414;border:1px solid #00b89447;border-radius:8px;gap:8px;padding:14px;display:grid}.setting-guide h3,.setting-guide ol{margin:0}.setting-guide ol{color:var(--muted);gap:8px;padding-left:20px;display:grid}.setting-guide strong{color:var(--ink)}.setting-guide code{color:var(--accent);font-weight:800}.setting-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}:is(.setting-fields .field:has(textarea),.setting-fields .field:has(.field-hint)){align-self:start}.setting-actions{justify-content:flex-end;display:flex}.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.inline-form{flex:520px}.table-panel{margin-top:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{border-bottom:1px solid var(--line);color:var(--ink);text-align:left;vertical-align:top;padding:12px 10px}th{color:var(--muted);font-size:13px}@media (width<=860px){.topbar{grid-template-columns:1fr;height:60px;padding:12px 16px}.brand{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 84px);padding:6px 10px;overflow:hidden}.account{display:none}.theme-toggle-mobile{z-index:60;width:38px;min-height:38px;padding:0;display:inline-flex;position:fixed;top:12px;right:14px}.theme-toggle-mobile .theme-toggle__label{display:none}.app-nav{top:auto;right:14px;bottom:max(12px, env(safe-area-inset-bottom));border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100vw - 28px);max-width:none;padding:4px;display:grid;left:14px;overflow:hidden;transform:none}.app-nav__item{border-radius:14px;flex-direction:column;gap:4px;width:100%;min-width:0;min-height:56px;padding:7px 4px;font-size:11px;overflow:hidden}.app-nav__label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.app-nav__item:hover{background:0 0;border-color:#0000}.app-nav__item.active{color:var(--accent);background:0 0;border-color:#0000}.app-nav__item svg{width:20px;height:20px}.app-nav__badge{top:0;right:50%;transform:translate(62%)}.main{padding:84px 14px calc(100px + env(safe-area-inset-bottom))}.section-head,.two-col,.card-title,.row-panel{display:grid}.two-col,.form-grid,.facts,.setting-fields,.setting-row{grid-template-columns:1fr}.panel,.card,.modal{padding:16px}.modal__actions,.setting-actions,.payment-summary div{display:grid}.payment-summary strong{text-align:left}.device-panel{align-items:flex-start;width:100%}.device-form{grid-template-columns:1fr}h1{width:100%;max-width:100%;font-size:clamp(24px,7vw,28px);line-height:1.14}}