:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102033;background:#eef6fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(#051f38c7,#051f38d1),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80);background-size:cover;background-position:center;padding:24px}.login-panel{width:min(440px,100%);background:#fffffff5;border:1px solid #d7e7f0;border-radius:8px;padding:32px;box-shadow:0 24px 60px #03182b47}.brand-mark,.sidebar-brand span{width:44px;height:44px;border-radius:8px;display:inline-grid;place-items:center;background:#00a7d8;color:#fff;font-weight:800}.eyebrow{margin:16px 0 4px;color:#24728a;font-size:12px;text-transform:uppercase;letter-spacing:.08em}h1{margin:0;font-size:54px;color:#072946}h2{margin:0;font-size:28px;color:#082b49}h3{margin:0 0 16px}.login-copy{color:#536675;line-height:1.5}.portal-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.portal-toggle button,.primary-action,.sidebar button,.session-chip button{border:0;border-radius:8px;cursor:pointer}.portal-toggle button{padding:12px;background:#e8f2f7;color:#16405d}.portal-toggle button.active,.primary-action{background:#053456;color:#fff}label{display:grid;gap:8px;margin:14px 0;color:#33495b;font-weight:700}input,select{border:1px solid #c4d8e3;border-radius:8px;padding:12px;background:#fff;min-width:0}.primary-action{width:100%;padding:13px;margin-top:14px;font-weight:800}.error-box{padding:12px;background:#ffe8e8;color:#9b1c1c;border-radius:8px;white-space:pre-line}.password-change{display:grid;gap:10px;padding:12px;margin-top:12px;border-radius:8px;background:#eef8fb;border:1px solid #b8ddeb}.password-change button{border:0;border-radius:8px;padding:10px;color:#fff;background:#006f91;cursor:pointer}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#062b49;color:#fff;padding:24px 18px}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.sidebar nav{display:grid;gap:6px}.sidebar button{display:flex;align-items:center;gap:10px;padding:12px;color:#d7eef8;background:transparent;text-align:left}.sidebar button.active,.sidebar button:hover{background:#0b4269;color:#fff}.workspace{padding:28px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.session-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d7e7f0;padding:8px 10px;border-radius:8px}.session-chip button{display:grid;place-items:center;background:#e8f2f7;color:#0d3a5c;padding:8px}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.table-card,.wide-card,.empty-state,.module-grid article{background:#fff;border:1px solid #d7e7f0;border-radius:8px;padding:18px;box-shadow:0 10px 30px #082b490f}.metric-card span,.wide-card span{color:#5d7180}.metric-card strong{display:block;margin:10px 0;font-size:30px;color:#062b49}.metric-card em{color:#008ab3;font-style:normal;font-weight:800}.table-card{grid-column:1 / -1;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:12px;border-bottom:1px solid #e3edf3;text-align:left}th{color:#476272;font-size:12px;text-transform:uppercase}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.module-grid article{display:grid;gap:8px}.module-grid span,.empty-state p,.wide-card p{color:#5c7181}.wide-card{grid-column:1 / -1}.wide-card strong{display:block;margin:8px 0;font-size:24px;color:#062b49}.customer-workspace{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:18px;align-items:start}.customer-form{background:#fff;border:1px solid #d7e7f0;border-radius:8px;padding:18px;box-shadow:0 10px 30px #082b490f}.form-header,.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.portal-toggle.compact{margin:0}.temporary-secret{display:grid;gap:10px;padding:12px;margin-top:12px;border-radius:8px;background:#e8f7ed;border:1px solid #b7dfc4}.temporary-secret code{overflow-wrap:anywhere;padding:10px;border-radius:6px;background:#fff;color:#06331d}.temporary-secret button{border:0;border-radius:8px;padding:10px;color:#fff;background:#11764b;cursor:pointer}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.customer-workspace,.form-header,.form-row{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}