:root{--navy:#062d5b;--blue:#147ac0;--ink:#233746;--muted:#607282;--line:#d7e2e8;--pale:#f2f8fb;--test:#9b5b00;--white:#fff;--danger:#a62b2b}*{box-sizing:border-box}body{margin:0;background:#f5f8fa;color:var(--ink);font:16px/1.5 Arial,sans-serif}.portal-shell{min-height:100vh}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(1rem,4vw,3rem);background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.brand img{display:block;width:150px;height:auto}.mode-badge{display:inline-block;border-radius:999px;background:#fff1d4;color:var(--test);border:1px solid #e3bd72;padding:.25rem .65rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-right:.5rem}.portal-nav{display:flex;gap:.35rem;overflow:auto;padding:.65rem clamp(1rem,4vw,3rem);background:var(--navy)}.portal-nav button,.button-secondary{border:0;border-radius:.45rem;padding:.65rem .9rem;cursor:pointer}.portal-nav button{color:var(--white);background:transparent;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.portal-nav button:hover,.portal-nav button.active{background:rgba(255,255,255,.16)}.button-secondary{background:#e8f0f5;color:var(--navy)}#portal-main{max-width:1200px;margin:0 auto;padding:clamp(1rem,4vw,2.5rem)}h1,h2,h3{color:var(--navy);line-height:1.15}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.card,.loading-card,.table-wrap,.login-card{background:var(--white);border:1px solid var(--line);border-radius:.75rem;box-shadow:0 8px 24px rgba(14,45,71,.06)}.card{padding:1rem}.metric{font-size:2rem;font-weight:700;color:var(--navy)}.table-wrap{overflow:auto;margin-top:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--pale);color:var(--navy);font-size:.82rem;text-transform:uppercase}tr[data-contact-id]{cursor:pointer}tr[data-contact-id]:hover{background:#eef7fb}.badge{display:inline-block;border-radius:999px;padding:.2rem .55rem;background:#e8f0f5;font-size:.78rem;font-weight:700}.badge.production{background:#e4f5e8;color:#236b35}.badge.alternate_reserve{background:#fff1d4;color:#805000}.badge.demo_test{background:#eee8ff;color:#533b8e}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin:1rem 0}.toolbar label,.form-grid label,.login-card label{display:grid;gap:.3rem;font-weight:700}.toolbar select,.toolbar input,.form-grid input,.form-grid select,.form-grid textarea,.login-card input{border:1px solid #aebfca;border-radius:.4rem;padding:.65rem;background:#fff;font:inherit}button.primary,.login-card button{border:0;border-radius:.45rem;background:var(--blue);color:#fff;font-weight:700;padding:.7rem 1rem;cursor:pointer}.login-shell{min-height:100vh;display:grid;place-content:center;padding:1rem;background:linear-gradient(145deg,#eef7fb,#fff)}.login-shell>.brand{margin:0 auto 1.25rem}.login-card{width:min(430px,94vw);padding:clamp(1.25rem,5vw,2rem)}.login-card form{display:grid;gap:1rem}.login-card #login-message{min-height:1.5rem;color:var(--danger)}dialog{width:min(820px,96vw);max-height:90vh;border:0;border-radius:.8rem;padding:0;box-shadow:0 20px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(1,24,43,.6)}#contact-detail{padding:1.5rem}.dialog-close{float:right;margin:.5rem;border:0;background:transparent;font-size:2rem;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.form-grid .wide{grid-column:1/-1}.identifiers{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;background:#fff5dc;border:1px solid #e5c57b;border-radius:.5rem;padding:.75rem;margin:1rem 0}.timeline{border-left:3px solid var(--blue);padding-left:1rem}.timeline article{margin:0 0 1rem}.muted{color:var(--muted);font-size:.9rem}@media(max-width:650px){.portal-header{align-items:flex-start}.brand img{width:118px}.form-grid,.identifiers{grid-template-columns:1fr}.portal-nav button{font-size:.78rem}.table-wrap table{min-width:720px}}