:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#172226;background:radial-gradient(circle at 6% 10%,rgba(210,243,255,.9),transparent 24%),radial-gradient(circle at 90% 8%,rgba(235,255,228,.84),transparent 22%),linear-gradient(160deg,#eff8ff,#f3fffa 52%,#f8fcff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .95);--surface-soft: #f8fbfa;--border: #cbdad7;--text: #172226;--muted: #56686f;--brand: #1179a8;--brand-strong: #0f5f82;--brand-soft: #dbf2ff;--accent: #24a463;--accent-soft: #dff8ea;--shadow: 0 16px 38px rgba(31, 44, 46, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:#0f766e73;box-shadow:0 0 0 3px #0f766e26;background:#fff}.app-shell{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr)}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-gate-card{width:min(560px,100%)}.auth-page{display:grid;gap:10px}.sidebar{display:flex;flex-direction:column;gap:16px;padding:22px;background:linear-gradient(180deg,#ffffffdb,#f8fcfbb3);border-right:1px solid rgba(203,218,215,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block{display:flex;gap:12px;align-items:center}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand),#11544f);color:#fff;font-weight:800;letter-spacing:.08em;box-shadow:0 8px 18px #0d5d564d}.eyebrow{margin:0 0 4px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,h4,p{margin:0}h1{font-size:1.4rem}h2{letter-spacing:-.02em}.sidebar-nav,.list-stack,.page-grid{display:grid;gap:12px}.nav-link,.panel,.hero-card,.content-card,.metric-card,.job-card,.message-card{background:var(--surface);border:1px solid rgba(203,218,215,.9);border-radius:20px;box-shadow:var(--shadow)}.nav-link{display:block;padding:14px;text-decoration:none;color:var(--text);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.nav-link:hover{transform:translateY(-1px);border-color:#0f766e59}.nav-link.active{background:linear-gradient(135deg,#0f766e24,#fff9);border-color:#0f766e52}.nav-title{display:block;font-weight:700}.nav-copy{display:block;font-size:12px;color:var(--muted);margin-top:4px}.panel,.content-card,.job-card,.message-card,.metric-card{padding:16px}.auth-panel{margin-top:auto}.chip-grid,.button-row,.tag-row,.hero-badges{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);background:#fff;color:var(--text);padding:8px 11px;border-radius:999px;cursor:pointer}.chip.selected{background:var(--brand-soft);border-color:#0f766e4d;color:var(--brand-strong)}.main-panel{padding:22px;display:grid;gap:16px}.hero-badge,.tag,.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.hero-badge,.status-pill.plain{background:var(--brand-soft);color:var(--brand-strong)}.status-pill.accent{background:var(--accent-soft);color:#8b4e17}.status-pill.supabase{background:#d8f3dc;color:#2f6c38}.status-pill.demo{background:#edf0ef;color:#56635f}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card h3{font-size:1.35rem;margin:6px 0 3px}.section-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.list-item{padding:14px;border-radius:16px;background:var(--surface-soft);border:1px solid rgba(206,221,219,.9)}.list-item h4{margin-bottom:4px}.tag{background:#fff;color:var(--muted);border:1px solid var(--border)}.primary-button,.ghost-button,.link-button{border-radius:999px;padding:10px 14px;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,background-color .2s ease}.primary-button:hover,.ghost-button:hover,.link-button:hover{transform:translateY(-1px)}.primary-button{border:none;background:linear-gradient(120deg,var(--brand),#0f6a63);color:#fff;box-shadow:0 8px 16px #0f766e3d}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ghost-button{border:1px solid var(--border);background:#fff;color:var(--text)}.link-button{border:none;background:transparent;color:var(--brand-strong);padding-left:4px;padding-right:4px}.field{display:grid;gap:5px;margin:10px 0}.field input,.textarea,.select{width:100%;border-radius:12px;border:1px solid var(--border);padding:10px 11px;background:#ffffffd6}.form-grid{display:grid;gap:8px;margin-top:10px}.textarea{min-height:92px;resize:vertical}.muted{color:var(--muted)}.tiny{font-size:12px;color:var(--muted)}.top-ribbon{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:16px;border:1px solid rgba(203,218,215,.9);background:linear-gradient(120deg,#dbf2ffb3,#e0ffeeb3);box-shadow:var(--shadow)}.top-ribbon-item{padding:8px 10px;border-radius:12px;border:1px solid rgba(181,215,228,.9);background:#fffc;min-width:160px}.landing-shell{min-height:100vh;padding:20px;display:grid;gap:18px}.landing-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:20px;background:#ffffffc7;border:1px solid rgba(184,220,233,.9);box-shadow:var(--shadow)}.landing-brand{display:flex;align-items:center;gap:12px}.landing-link{text-decoration:none}.landing-hero{padding:24px;border-radius:24px;background:linear-gradient(130deg,#1d8ac421,#24a46321),#ffffffd1;border:1px solid rgba(181,215,228,.9);box-shadow:var(--shadow)}.landing-hero h2{font-size:clamp(1.4rem,3vw,2.1rem);margin-bottom:8px}.landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-card{padding:16px;border-radius:16px;border:1px solid rgba(184,220,233,.9);background:#ffffffd1;box-shadow:var(--shadow)}.page-intro h2{font-size:clamp(1.1rem,2.2vw,1.5rem);margin-bottom:6px}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;border-right:none;border-bottom:1px solid rgba(203,218,215,.9)}.sidebar-nav{grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);overflow-x:auto;padding-bottom:3px}.nav-link{min-height:92px}.auth-panel{margin-top:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.sidebar,.main-panel{padding:14px}.metric-grid{grid-template-columns:1fr}.section-row{flex-direction:column}.button-row{align-items:center}.top-ribbon{flex-direction:column;align-items:stretch}.top-ribbon-item{min-width:0}.landing-topbar{flex-direction:column;align-items:flex-start}.landing-grid{grid-template-columns:1fr}}