:root{--bg:#f2f5fc;--bg-soft:#e9eefc;--surface:#fff;--surface-soft:#f7f9ff;--text:#0f1728;--muted:#4b5873;--border:#cfd8ea;--border-strong:#b7c6e4;--accent:#2d5bda;--accent-strong:#214ac0;--accent-soft:#dfe8ff;--success:#057647;--success-soft:#dcfaea;--warning:#9f4a00;--warning-soft:#ffe9d3;--danger:#b42318;--danger-soft:#fef3f2}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(900px 520px at 95% -15%,#dce7ff 10%,transparent 70%),radial-gradient(700px 380px at -10% 110%,#dde7ff 10%,transparent 70%),linear-gradient(180deg,#f6f9ff 0%,var(--bg)58%);margin:0;font-family:Avenir Next,Segoe UI Variable,Segoe UI,sans-serif}h1,h2,h3{letter-spacing:-.01em;font-family:Sora,Avenir Next,Segoe UI Variable,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1320px,100%);margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 12px 28px #10182814}.button{background:linear-gradient(180deg,var(--accent)0%,var(--accent-strong)100%);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .12s}.button:hover{transform:translateY(-1px);box-shadow:0 8px 14px #2d5bda40}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button.secondary:hover{box-shadow:0 8px 14px #0f17281f}.button.disabled{color:#98a2b3;cursor:not-allowed;background:#f2f4f7;border-color:#eaecf0}.button.disabled:hover{box-shadow:none;transform:none}.input{border:1px solid var(--border);border-radius:12px;width:100%;padding:10px 12px}.label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.stack{gap:16px;display:grid}.row{align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.error{background:var(--danger-soft);color:var(--danger);border:1px solid #fda29b;border-radius:12px;padding:10px;font-size:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.portal-shell-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.portal-shell-brand{align-items:center;gap:12px;display:flex}.portal-logo-image{object-fit:cover;border-radius:999px;flex-shrink:0;width:42px;height:42px}.portal-shell-meta{margin:4px 0 0;font-size:14px}.dashboard-hero{border-color:var(--border-strong);background:linear-gradient(0deg,var(--surface)0%,var(--surface)100%),linear-gradient(130deg,#f9fbff 0%,#f4f8ff 100%)}.hero-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-subtitle{margin-top:8px!important}.hero-metrics{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;display:grid}.metric{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:2px;min-width:140px;padding:10px 12px;display:grid}.metric strong{font-size:26px;line-height:1}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.metric-subtle{color:var(--muted);font-size:12px}.hero-chips{flex-wrap:wrap;gap:8px;display:flex}.access-panel{border-top:1px solid var(--border);padding-top:12px}.chip{border:1px solid var(--border);color:#274067;background:var(--surface-soft);border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-primary{background:var(--accent-soft);color:#1e46bd;border-color:#b7cbff}.role-row{gap:8px;display:grid}.role-row-label{letter-spacing:.04em;text-transform:uppercase;color:#47597a;font-size:12px;font-weight:700}.role-tags{flex-wrap:wrap;gap:8px;display:flex}.role-tag{color:#2f4978;background:#eaf0ff;border:1px solid #c5d4f7;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.access-summary{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:10px;padding:12px;display:grid}.access-summary-head{gap:4px;display:grid}.access-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.access-item{background:#fff;border:1px solid #d7e0f3;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.access-app{color:#2a3e61;font-size:13px;font-weight:600}.access-state{letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.access-granted{background:var(--success-soft);color:var(--success)}.access-missing{color:#b93815;background:#fff2f1}.status-note{font-size:12px}.empty-state{background:linear-gradient(#fff 0%,#f8fbff 100%);border-style:dashed;gap:10px;display:grid}.inline-code{border:1px solid var(--border);background:#f4f7ff;border-radius:10px;width:fit-content;padding:6px 10px;font-size:12px;display:inline-flex}.app-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.app-card-link{border-radius:14px;display:block}.app-card-link:focus-visible{outline:none}.app-card-link:focus-visible .app-card{border-color:#92adf3;box-shadow:0 0 0 3px #2d5bda2e}.app-card{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f8fbff 100%);border-radius:14px;gap:12px;padding:16px;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid}.app-card:hover{border-color:#b7c6e6;transform:translateY(-1px);box-shadow:0 12px 20px #0f172814}.app-card-top{justify-content:space-between;align-items:center;display:flex}.app-icon{color:#214ac0;background:#edf2ff;border:1px solid #c7d5f2;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.app-icon svg{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.status-badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-live{color:var(--success);background:var(--success-soft)}.status-soon{color:var(--warning);background:var(--warning-soft)}.status-down{color:var(--danger);background:var(--danger-soft)}.app-url{color:#586886;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.app-health-note{color:#9f3122;font-size:12px;font-weight:600}.app-link{pointer-events:none;width:fit-content}@media (max-width:860px){.hero-top{flex-direction:column}}@media (max-width:640px){.container,.card{padding:16px}.portal-shell-header{flex-direction:column;align-items:stretch}.portal-shell-brand{width:100%}.hero-metrics{grid-template-columns:1fr;width:100%}}