:root{color:#17212b;background:#f5f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{align-items:center;border:0;border-radius:7px;cursor:pointer;display:inline-flex;font-weight:700;gap:.45rem}.login-shell{align-items:center;background:#082a35;display:flex;min-height:100vh;padding:2rem}.login-panel{color:#fff;display:grid;gap:2rem;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);margin:0 auto;max-width:1120px;width:100%}.login-panel h1{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:0;line-height:1;margin:.3rem 0 1rem}.lede{color:#d9e7eb;font-size:1.1rem;line-height:1.65;max-width:680px}.eyebrow{color:#4aa99b;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}.login-form{background:#fff;border:1px solid #d8e1e8;border-radius:8px;color:#17212b;display:grid;gap:1rem;padding:1.2rem}label{color:#43515f;display:grid;font-size:.85rem;font-weight:700;gap:.4rem}input,select,textarea{border:1px solid #cbd6df;border-radius:7px;color:#17212b;padding:.75rem .85rem}textarea{resize:vertical}.login-form button,.topbar-actions button,.operation-panel button{background:#127c75;color:#fff;justify-content:center;min-height:2.65rem;padding:.65rem .9rem}.login-form button:disabled{opacity:.7}.login-form h2{margin:0}.access-actions{display:grid;gap:.7rem}.login-shortcuts{border-top:1px solid #dce6ee;padding-top:1rem}.access-policy{background:#f5f8fb;border:1px solid #dce6ee;border-radius:8px;color:#43515f;display:grid;gap:.25rem;line-height:1.4;padding:.85rem}.access-policy strong{color:#17212b;font-size:.88rem}.access-policy span{font-size:.82rem}.secondary-button,.login-form .secondary-button,.stacked-form .secondary-button,.auth-links button,.ghost-link{background:#eff5f7;color:#0d2937}.ghost-link{margin-bottom:1.1rem}.auth-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}.auth-links button{min-height:2.45rem;padding:.55rem .75rem}.form-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}aside{background:#0d2937;color:#fff;padding:1rem}.brand{align-items:center;display:flex;gap:.75rem;margin-bottom:1.3rem}.brand strong,.brand span{display:block}.brand span{color:#a9c6cf;font-size:.82rem}.portfolio-nav{display:grid;gap:.35rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.portfolio-nav a{align-items:center;background:#ffffff14;border-radius:7px;color:#dce9ee;display:inline-flex;font-size:.78rem;font-weight:800;gap:.4rem;min-height:2.2rem;padding:0 .55rem;text-decoration:none}.portfolio-nav a.active,.portfolio-nav a:hover{background:#eff8f7;color:#0d2937}.public-nav{margin:0 0 1rem;max-width:520px}.public-nav a{background:#ffffff1f}nav{display:grid;gap:.35rem}nav button{background:transparent;color:#dce9ee;justify-content:flex-start;padding:.7rem .75rem;text-align:left}nav button.active,nav button:hover{background:#eff8f7;color:#0d2937}.nav-divider{background:#ffffff29;height:1px;margin:.6rem 0}main{min-width:0;padding:1.3rem}.topbar{align-items:center;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.topbar h1{font-size:1.75rem;letter-spacing:0;margin:.15rem 0 0}.topbar-actions{display:flex;gap:.5rem}.topbar-actions button:last-child{background:#23313f}.content-grid{display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,section,.analytics-panel,.info-list,.account-panel{background:#fff;border:1px solid #d9e3eb;border-radius:8px;box-shadow:0 8px 30px #1227340f}.metric-card{display:grid;gap:.45rem;min-height:112px;padding:1rem}.metric-card span{color:#607080;font-size:.82rem;font-weight:800;text-transform:uppercase}.metric-card strong{color:#17212b;font-size:2rem}.metric-card.warning{border-color:#f0c98a}.operation-panel{align-items:center;background:#fff;border:1px solid #d9e3eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;padding:.85rem}.operation-panel button:nth-child(5){background:#9b2c2c}.split{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}section,.analytics-panel,.info-list,.account-panel{padding:1rem}section h3,.analytics-panel h3,.account-panel h3{margin:0 0 .8rem}.account-panel{max-width:760px}.stacked-form{display:grid;gap:1rem}.stacked-form button{background:#127c75;color:#fff;justify-content:center;min-height:2.65rem;padding:.65rem .9rem}.preference-list{display:grid;gap:.5rem}.checkbox-row{align-items:center;background:#f7fafc;border:1px solid #e0e8ef;border-radius:7px;color:#17212b;display:flex;flex-direction:row;gap:.65rem;justify-content:flex-start;padding:.7rem;text-transform:capitalize}.table-wrap{overflow:auto}table{border-collapse:collapse;min-width:100%}th,td{border-bottom:1px solid #e5edf3;font-size:.86rem;padding:.65rem;text-align:left;vertical-align:top}th{color:#607080;font-size:.74rem;text-transform:uppercase}.status-pill{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;margin-bottom:.8rem;padding:.3rem .55rem}.status-pill.success{background:#dff3ed;color:#11684f}.status-pill.warning{background:#fff3d8;color:#8a5b0e}.status-pill.danger{background:#ffe4e4;color:#9b2c2c}.status-pill.neutral{background:#edf2f6;color:#43515f}.empty-state,.error-state,.notice-state,.message,.muted{color:#607080;font-size:.9rem}.error-state{align-items:center;background:#fff1f1;border:1px solid #ffc9c9;border-radius:8px;color:#9b2c2c;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.message{color:#11684f;font-weight:700}.notice-state{background:#e8f6f2;border:1px solid #bfe4d8;border-radius:8px;color:#11684f;padding:.75rem}.analytics-panel{max-width:760px}.access-denied{max-width:720px}.access-denied svg{color:#9b2c2c}pre{background:#f4f7fa;border-radius:8px;overflow:auto;padding:1rem}@media(max-width:980px){.app-shell,.login-panel,.split,.form-grid{grid-template-columns:1fr}aside{position:static}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.content-grid{grid-template-columns:1fr}.topbar,.topbar-actions{align-items:stretch;flex-direction:column}}
