:root{--surface: #f8f9fa;--surface-low: #f1f4f6;--surface-lowest: #ffffff;--surface-high: #e8edf1;--primary: #005bc0;--primary-dim: #004fa9;--primary-container:#dde8ff;--on-primary: #f7f7ff;--on-primary-cont: #003580;--secondary-cont: #e8f0e8;--on-secondary-cont:#1a3a1a;--on-surface: #1a1c1e;--on-surface-2: #44474a;--on-surface-3: #74777b;--error: #9f403d;--error-container: #fde8e8;--whisper: 0 12px 32px -4px rgba(43,52,55,.06);--manrope: "Manrope", system-ui, sans-serif;--inter: "Inter", system-ui, sans-serif;--radius-card: 14px;--radius-btn: 8px;--radius-chip: 20px}html:has(.page),html:has(.page) body{height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--surface);font-family:var(--inter);color:var(--on-surface)}.btn-primary{display:block;width:100%;padding:14px;border-radius:var(--radius-btn);border:none;background:linear-gradient(135deg,#005bc0,#004fa9);color:var(--on-primary);font-family:var(--inter);font-size:14px;font-weight:600;text-align:center;cursor:pointer;letter-spacing:.01em}.btn-secondary{display:block;width:100%;padding:13px;border-radius:var(--radius-btn);border:none;background:var(--surface-high);color:var(--primary);font-family:var(--inter);font-size:14px;font-weight:600;text-align:center;cursor:pointer}.btn-tertiary{background:transparent;border:none;color:var(--primary);font-family:var(--inter);font-size:13px;font-weight:500;cursor:pointer;padding:8px}.btn-danger{display:block;width:100%;padding:14px;border-radius:var(--radius-btn);border:none;background:linear-gradient(135deg,#b71c1c,#9f1717);color:#fff;font-family:var(--inter);font-size:14px;font-weight:600;text-align:center;cursor:pointer}.card{background:var(--surface-lowest);border-radius:var(--radius-card);padding:14px 16px;margin-bottom:10px;box-shadow:var(--whisper)}.display-lg{font-family:var(--manrope);font-size:28px;font-weight:800;color:var(--on-surface);line-height:1.15;letter-spacing:-.02em}.display-sm{font-family:var(--manrope);font-size:20px;font-weight:700;color:var(--on-surface)}.label-upper{font-family:var(--inter);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-3)}.body-md{font-family:var(--inter);font-size:13px;color:var(--on-surface-2)}.chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-chip);font-family:var(--inter);font-size:10px;font-weight:600;letter-spacing:.02em}.chip-free{background:#dde8ff;color:#003580}.chip-occ{background:#fff3e0;color:#8a4a00}.chip-inact{background:var(--surface-high);color:var(--on-surface-3)}.chip-window{background:#ede7f6;color:#4527a0}.chip-sched{background:#dde8ff;color:#003580}.chip-future{background:#dbeafe;color:#1e40af}.chip-open{background:#dde8ff;color:#003580}.chip-waiting{background:#f1f4f6;color:#586064}.chip-matched{background:#dcfce7;color:#166534}.chip-expiring{background:#fee2e2;color:#991b1b}.chip-yours{background:#fff3e0;color:#8a4a00}.stat-card{background:var(--surface-lowest);border-radius:var(--radius-card);padding:14px 16px;box-shadow:var(--whisper)}.stat-num{font-family:var(--manrope);font-size:32px;font-weight:800;color:var(--primary);line-height:1;margin-bottom:4px}.stat-lbl{font-family:var(--inter);font-size:11px;color:var(--on-surface-3);font-weight:500}.topbar{padding-top:max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),28px)!important;padding-inline:24px;padding-bottom:0;height:auto!important;min-height:64px;background:#f8f9fa;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.topbar-title{font-family:var(--manrope);font-size:16px;font-weight:700;color:var(--on-surface);flex:1;text-align:center}.topbar-back,.topbar-action{font-family:var(--inter);font-size:13px;color:var(--primary);font-weight:500;cursor:pointer;background:none;border:none}.bottom-nav{background:#f8f9fa;border-top:none;flex-shrink:0;padding-bottom:max(var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)),14px)!important;height:auto!important;min-height:80px}.form-field{width:100%;padding:12px 14px;border-radius:12px;border:none;background:var(--surface-lowest);font-family:var(--inter);font-size:14px;color:var(--on-surface);box-shadow:var(--whisper);outline:2px solid transparent;transition:outline .15s;box-sizing:border-box}.form-field:focus{outline:2px solid rgba(0,91,192,.2)}.form-label{font-family:var(--inter);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-3);margin-bottom:5px;display:block}.section-head{font-family:var(--manrope);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-3);margin:16px 0 8px}.alert-session{background:var(--primary-container);border-radius:var(--radius-card);padding:14px 16px;margin-bottom:10px}.alert-reclaim{background:#fff3e0;border-radius:var(--radius-card);padding:14px 16px;margin-bottom:10px}.page{background:var(--surface);height:100dvh;display:flex;flex-direction:column;padding-left:var(--safe-area-inset-left, env(safe-area-inset-left, 0px));padding-right:var(--safe-area-inset-right, env(safe-area-inset-right, 0px));box-sizing:border-box}.page-body{flex:1;padding:16px;overflow-y:auto}