:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e293b;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{height:68px;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e8f0}.brand{font-size:18px;font-weight:800;color:#12223a;text-decoration:none;letter-spacing:-.04em}.brand span{color:#168b75}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a,.link-button{color:#526176;font-weight:600;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font:inherit}.topbar nav form{margin:0}main{width:min(1120px,calc(100% - 40px));margin:48px auto 80px}.auth-card{width:min(440px,100%);margin:72px auto;padding:36px;background:white;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 18px 50px #0f172a0b}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:11px;color:#168b75}.auth-card h1,.page-head h1{margin:9px 0 8px;font-size:34px;letter-spacing:-.045em;color:#15253d}.muted{color:#65748a;line-height:1.55}.auth-card form{display:grid;gap:10px;margin-top:24px}.verify-form{padding-top:18px;border-top:1px solid #e8edf3}.auth-card label,.field label{font-size:13px;font-weight:700;color:#38485f}.auth-card input,.field input,.tier-card input,.tier-card select,.inline-form select{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:#fff;color:#16243a}.auth-card button,button,.button{border:0;border-radius:8px;padding:11px 16px;background:#15816e;color:#fff;font-weight:700;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.auth-card button:hover,button:hover,.button:hover{background:#116c5c}.secondary{background:#edf4f2;color:#136b5b}.secondary:hover{background:#dcece7}.danger{background:#fff0ef;color:#b42318}.danger:hover{background:#ffe0dc}.fine{font-size:12px;color:#8190a4;margin:20px 0 0}.status{margin:12px 0;color:#526176;font-size:14px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-head h1{margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats article,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:13px}.stats article{padding:18px 20px;display:grid;gap:8px}.stats article span{font-size:12px;color:#77869a;font-weight:700}.stats article strong{font-size:21px;color:#17283f;letter-spacing:-.03em}.panel{padding:24px;margin:18px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h2{font-size:21px;margin:5px 0 0;letter-spacing:-.03em}.field-row{display:grid;grid-template-columns:1fr 1.3fr;gap:22px}.field{display:grid;gap:9px}.field small{font-size:12px;color:#738197}.slug-input{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.slug-input input{border:0;min-width:0}.slug-input span{white-space:nowrap;padding:0 12px;color:#728198;font-size:13px;background:#f8fafc;height:44px;display:flex;align-items:center}.inline-note{font-size:12px;color:#687990}.inline-note.good{color:#12805c}.inline-note.bad{color:#b42318}#deployment-form>button{margin-top:15px}.deployment-list{display:grid}.deployment-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #edf1f5}.deployment-row:last-child{border:0}.row-actions{display:flex;gap:9px;align-items:center}.pagination{margin-top:14px}.row-actions button,.row-actions .button{font-size:13px;padding:8px 12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#718096;font-size:11px;text-transform:uppercase;letter-spacing:.08em}td,th{padding:11px 10px;border-bottom:1px solid #edf1f5;vertical-align:middle}td small{display:block;color:#8290a3;margin-top:4px;font-size:10px}td form{display:flex;gap:6px;align-items:center}td input{width:120px;min-width:0;padding:7px;border:1px solid #d5dde7;border-radius:6px}.inline-form select{width:110px;padding:7px}.table-wrap button{font-size:12px;padding:7px 9px}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tier-card{padding:16px;border:1px solid #e5eaf0;border-radius:10px;display:grid;gap:9px}.tier-card h3{margin:0 0 4px}.tier-card label{font-size:12px;font-weight:700;color:#54647a;display:grid;gap:4px}.tier-card input{padding:8px}.tier-card button{margin-top:4px}footer{text-align:center;color:#91a0b3;font-size:12px;padding:16px 20px 36px}footer span{color:#617187}code{font-size:11px;color:#526176;overflow-wrap:anywhere}@media(max-width:760px){main{margin-top:28px}.stats{grid-template-columns:repeat(2,1fr)}.field-row,.tier-grid{grid-template-columns:1fr}.auth-card{margin:24px auto;padding:26px}.page-head h1{font-size:29px}.deployment-row{align-items:flex-start;gap:12px;flex-direction:column}.row-actions{flex-wrap:wrap}.topbar{padding:0 20px}.table-wrap{margin:0 -12px}}

/* Accent palette for signed-in dashboard and admin pages. */
.portal-body { --portal-accent: #9c51e0; --portal-accent-hover: #853bc6; --portal-accent-soft: #f6effb; --portal-accent-border: #e7d6f4; }
.portal-body .brand span, .portal-body .eyebrow { color: var(--portal-accent); }
.portal-body .topbar nav a:hover, .portal-body .link-button:hover { color: var(--portal-accent); }
.portal-body .topbar .link-button { padding: 0; background: transparent; color: #526176; }
.portal-body .topbar .link-button:hover { background: transparent; color: var(--portal-accent); }
.portal-body button, .portal-body .button { background: var(--portal-accent); }
.portal-body button:hover, .portal-body .button:hover { background: var(--portal-accent-hover); }
.portal-body button.secondary, .portal-body .button.secondary { background: var(--portal-accent-soft); color: #7137a5; }
.portal-body button.secondary:hover, .portal-body .button.secondary:hover { background: #ecdef7; }
.portal-body button.danger { background: #fff0ef; color: #b42318; }
.portal-body button.danger:hover { background: #ffe0dc; }
.portal-body .stats article:first-child { border-color: var(--portal-accent-border); }
.portal-body .stats article:first-child strong { color: var(--portal-accent); }
.portal-body .drop-zone:hover, .portal-body .drop-zone.dragging { background: var(--portal-accent-soft); border-color: var(--portal-accent); }
.portal-body .drop-zone:focus-within { outline-color: #9c51e066; }
.welcome-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.tier-badge { display:inline-flex; align-items:center; padding:6px 11px; border:1px solid var(--portal-accent-border); border-radius:999px; background:var(--portal-accent-soft); color:#7137a5; font-size:12px; font-weight:750; letter-spacing:0; line-height:1.2; }
.library-heading { align-items:flex-end; gap:20px; }
.library-metrics { display:flex; gap:24px; }
.library-metrics div { display:grid; gap:4px; }
.library-metrics span { color:#77869a; font-size:11px; font-weight:700; }
.library-metrics strong { color:#17283f; font-size:15px; letter-spacing:-.02em; }
@media(max-width:560px) { .library-heading { align-items:flex-start; flex-direction:column; } .library-metrics { gap:18px; flex-wrap:wrap; } }