:root{--pf-navy:#071534;--pf-navy-soft:#12244d;--pf-blue:#1f6feb;--pf-violet:#7c3aed;--pf-ink:#10182b;--pf-muted:#4b5872;--pf-surface:#fff;--pf-surface-alt:#f4f6fb;--pf-ok:#0f7b45;--pf-warn:#b54708}*{box-sizing:border-box}body{color:var(--pf-ink);background:var(--pf-surface-alt);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app-header{background:var(--pf-navy);padding:.75rem 1.5rem}.brand{color:#fff;align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{background:var(--pf-blue);border-radius:.4rem;place-items:center;width:1.75rem;height:1.75rem;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;display:inline-grid}.app-main{max-width:64rem;margin:0 auto;padding:2rem 1.5rem}a{color:var(--pf-blue)}.api-status{color:var(--pf-muted);font-size:.9rem}.api-status--connected{color:var(--pf-ok)}.api-status--unreachable{color:var(--pf-warn)}.page-loading{color:var(--pf-muted)}.app-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-nav{align-items:center;gap:.9rem;display:inline-flex}.header-email{color:#c7d2e8;font-size:.85rem}.header-link{color:#fff;font-size:.9rem}.linklike{cursor:pointer;font:inherit;color:var(--pf-blue);background:0 0;border:none;padding:0;text-decoration:underline}.auth-card{background:var(--pf-surface);border:1px solid #dde4f0;border-radius:.6rem;max-width:24rem;margin:3rem auto 0;padding:1.5rem}.auth-form{gap:.6rem;display:grid}.auth-form label{font-size:.85rem;font-weight:600}.auth-form input{border:1px solid #c3cde0;border-radius:.4rem;padding:.55rem .7rem;font-size:1rem}.auth-form button[type=submit]{background:var(--pf-blue);color:#fff;cursor:pointer;border:none;border-radius:.4rem;margin-top:.4rem;padding:.6rem;font-size:.95rem;font-weight:600}.auth-form button[type=submit]:disabled{opacity:.6;cursor:default}.auth-note{color:var(--pf-muted);font-size:.85rem}.form-error{color:#b3261e;font-size:.9rem}.dev-hint{color:var(--pf-violet);font-size:.8rem}