:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17202e;--ink:#17202e;--muted:#687386;--line:#dfe4eb;--navy:#101c2c;--green:#18a875;--green-dark:#0c7f58;background:#f3f5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3f5f8;margin:0}button,input,select{font:inherit}button{cursor:pointer}.eyebrow{color:var(--green);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .6rem;font-size:.72rem;font-weight:800}.brand-mark{color:#fff;letter-spacing:-.05em;flex-direction:column;font-size:1.65rem;font-weight:800;display:flex}.brand-mark strong{color:#55dbaf}.brand-mark span{color:#8896aa;letter-spacing:.15em;text-transform:uppercase;margin-top:.2rem;font-size:.65rem;font-weight:700}.brand-mark.large{font-size:2rem}.login-shell{background:var(--navy);grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-copy{color:#fff;background:radial-gradient(circle at 15% 15%,#23c48f42,#0000 30%),radial-gradient(circle at 90% 85%,#3162cf4d,#0000 35%);flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(2rem,6vw,6rem);display:flex;position:relative;overflow:hidden}.login-copy .brand-mark{position:absolute;top:3rem;left:clamp(2rem,6vw,6rem)}.login-copy h1{letter-spacing:-.065em;max-width:750px;margin:.4rem 0 1.4rem;font-size:clamp(3rem,6vw,6.5rem);line-height:.92}.login-copy>p:not(.eyebrow){color:#aebaca;max-width:580px;font-size:1.08rem;line-height:1.7}.feature-row{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.feature-row span{color:#cdd7e3;border:1px solid #ffffff29;border-radius:999px;padding:.55rem .85rem;font-size:.8rem}.login-panel{background:#f7f8fa;border-radius:32px 0 0 32px;place-items:center;padding:2rem;display:grid}.login-panel form{gap:1rem;width:min(410px,100%);display:grid}.login-panel h2{letter-spacing:-.04em;margin:0 0 1.5rem;font-size:2rem}label{color:#374154;gap:.45rem;font-size:.82rem;font-weight:700;display:grid}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #d7dde6;border-radius:10px;outline:none;padding:.9rem 1rem;transition:all .2s}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #18a8751f}.primary-button{background:var(--green);color:#fff;border:0;border-radius:10px;padding:.9rem 1.2rem;font-weight:800;box-shadow:0 8px 20px #18a87533}.primary-button:hover{background:var(--green-dark)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.text-button,.quiet-button{color:var(--muted);background:0 0;border:0}.text-button{padding:.5rem}.app-grid{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);flex-direction:column;height:100vh;padding:2rem 1.25rem;display:flex;position:sticky;top:0}.sidebar .brand-mark{padding:0 .7rem 2rem}.sidebar nav{gap:.25rem;display:grid}.sidebar nav a{color:#9ba9bb;border-radius:8px;padding:.72rem .8rem;font-size:.86rem;font-weight:650;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{color:#e8fff7;background:#55dbaf1f}.sidebar .quiet-button{text-align:left;color:#8f9bad;margin-top:auto;padding:.8rem}.app-content{min-width:0;padding:clamp(1.5rem,4vw,4rem)}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.page-header h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.5rem)}.page-header p:last-child{max-width:650px;color:var(--muted);margin:.75rem 0 0;line-height:1.55}.metric-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.metric-grid article,.data-card,.context-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 8px 32px #151f2f0a}.metric-grid span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.metric-grid strong{letter-spacing:-.03em;margin:.5rem 0;font-size:1.55rem;display:block}.metric-grid small{color:#7a8495}.data-card h2{margin-top:0}.muted{color:var(--muted);line-height:1.6}.context-card{gap:1.2rem;max-width:760px;display:grid}.context-step{grid-template-columns:42px 1fr;align-items:center;gap:1rem;display:grid}.context-step>span{width:36px;height:36px;color:var(--green-dark);background:#e8f8f2;border-radius:50%;place-items:center;font-weight:800;display:grid}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th{border-bottom:1px solid var(--line);color:#758093;letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:.75rem 1rem;font-size:.68rem}td{color:#344054;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #edf0f4;max-width:340px;padding:.9rem 1rem;overflow:hidden}tbody tr:hover{background:#fafbfc}.empty-state{color:var(--muted);text-align:center;padding:4rem 1rem}.error-banner,.success-banner{border-radius:8px;padding:.8rem 1rem;font-size:.84rem}.error-banner{color:#a73535;background:#fff0f0}.success-banner{color:#0a7652;background:#e8f8f2}.center-message{min-height:100vh;color:var(--muted);place-items:center;display:grid}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-copy{min-height:42vh}.login-copy .brand-mark{margin-bottom:5rem;position:static}.login-panel{border-radius:28px 28px 0 0}.app-grid{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.app-content{padding:1.5rem}.metric-grid{grid-template-columns:1fr}}
