:root{--teal:#0ea5b7;--teal-dark:#0c8595;--sand:#f3ead7;--sun:#f6b545;--coral:#ff6b5e;--ink:#0f2b33;--slate:#51636a;--bg:#f5f7f8;--surface:#fff;--border:#e2e8ec;--ok:#16a34a;--shadow:0 6px 20px -8px #0f2b3340;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:16px/1.5 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{overscroll-behavior-y:none;margin:0}#root{background:var(--bg);max-width:480px;min-height:100svh;margin:0 auto;position:relative;box-shadow:0 0 40px -10px #0f2b331f}h1,h2,h3{color:var(--ink);margin:0;line-height:1.2}button{cursor:pointer;border:none;border-radius:12px;font-family:inherit}a{color:var(--teal-dark)}.app-shell{flex-direction:column;min-height:100svh;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.pulse{animation:1.4s ease-in-out infinite pulse}.page{padding:calc(env(safe-area-inset-top) + 16px) 16px calc(72px + env(safe-area-inset-bottom) + 16px);flex:1;overflow-y:auto}.page-title{letter-spacing:-.5px;margin-bottom:4px;font-size:26px;font-weight:700}.page-subtitle{color:var(--slate);margin-bottom:18px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-bottom:14px;padding:18px}.card h3{margin-bottom:10px;font-size:16px}.label{text-transform:uppercase;letter-spacing:.6px;color:var(--slate);font-size:12px;font-weight:600}.value{color:var(--ink);font-size:18px;font-weight:600}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.row:last-child{border-bottom:none}.btn-primary{background:var(--teal);color:#fff;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .15s}.btn-primary:active{background:var(--teal-dark)}.btn-primary:disabled{opacity:.5}.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;padding:14px;font-size:16px}.input:focus{border-color:var(--teal);outline:none}.pill{background:var(--accent-bg,#0ea5b71f);color:var(--teal-dark);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.muted{color:var(--slate);font-size:14px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);z-index:50;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--slate);background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;font-size:11px;font-weight:600;display:flex}.nav-item .nav-icon{font-size:20px;line-height:1}.nav-item.active{color:var(--teal)}.hero{background:linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%);color:#fff;border-radius:18px;margin-bottom:16px;padding:22px}.hero h2{color:#fff;font-size:22px}.hero p{opacity:.9;margin:6px 0 0;font-size:14px}