:root{color-scheme:dark;--panel:#0e1a2a;--text:#f8fafc;--muted:#8ca0b8;--line:#24364c;--blue:#22a8f2;--blue2:#2968f2;--green:#22c55e;--red:#ef4444;font-family:Tahoma,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 88% 0,#0b3153 0,transparent 28%),linear-gradient(180deg,#09121f,#050b13);color:var(--text)}body{min-height:100dvh}button,input,textarea{font:inherit}.shell{width:min(100%,640px);margin:auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}.hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:8px 3px 20px}.kicker,.section-kicker{display:block;color:#58c5ff;font-size:12px;margin-bottom:6px}.hero h1{font-size:30px;margin:0 0 8px}.hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.net-wrap{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;padding-top:10px;white-space:nowrap}.net-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(34,197,94,.12)}.net-dot.offline{background:var(--red)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.stats article{background:rgba(14,26,42,.88);border:1px solid var(--line);border-radius:16px;padding:14px 15px}.stats span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.stats strong{font-size:24px}.stats small{display:block;color:#60778f;font-size:10px;margin-top:3px}.card{background:rgba(14,26,42,.95);border:1px solid var(--line);border-radius:22px;padding:19px;box-shadow:0 24px 70px rgba(0,0,0,.28);margin-bottom:12px}.card.mini{padding:15px 16px}.card-title,.mini-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-title{margin-bottom:16px}.card-title h2{font-size:18px;margin:0}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:15px}.field>label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin:0 2px 7px}.field label small{color:var(--muted);font-weight:400}input,textarea{width:100%;border:1px solid var(--line);background:#081321;color:var(--text);border-radius:13px;padding:13px 14px;outline:none}textarea{resize:none;line-height:1.8}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(34,168,242,.11)}.helper{min-height:18px;padding:5px 3px 0;color:var(--muted);font-size:11px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#081321;border:1px solid var(--line);border-radius:13px;padding:4px}.segmented input{display:none}.segmented label{justify-content:center!important;margin:0!important;padding:9px 8px;border-radius:9px;color:var(--muted);cursor:pointer}.segmented input:checked+label{background:#17304b;color:#fff}.receipt-box{display:flex;gap:12px;align-items:center;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#081321}.receipt-box img{width:70px;height:70px;border-radius:10px;object-fit:cover}.receipt-box strong{display:block;font-size:11px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-btn{border:0;background:transparent;color:#ff8d8d;padding:7px 0;cursor:pointer}.actions{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:6px}.primary,.secondary,.ghost{border:0;border-radius:13px;padding:13px 15px;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:800}.primary:disabled{opacity:.55}.secondary,.ghost{background:#132239;color:#d8e3ef;border:1px solid var(--line)}.ghost{padding:9px 11px;font-size:11px}.hidden{display:none!important}.mini-row strong{display:block;margin-top:4px;font-size:12px}.badge{font-size:10px;padding:6px 9px;border-radius:999px;background:rgba(34,197,94,.12);color:#7ef29f;border:1px solid rgba(34,197,94,.22)}.badge.pending{color:#fbc46a}.toast{position:fixed;right:18px;left:18px;bottom:calc(22px + env(safe-area-inset-bottom));max-width:604px;margin:auto;padding:13px 16px;border-radius:14px;background:#132239;border:1px solid var(--line);transform:translateY(150%);opacity:0;transition:.24s;text-align:center;z-index:20}.toast.show{transform:translateY(0);opacity:1}.toast.error{border-color:rgba(239,68,68,.45)}@media(max-width:520px){.grid.two{grid-template-columns:1fr}.hero{align-items:center}.hero h1{font-size:27px}}
