:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-card:#161616;--bg-elevated:#1c1c1c;--green:#1db954;--green-dark:#158f3d;--green-dim:rgba(29,185,84,.12);--green-border:rgba(29,185,84,.25);--text-primary:#ffffff;--text-secondary:#888888;--text-muted:#444444;--border:rgba(255,255,255,.06);--border-hover:rgba(255,255,255,.12);--red:#e74c3c;--red-dim:rgba(231,76,60,.12);--amber:#f39c12;--amber-dim:rgba(243,156,18,.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;min-height:100vh;overflow-x:hidden}button{cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:none;outline:none}input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;outline:none}.page{min-height:100vh;background:var(--bg-primary);padding-bottom:80px}.card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:10px}.btn-primary{width:100%;padding:14px;border-radius:var(--radius-md);background:var(--green);color:#000;font-size:14px;font-weight:700;letter-spacing:.03em;transition:all .15s}.btn-primary:disabled{opacity:.5}.btn-primary:active{transform:scale(.98)}.btn-secondary{width:100%;padding:14px;border-radius:var(--radius-md);background:transparent;border:.5px solid var(--border-hover);color:var(--text-primary);font-size:14px;font-weight:500}.btn-danger{width:100%;padding:14px;border-radius:var(--radius-md);background:var(--red-dim);border:.5px solid rgba(231,76,60,.3);color:var(--red);font-size:14px;font-weight:600}.pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap;letter-spacing:.02em}.pill-wait{background:var(--amber-dim);color:var(--amber);border:.5px solid rgba(243,156,18,.3)}.pill-paid{background:var(--green-dim);color:var(--green);border:.5px solid var(--green-border)}.pill-done{background:#ffffff0d;color:#666;border:.5px solid var(--border)}.pill-cancel{background:var(--red-dim);color:var(--red);border:.5px solid rgba(231,76,60,.3)}.app-header{background:var(--bg-secondary);border-bottom:.5px solid var(--border);padding:12px 16px 14px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:.5px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom);z-index:100}.nav-item{flex:1;padding:10px 4px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;color:var(--text-muted);font-size:10px;font-weight:500;transition:color .15s;border:none}.nav-item.active{color:var(--green)}.nav-icon{font-size:18px;line-height:1}.input-wrap{margin-bottom:12px}.input-label{font-size:11px;color:var(--text-secondary);margin-bottom:6px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.input-field{width:100%;background:var(--bg-elevated);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-primary);font-size:14px;transition:border-color .15s}.input-field:focus{border-color:var(--green)}.section-title{font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 10px}.stat-card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius-md);padding:14px}.stat-label{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:20px;font-weight:700}.timer{font-size:12px;font-weight:700;color:var(--red);font-variant-numeric:tabular-nums}.timer-amber{color:var(--amber)}.rank-bar{height:3px;background:var(--bg-elevated);border-radius:2px;overflow:hidden;margin-top:8px}.rank-fill{height:100%;background:var(--green);border-radius:2px;transition:width .5s ease}.net-select{display:flex;gap:8px}.net-btn{padding:8px 18px;border-radius:99px;font-size:13px;font-weight:600;background:var(--bg-elevated);border:.5px solid var(--border);color:var(--text-secondary);transition:all .15s;cursor:pointer}.net-btn.active{background:var(--green-dim);border-color:var(--green-border);color:var(--green)}