:root{--bg:#f4f7f8;--bg-2:#eef3f5;--card:#ffffff;--text:#1a1f24;--muted:#6b7780;--accent:#00b8a9;--accent-dark:#009688;--danger:#d64545;--border:#e2e8eb;--shadow:0 12px 40px rgba(15,40,50,0.08);--radius:18px;--font-ui:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--font-display:"Space Grotesk","IBM Plex Sans",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font-ui);color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(0,184,169,.12),transparent 60%),linear-gradient(180deg,var(--bg) 0,var(--bg-2) 100%)}a{color:var(--accent-dark);text-decoration:none}button,input{font:inherit}.app-shell{min-height:100dvh;max-width:430px;margin:0 auto;padding:16px 16px calc(88px + env(safe-area-inset-bottom));position:relative}.brand{letter-spacing:.04em;font-size:18px}.brand,.brand-logo{font-family:var(--font-display);font-weight:700}.brand-logo{display:inline-flex;align-items:center;gap:1px;letter-spacing:.02em;color:var(--text);line-height:1}.brand-logo-text{letter-spacing:.06em}.brand-x{color:var(--accent);display:block;flex-shrink:0}.password-wrap{position:relative;width:100%}.password-wrap .input{padding-right:48px}.password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);width:40px;height:40px;display:grid;place-items:center;cursor:pointer;padding:0}.password-eye:hover{color:var(--accent-dark)}.header-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.btn-logout{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.discount-badge{display:inline-flex;align-items:center;background:rgba(0,184,169,.12);color:var(--accent-dark);border:1px solid var(--accent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.price-old{color:var(--muted);text-decoration:line-through;font-size:14px;font-weight:500}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;border-radius:999px;border:1.5px solid var(--accent);background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn.ghost{background:#fff;color:var(--accent-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.input{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--border);padding:0 14px;background:#fff}.muted{color:var(--muted);font-size:14px;line-height:1.45}.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(430px,100%);display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2px;gap:2px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:20}.tab{border:0;background:transparent;color:var(--muted);font-size:11px;padding:6px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.tab.active{color:var(--accent-dark);font-weight:600}.status-ok{color:var(--accent-dark)}.status-bad,.status-ok{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:6px}.status-bad{color:var(--danger)}.x-mark{width:120px;height:120px;margin:18px auto;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(0,184,169,.2),transparent 70%);box-shadow:0 0 0 10px rgba(0,184,169,.08);animation:pulseX 2.4s ease-in-out infinite}.x-mark span{font-family:var(--font-display);font-size:64px;font-weight:700;color:var(--accent);line-height:1}@keyframes pulseX{0%,to{box-shadow:0 0 0 8px rgba(0,184,169,.08)}50%{box-shadow:0 0 0 14px rgba(0,184,169,.14)}}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.list-item{padding:12px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;font-size:14px}.flash{animation:flash .45s ease}@keyframes flash{0%{background:rgba(0,184,169,.2)}to{background:transparent}}h1,h2,h3{font-family:var(--font-display);margin:0 0 8px}.stack{display:flex;flex-direction:column;gap:12px}