:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 16px;--text-2xl: 19px;--text-3xl: clamp(28px, 4vw, 38px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 15px;--radius-xl: 22px;--border-color: #e0e6ef;--border-color-strong: #dbe2ee;--border-color-subtle: #edf0f5;--color-bg: #f4f7fb;--color-surface: #ffffff;--color-text: #17213a;--color-text-muted: #69758e;--color-text-subtle: #6d7890;--color-brand: #2357d9;--color-brand-strong: #204693;--color-brand-soft: #e8eefc;--color-brand-softer: #edf2ff;--color-danger: #b52a2a;--color-danger-bg: #fff0f0;--color-danger-text: #b42318;--color-success-bg: #e9f8ef;--color-success-text: #1f7a45;--color-warning-bg: #fff5dd;--color-warning-text: #95630c;--color-neutral-bg: #eef1f6;--color-neutral-text: #5d687d;--color-sidebar-bg: #101a32;--color-sidebar-active: #1d2b4b;--color-sidebar-text: #aeb9d1;--shadow-card: 0 6px 24px rgba(45, 61, 96, .04);--shadow-pop: 0 24px 70px rgba(39, 58, 105, .13);--shadow-drawer: -18px 0 48px rgba(20, 30, 60, .18);--shadow-modal: 0 30px 80px rgba(20, 30, 60, .28);color-scheme:light;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;border-radius:var(--radius-md);padding:11px 16px;background:var(--color-brand);color:#fff;cursor:pointer;font-weight:700}button:disabled{opacity:.55;cursor:wait}button.secondary{background:var(--color-brand-soft);color:var(--color-brand-strong)}button.danger{background:var(--color-danger-bg);color:var(--color-danger)}button.ghost{background:transparent;color:#63708b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}input,select,textarea{width:100%;border:1px solid var(--border-color-strong);background:#fff;border-radius:var(--radius-md);padding:11px 12px;color:var(--color-text);outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#4f7bf0;box-shadow:0 0 0 3px #e5ecff}label{display:grid;gap:7px;font-size:var(--text-base);font-weight:650;color:#4a5670}h1,h2,h3,p{margin-top:0}.muted{color:var(--color-text-muted);line-height:1.55}.eyebrow{color:#3260ce;font-size:var(--text-xs);font-weight:850;letter-spacing:.13em;margin-bottom:9px}.error{color:var(--color-danger-text);background:#fff2f0;border-radius:var(--radius-sm);padding:9px 10px;font-size:var(--text-base)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(circle at 20% 5%,#e4edff 0,transparent 35%),linear-gradient(140deg,#f9fbff,#eef3fb)}.auth-card{width:min(440px,100%);background:#fffffff0;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-pop)}.auth-card h1{font-size:30px;margin-bottom:var(--space-2)}.auth-card form{display:grid;gap:var(--space-4);margin:var(--space-6) 0 var(--space-4)}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--color-brand);color:#fff;font-weight:900;margin-bottom:22px}.text-link{color:#315cc2;font-size:var(--text-md);background:none}.loading{min-height:100vh;display:grid;place-items:center;color:#61708e}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"sidebar topbar" "sidebar content"}aside{grid-area:sidebar;position:sticky;top:0;height:100vh;padding:26px 18px 18px;background:var(--color-sidebar-bg);color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 26px}.brand>span{width:36px;height:36px;display:grid;place-items:center;background:#3970ed;border-radius:11px;font-weight:900}.brand div{display:grid}.brand small,.profile small{color:#8997b5;font-size:var(--text-xs);margin-top:2px}aside nav{display:grid;gap:4px}aside nav a{color:var(--color-sidebar-text);text-decoration:none;border-radius:9px;padding:10px 12px;font-size:var(--text-md);font-weight:620}aside nav a:hover,aside nav a.active{color:#fff;background:var(--color-sidebar-active)}.profile{margin-top:auto;border-top:1px solid #293653;padding:18px 6px 2px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.profile div{min-width:0;display:grid}.profile strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-base)}.avatar{width:36px;height:36px;border-radius:50%;background:#e1e9fb;color:#3158ad;display:grid;place-items:center;font-weight:800;text-transform:uppercase}.topbar{grid-area:topbar;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-4);padding:14px clamp(24px,5vw,72px);background:var(--color-bg);border-bottom:1px solid var(--border-color-subtle)}.global-search{flex:1;display:flex;gap:10px;max-width:620px}.global-search input{background:#fff}.content{grid-area:content;min-width:0;padding:var(--space-8) clamp(24px,5vw,72px)}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:30px}.page-head h1{font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:var(--space-2)}.page-head .muted{max-width:650px}.read-only{padding:8px 10px;border:1px solid var(--border-color-subtle);border-radius:var(--radius-sm);background:#fff;color:#6d7890;font-size:10px;font-weight:850;letter-spacing:.08em;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.metric-card,.panel,.staff-card,.source-notice,.table-wrap,.empty{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.metric-card{padding:20px;min-height:170px}.card-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:28px;color:#59647c;font-weight:700;font-size:var(--text-base)}.metric-card>strong{font-size:24px}.metric-card p{margin:var(--space-2) 0 0;color:#707b91;font-size:var(--text-base);line-height:1.5}.status{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:4px 8px;background:var(--color-neutral-bg);color:var(--color-neutral-text);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.status.available,.status.active{background:var(--color-success-bg);color:var(--color-success-text)}.status.unavailable,.status.revoked{background:var(--color-danger-bg);color:var(--color-danger)}.status.future,.status.invited,.status.not_configured{background:var(--color-warning-bg);color:var(--color-warning-text)}.status.suspended{background:#fbeaea;color:#9b2929}.source-notice{display:flex;align-items:start;gap:14px;padding:17px 19px;margin-bottom:16px}.source-notice p{color:#6c7790;margin:4px 0 0;font-size:var(--text-base)}.source-notice strong{font-size:var(--text-md)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-base)}th{color:var(--color-text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;text-align:left;background:#fafbfd}th,td{padding:13px 15px;border-bottom:1px solid var(--border-color-subtle);white-space:nowrap}tr:last-child td{border-bottom:0}.empty{padding:var(--space-8);text-align:center}.empty p{margin:7px auto 0;color:#727e95;max-width:430px}.toolbar{display:flex;gap:10px;margin-bottom:var(--space-4);flex-wrap:wrap}.toolbar input{max-width:440px}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-4) 0 var(--space-3)}.panel{padding:var(--space-5);margin-bottom:var(--space-5)}.panel h2{margin-bottom:var(--space-1)}.invite-form{display:grid;gap:17px;margin-top:var(--space-5)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.assignment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.staff-list{display:grid;gap:13px}.staff-card{padding:18px}.staff-line{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center}.staff-line h3{margin:0 0 3px;font-size:var(--text-lg)}.staff-line p{margin:0;color:#758097;font-size:var(--text-base)}.owner-badge{color:#315cc2;background:var(--color-brand-softer);padding:3px 6px;border-radius:6px;font-size:10px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 3px 51px}.chips span{background:#f1f4f9;color:#556179;border-radius:7px;padding:5px 8px;font-size:var(--text-sm)}.access-editor{margin:14px 0 0 51px;border-top:1px solid var(--border-color-subtle);padding-top:12px}.access-editor summary{cursor:pointer;color:#315cc2;font-weight:700;font-size:var(--text-sm);margin-bottom:13px}.access-editor button{margin-top:12px}.row-actions{display:flex;gap:8px;justify-content:end;margin-top:12px}@media(max-width:820px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "sidebar" "content"}aside{position:static;height:auto;padding-bottom:12px}aside nav{display:flex;overflow-x:auto}aside nav a{white-space:nowrap}.content{padding:26px 18px}.page-head{display:block}.read-only{margin-top:15px}.two-col{grid-template-columns:1fr}.chips,.access-editor{margin-left:0}.topbar{padding:12px 18px;flex-wrap:wrap}}.panel-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.badge-future{padding:4px 9px;border-radius:999px;background:var(--color-warning-bg);color:var(--color-warning-text);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.read-only-banner{padding:10px 14px;margin-bottom:16px;border-radius:var(--radius-md);background:var(--color-warning-bg);color:#7a5209;font-size:var(--text-sm);font-weight:700;letter-spacing:.02em}.registry-grid,.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin-top:4px}.registry-card,.connection-card{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:19px 21px}.registry-card-head,.connection-card-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}.registry-card-head h3,.connection-card-head h3{font-size:var(--text-lg);margin-bottom:3px}.registry-card-badges{display:flex;flex-direction:column;align-items:end;gap:6px}.pill{display:inline-flex;width:fit-content;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.pill-set{background:var(--color-success-bg);color:var(--color-success-text)}.pill-pending{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.registry-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color-subtle)}.registry-section:first-of-type{margin-top:0;padding-top:0;border-top:0}.registry-section>strong{display:block;font-size:var(--text-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.registry-section .table-wrap{border:1px solid var(--border-color-subtle);border-radius:var(--radius-md);box-shadow:none}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px;margin:0}.kv-grid dt{font-size:10px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.kv-grid dd{margin:0;font-size:var(--text-base);color:#23304f;font-weight:600}.nav-group{display:grid;gap:4px;margin-bottom:16px}.nav-group-label{color:#6c7899;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:0 12px;margin:4px 0 6px}.cockpit-section{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px;margin-bottom:20px}.cockpit-section h2{font-size:var(--text-xl);margin-bottom:14px}.cockpit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:20px}.cockpit-grid .cockpit-section{margin-bottom:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin-bottom:0}.cockpit-note{background:var(--color-warning-bg);color:#7a5209;border-radius:var(--radius-md);padding:10px 14px;font-size:var(--text-sm);font-weight:650;margin-bottom:14px}.readiness-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.readiness-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:var(--text-sm);font-weight:700;background:var(--color-neutral-bg);color:var(--color-neutral-text)}.attention-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.attention-row{color:var(--color-text);display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:11px;background:#fafbfd;border:1px solid var(--border-color-subtle);cursor:pointer;text-align:left;width:100%}.attention-row:hover{background:#f4f6fb}.attention-row.sev-high:hover{background:#ffece8}.attention-row strong{font-size:var(--text-base)}.attention-row p{margin:2px 0 0;font-size:var(--text-sm)}.attention-row.sev-high{background:#fff2f0;border-color:#ffd9d4}.attention-row>span.muted{white-space:nowrap}.attention-reasons{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:5px}.attention-reasons li{display:flex;align-items:center;gap:7px;font-size:var(--text-sm);color:#556179}.attention-flag{display:inline-block;color:#9b3a12;background:#fff1e6;border-radius:7px;padding:3px 8px;font-size:var(--text-sm);font-weight:700}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.product-pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.pill-filter{background:var(--color-neutral-bg);color:#556179;border-radius:999px;padding:7px 14px;font-size:var(--text-sm);font-weight:700;border:1px solid transparent}.pill-filter.active{background:var(--color-brand);color:#fff}.activity-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.activity-list li{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #f0f2f7;font-size:var(--text-sm)}.activity-list li:last-child{border-bottom:0}.quick-actions{display:flex;flex-wrap:wrap;gap:10px}.quick-action{display:inline-flex;align-items:center;border-radius:var(--radius-md);padding:11px 16px;background:var(--color-brand);color:#fff;font-weight:700;font-size:var(--text-base);text-decoration:none}.quick-action.secondary{background:var(--color-brand-soft);color:var(--color-brand-strong)}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}.connect-panel{margin-top:4px}.identity-search{display:flex;gap:10px;margin-bottom:4px;flex-wrap:wrap}.identity-search select{max-width:240px}.identity-search input{max-width:440px}.directory-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 12px;flex-wrap:wrap}.directory-controls select{width:auto;min-width:180px}.inline-check{flex-direction:row;align-items:center;gap:8px;font-weight:600;color:#556179}.inline-check input{width:auto}.row-sub{font-size:var(--text-xs);margin-top:2px}.inline-chips{margin:0}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7f9fd}button.small{padding:6px 11px;font-size:var(--text-sm)}button.ghost.icon.small{padding:4px 7px}.connection-card.needs-attention{border-color:#ffd9d4}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f162a6b;display:flex;justify-content:flex-end;z-index:40}.drawer{width:min(460px,100%);height:100%;background:#fff;color:var(--color-text);padding:var(--space-7);overflow-y:auto;box-shadow:var(--shadow-drawer)}.drawer-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px}.drawer-head h2{font-size:var(--text-2xl);margin-bottom:4px}.drawer-badges{flex-direction:row;align-items:center;margin-bottom:6px}.client360-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;flex-wrap:wrap}.client360-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--border-color-subtle);padding-bottom:2px}.client360-tab{background:transparent;color:var(--color-text-subtle);font-weight:700;font-size:var(--text-base);padding:10px 14px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.client360-tab.active{color:var(--color-brand);background:var(--color-brand-softer)}.client360-section{margin-bottom:20px}.client360-section h2{font-size:var(--text-xl);margin-bottom:12px}.identifier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.identifier-row{display:flex;align-items:center;gap:10px;background:#fafbfd;border:1px solid var(--border-color-subtle);border-radius:var(--radius-sm);padding:10px 12px}.identifier-label{font-size:10px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;min-width:92px}.identifier-value{flex:1;font-size:var(--text-base);font-weight:650;color:#23304f;word-break:break-all}.identifier-row button{flex-shrink:0}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-subtle);font-size:var(--text-sm);font-weight:700;background:none;padding:6px 0;margin-bottom:10px}.skeleton{display:grid;gap:8px}.skeleton-line{display:block;height:13px;border-radius:999px;background:linear-gradient(90deg,#eef1f6 25%,#e4e9f2 37%,#eef1f6 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}.skeleton-card .skeleton-line:first-child{height:18px}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.skeleton-line{animation:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f162a7a;display:grid;place-items:center;z-index:60;padding:var(--space-5)}.modal{width:min(460px,100%);background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-modal)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:var(--space-3)}.modal-head h2{font-size:var(--text-xl)}.danger-form{display:grid;gap:var(--space-3)}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:var(--space-1)}.toast-stack{position:fixed;top:18px;right:18px;z-index:80;display:grid;gap:8px;max-width:min(340px,calc(100vw - 36px))}.toast{padding:12px 14px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:650;box-shadow:var(--shadow-card);background:var(--color-text);color:#fff}.toast-success{background:#1a2e22}.toast-error{background:#3a1414}@media(max-width:820px){.nav-group{display:contents}.nav-group-label{display:none}.cockpit-grid{grid-template-columns:1fr}.section-head,.page-actions{flex-direction:column;align-items:start}.identity-search{flex-direction:column}.identity-search select,.identity-search input{max-width:none}.directory-controls{flex-direction:column;align-items:start}.drawer{width:100%}.global-search{max-width:none}.client360-head{flex-direction:column}}.client360-links{display:flex;flex-wrap:wrap;gap:var(--space-3,12px);margin-bottom:20px}.client360-links a{padding:8px 0}.client360-location{border-top:1px solid var(--color-border,#e5e7eb);padding:16px 0}.billing-facts{padding-left:20px;line-height:1.8}.kv-grid dd,.identifier-row,.client360-location{overflow-wrap:anywhere;min-width:0}@media(max-width:600px){.client360-links{gap:12px}.identifier-grid{grid-template-columns:1fr}.global-search{min-width:0;width:100%}.global-search input{min-width:0}}.app-shell>*{min-width:0}.client360-links a{color:var(--color-brand);font-weight:650;text-decoration:none}.client360-links a:hover{text-decoration:underline}.identifier-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.identifier-label{grid-column:1 / -1;min-width:0}.identifier-value{word-break:normal;overflow-wrap:anywhere}.client360-links~.panel section[id]{scroll-margin-top:100px}.page-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.page-actions a{color:var(--color-brand);font-weight:600}.identifier-details{margin:12px 0}.identifier-details summary{cursor:pointer;font-weight:600;margin-bottom:12px}
