/* Login */
.login{min-height:100vh;background:radial-gradient(120% 70% at 100% 0%,#22385A 0%,var(--navy) 60%);color:#fff;display:flex;flex-direction:column;align-items:center;padding:56px 24px 32px}
.login .logo{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#FF8A3D,var(--accent));display:grid;place-items:center;color:#fff;box-shadow:0 10px 30px rgba(242,106,27,.4)}
.login h1{font-size:30px;margin:22px 0 6px;letter-spacing:-.02em;text-align:center}
.login p{color:#AFC0D6;margin:0;font-size:17px;text-align:center}
.dots{display:flex;gap:18px;margin:30px 0 8px}
.dots i{width:18px;height:18px;border-radius:50%;border:2px solid #6B7F99}
.dots i.on{background:var(--accent);border-color:var(--accent)}
.login .err{color:#FFB4A8;min-height:24px;font-weight:600;font-size:15px}
.keypad{display:grid;grid-template-columns:repeat(3,84px);gap:16px;margin-top:14px}
.keypad button{height:84px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:30px;font-weight:600;display:grid;place-items:center}
.keypad button:active{background:rgba(255,255,255,.2)}
.keypad button.blank{background:none}
.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}
.hero .gear{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff}
.empty{text-align:center;padding:26px 18px;color:var(--ink-2)}
.empty b{display:block;font-size:18px;color:var(--ink);margin-bottom:6px}
.kv{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:16px}
.kv:first-child{border-top:0}
.kv span{color:var(--ink-2)}
.kv.big b{font-size:22px;letter-spacing:-.02em}
.btnrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn.sm{min-height:52px;font-size:16px;padding:0 14px}
.btn.danger{background:#fff;color:var(--red);border:2px solid #F3C1BA;box-shadow:none}
.del{width:44px;height:44px;border-radius:12px;color:var(--ink-3);display:grid;place-items:center;flex:none}
.thumb{width:46px;height:46px;border-radius:12px;object-fit:cover;flex:none}
.receipt img{max-height:120px;border-radius:10px}
select.input{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}
.hint{font-size:14px;color:var(--ink-3);margin:6px 2px 0}
.jobhead .amt{font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-top:10px}
.statusrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.hero::after{pointer-events:none}.hero .top{position:relative;z-index:1}
.thumb{border:1px solid var(--line)}.exp{gap:10px}.exp .amt{font-size:16px;white-space:nowrap}.del{width:36px}.exp b{font-size:15px}
.login .coname{margin-top:16px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#FFB689}
.login h1{margin-top:6px}
.src{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--green);background:var(--green-soft);padding:2px 8px;border-radius:999px}
.src.est{color:var(--amber);background:var(--amber-soft)}
.src.rate{color:var(--ink-3);background:#EEF1F5}
.src.plan{color:#5B21B6;background:#EDE9FE}
.choice{padding:12px 0;border-top:1px solid var(--line)}
.choice:first-of-type{border-top:0;padding-top:2px}
.clabel{font-weight:800;font-size:16px;margin-bottom:8px}
.tierseg{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}
.tierseg button{min-height:62px;border-radius:14px;border:2px solid var(--line);background:#fff;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.tierseg button b{font-size:15px}
.tierseg button small{font-size:12px;color:var(--ink-3);line-height:1.15;text-align:center}
.tierseg button.on{border-color:var(--accent);background:var(--accent-soft)}
.tierseg button.on b{color:var(--accent-press)}
.cnote{font-size:14px;color:var(--ink-2);margin-top:8px}
.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.compare button{border:2px solid var(--line);border-radius:16px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;min-height:84px;justify-content:center}
.compare button small{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.compare button b{font-size:17px;letter-spacing:-.02em;white-space:nowrap}
.compare button span{font-size:11px;color:var(--ink-3)}
.compare button.on{border-color:var(--accent);background:var(--accent-soft)}