:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fire:#a35d4c;--water:#3a6679;--air:#5e7c84;--earth:#5e6b56;--aether:#6f6585;--paper:#f6f2ea;--text:#1f2723;--muted:#606b63;--card:#fffdf8;--line:#d9d1c2;--line-strong:#c6baa8;--success:#365f46;--danger:#8f3f34;--focus:#3a6679;--shadow:0 12px 30px #1f272314}*{box-sizing:border-box}html{min-height:100%}body{background:var(--paper);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}p,dd{margin:0}h1,h2,h3{letter-spacing:0;margin:0;line-height:1.15}h1{font-size:1.45rem}h2{font-size:1.7rem}h3{font-size:1rem}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{z-index:30;background:var(--text);color:var(--paper);border-radius:8px;padding:.65rem .9rem;font-weight:700;text-decoration:none;position:fixed;top:-10rem;left:1rem}.skip-link:focus{top:1rem}.button{min-height:2.75rem;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .9rem;font-weight:700;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.62}.button.primary{background:var(--water);color:#fff}.button.secondary{border-color:var(--line-strong);background:var(--card)}.button.compact{border-color:var(--line-strong);background:var(--card);min-height:2.35rem;font-size:.9rem}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.brand-mark{background:var(--water);color:#fff;border-radius:8px;flex:none;place-items:center;width:2.75rem;height:2.75rem;font-weight:900;display:inline-grid}.login-shell,.status-screen{place-items:center;min-height:100vh;padding:1rem;display:grid}.status-screen p{color:var(--muted);font-weight:700}.login-card{border:1px solid var(--line);background:var(--card);width:min(100%,31rem);box-shadow:var(--shadow);border-radius:8px;gap:1.25rem;padding:1.25rem;display:grid}.brand-lockup,.sidebar-brand,.account-actions,.record-header{align-items:center;gap:.85rem;display:flex}.brand-lockup{align-items:flex-start}.login-intro,.page-heading p,.info-card p,.placeholder-panel p,.record-card p,.state-message,.sidebar-brand span,.account-email{color:var(--muted)}.login-form,.field,.page-stack,.record-card,.placeholder-panel,.info-card{display:grid}.login-form{gap:1rem}.field{gap:.4rem}.field label{font-weight:800}.field input{border:1px solid var(--line-strong);width:100%;min-height:3rem;color:var(--text);background:#fff;border-radius:8px;padding:.75rem .85rem}.notice,.state-message{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.85rem}.notice.success{color:var(--success);border-color:#365f4659}.notice.error,.state-message.error{color:var(--danger);border-color:#8f3f3459}.portal-shell{min-height:100vh}.sidebar{z-index:20;border-bottom:1px solid var(--line);background:#fffdf8f5;gap:1rem;padding:.85rem;display:grid;position:sticky;top:0}.sidebar-brand strong,.sidebar-brand span{display:block}.portal-nav{gap:.45rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.nav-link{--section-color:var(--water);border:1px solid var(--line);min-height:2.5rem;color:var(--muted);background:#fff;border-radius:8px;flex:none;align-items:center;gap:.45rem;padding:.55rem .7rem;font-weight:800;text-decoration:none;display:inline-flex}.nav-link.active{border-color:var(--section-color);color:var(--text)}.nav-swatch{background:var(--section-color);border-radius:999px;flex:none;width:.65rem;height:.65rem}.portal-main{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#f6f2eaf0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.account-actions{flex-wrap:wrap;justify-content:flex-end}.account-email{overflow-wrap:anywhere;max-width:14rem;font-size:.92rem}.content-area{width:min(100%,72rem);margin-inline:auto;padding:1.1rem}.page-stack{gap:1rem}.page-heading{gap:.55rem;max-width:50rem;display:grid}.card-grid,.record-list{gap:.85rem;display:grid}.info-card,.placeholder-panel,.record-card{border:1px solid var(--line);border-left:5px solid var(--card-accent,var(--water));background:var(--card);box-shadow:var(--shadow);border-radius:8px;gap:.75rem;padding:1rem}.record-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.record-header h3{min-width:0}.status-label{border:1px solid var(--line-strong);color:var(--muted);background:#fff;border-radius:6px;flex:none;padding:.2rem .45rem;font-size:.82rem;font-weight:800}.meta-list{gap:.5rem;margin:0;display:grid}.meta-list div{border-top:1px solid var(--line);grid-template-columns:minmax(7.5rem,.45fr) 1fr;gap:.6rem;padding-top:.5rem;display:grid}.meta-list dt{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:800}.meta-list dd{color:var(--text)}.accent-fire{--card-accent:var(--fire)}.accent-water{--card-accent:var(--water)}.accent-air{--card-accent:var(--air)}.accent-earth{--card-accent:var(--earth)}.accent-aether{--card-accent:var(--aether)}.accent-muted{--card-accent:var(--muted)}@media (width>=720px){h1{font-size:1.65rem}h2{font-size:2rem}.login-card{padding:1.5rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-area{padding:1.5rem}}@media (width>=960px){.portal-shell{grid-template-columns:17rem minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--line);border-bottom:0;align-content:start;height:100vh;padding:1rem}.portal-nav{display:grid;overflow:visible}.nav-link{width:100%}.topbar{z-index:10;padding:1.25rem 1.5rem;position:sticky;top:0}.record-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}