:root{--navy: #080B12;--navy-2: #0E1320;--card: #141A2A;--card-2: #1B2235;--blue: #2F6BFF;--blue-2: #1E52E6;--blue-soft: rgba(47, 107, 255, .14);--gold: #D8B45A;--gold-2: #F2C14E;--gold-soft: rgba(216, 180, 90, .14);--text: #EAEEF7;--muted: #8A93A6;--faint: #626C82;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--green: #35C759;--green-soft: rgba(53, 199, 89, .14);--yellow: #F2C14E;--yellow-soft: rgba(242, 193, 78, .16);--red: #FF4D4F;--red-soft: rgba(255, 77, 79, .16);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-pill: 999px;--shadow: 0 8px 28px rgba(0, 0, 0, .35);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .28);--shadow-blue: 0 6px 18px rgba(47, 107, 255, .35);--fs-h1: 19px;--fs-h2: 16px;--fs-body: 14px;--fs-sm: 13px;--fs-xs: 11px;--fs-stat: 23px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--navy);color:var(--text);font-family:-apple-system,SF Pro Display,Inter,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{background:radial-gradient(1200px 520px at 100% -8%,rgba(47,107,255,.1),transparent 60%),radial-gradient(900px 460px at -10% 2%,rgba(216,180,90,.06),transparent 55%),var(--navy);background-attachment:fixed}#app{max-width:560px;margin:0 auto;padding:14px 14px 94px}a{color:var(--blue);text-decoration:none}button{font-family:inherit;cursor:pointer}.brand{display:flex;align-items:center;gap:11px;padding:6px 2px 16px}.brand .queen{font-size:22px;color:var(--gold);line-height:1;width:40px;height:40px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--gold-soft);border:1px solid rgba(216,180,90,.28)}.brand .title{font-size:var(--fs-h1);font-weight:700;letter-spacing:.2px}.brand .title b{color:var(--gold)}.brand .sub{font-size:12px;color:var(--muted);margin-top:2px}.ident-row{display:flex;flex-wrap:wrap;gap:7px;margin:-6px 2px 14px}.ident{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);padding:5px 10px;border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);color:var(--muted);letter-spacing:.3px}.ident b{color:var(--text);font-weight:600}.ident .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.ident.ok .dot{background:var(--green);box-shadow:0 0 8px #35c75999}.ident.wait .dot{background:var(--yellow);box-shadow:0 0 8px #f2c14e80}.card{background:linear-gradient(160deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:12px;animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-weight:600;margin:18px 4px 10px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:4px}.stat{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 14px;animation:rise .35s ease both}.stat .stat-ico{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--blue-soft);margin-bottom:11px;border:1px solid var(--line)}.stat .label{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat .value{font-size:var(--fs-stat);font-weight:700;margin-top:5px;letter-spacing:-.3px;line-height:1.15}.stat.accent{border-color:#d8b45a47}.stat.accent .stat-ico{background:var(--gold-soft);border-color:#d8b45a47}.stat.accent .value{color:var(--gold)}.stat.s-green .stat-ico{background:var(--green-soft);color:var(--green)}.stat.s-yellow .stat-ico{background:var(--yellow-soft);color:var(--yellow)}.stat.s-red .stat-ico{background:var(--red-soft);color:var(--red)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--r-pill);background:var(--blue-soft);color:var(--text);border:1px solid transparent}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.chip.green{background:var(--green-soft);color:var(--green);border-color:#35c75938}.chip.yellow{background:var(--yellow-soft);color:var(--yellow);border-color:#f2c14e3d}.chip.red,.chip.forfeited{background:var(--red-soft);color:var(--red);border-color:#ff4d4f3d}.chip.black{background:#ffffff14;color:var(--muted)}.chip.pending{background:var(--blue-soft);color:var(--blue);border-color:#2f6bff42}.deal{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.deal:last-child{border-bottom:none}.deal .main{min-width:0;flex:1}.deal .amount{font-weight:700;font-size:16px;letter-spacing:-.2px}.deal .meta{font-size:12px;color:var(--muted);margin-top:4px}.deal .light{font-size:12px;margin-top:8px}.deal-card{position:relative;overflow:hidden}.deal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line-2)}.deal-card.l-green:before{background:var(--green)}.deal-card.l-yellow:before{background:var(--yellow)}.deal-card.l-red:before,.deal-card.l-forfeited:before{background:var(--red)}.deal-card.l-black:before{background:var(--muted)}.deal-card.l-pending:before{background:var(--blue)}.field{margin-bottom:13px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:500}.field input,.field select,.field textarea{width:100%;background:var(--navy-2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 13px;font-size:15px;outline:none;transition:border .2s,box-shadow .2s}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.field .err{color:var(--red);font-size:11px;margin-top:4px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:block;width:100%;border:none;border-radius:var(--r-md);padding:14px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:var(--shadow-blue);transition:transform .08s,opacity .2s,filter .2s}.btn:active{transform:scale(.98)}.btn.gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1407;box-shadow:0 6px 18px #d8b45a4d}.btn.ghost{background:transparent;border:1px solid var(--line-2);color:var(--text);box-shadow:none}.btn.danger{background:linear-gradient(135deg,#ff5b5d,#d8383a);box-shadow:0 6px 18px #ff4d4f4d}.btn.sm{padding:9px 13px;font-size:13px;width:auto;display:inline-block;border-radius:11px}.btn[disabled]{opacity:.5}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:#0a0d14e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:50}.tabbar button{background:none;border:none;color:var(--muted);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 10px;border-radius:12px;position:relative}.tabbar button.active{color:var(--blue)}.tabbar button.active .ico{transform:translateY(-1px)}.tabbar .ico{font-size:19px;transition:transform .2s}.banner{background:var(--blue-soft);border:1px solid rgba(47,107,255,.25);border-radius:12px;padding:12px 14px;font-size:var(--fs-sm);line-height:1.45;margin-bottom:12px}.banner.warn{background:var(--yellow-soft);border-color:#f2c14e4d}.muted{color:var(--muted);font-size:var(--fs-sm)}.center{text-align:center}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin:48px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:28px 16px;color:var(--muted)}.empty .emo{font-size:34px;opacity:.8;display:block;margin-bottom:10px}.empty .t{font-size:15px;color:var(--text);font-weight:600;margin-bottom:4px}.chart{display:flex;align-items:flex-end;gap:8px;height:112px;padding-top:8px}.chart .bar{flex:1;background:linear-gradient(180deg,var(--blue),var(--blue-2));border-radius:7px 7px 2px 2px;min-height:4px;position:relative;animation:grow .5s ease both}.chart .bar span{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.chart .bar small{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}@keyframes grow{0%{height:0}}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%);background:var(--card-2);border:1px solid var(--line-2);color:var(--text);padding:11px 16px;border-radius:12px;font-size:var(--fs-sm);box-shadow:var(--shadow);z-index:100;animation:rise .25s ease;max-width:90%}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pill{font-size:12px;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:500}.pill.active{background:var(--blue-soft);color:var(--blue);border-color:#2f6bff4d}.kv{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:var(--fs-body)}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted)}.nav-back{flex:0 0 auto;width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:var(--card-2);color:var(--text);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .08s,background .2s;margin-right:1px}.nav-back:active{transform:scale(.9);background:var(--blue-soft)}.stat.tap{cursor:pointer;transition:transform .1s,box-shadow .2s,border-color .2s}.stat.tap:after{content:"›";position:absolute;top:12px;right:14px;color:var(--muted);font-size:18px;opacity:.45;transition:opacity .2s,transform .2s}.stat.tap:active{transform:scale(.96);border-color:#2f6bff66;box-shadow:0 6px 20px #2f6bff33}.stat.tap:active:after{opacity:1;transform:translate(2px);color:var(--blue)}.btn:active{transform:scale(.97);filter:brightness(1.05)}.btn.sm:active{transform:scale(.94)}.pill{transition:transform .08s,background .2s,color .2s,border-color .2s}.pill:active{transform:scale(.93)}.tabbar button{transition:transform .08s,color .2s}.tabbar button:active{transform:scale(.88)}.deal{transition:background .2s}.card.tap{cursor:pointer;transition:transform .1s,border-color .2s,box-shadow .2s}.card.tap:active{transform:scale(.985);border-color:#2f6bff59;box-shadow:0 6px 20px #2f6bff2e}#app>.brand+*{animation:rise .32s ease both}.consent{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--muted);margin:4px 0 12px;cursor:pointer}.consent input{margin-top:2px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--gold)}.consent-box{max-height:200px;overflow-y:auto;white-space:pre-wrap;font-size:12px;line-height:1.45;color:var(--muted);background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;-webkit-overflow-scrolling:touch}