:root{color:#17201b;background:#f3f5f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17201b;--muted: #69736d;--faint: #929b95;--line: #dfe4e0;--line-strong: #cdd4cf;--paper: #ffffff;--canvas: #f3f5f3;--sidebar: #18211c;--sidebar-muted: #9daaa2;--green: #23825a;--green-soft: #e8f4ed;--coral: #c75845;--coral-soft: #f9ece8;--amber: #a26714;--amber-soft: #f7f0df;--blue: #396c8c;--blue-soft: #e9f1f5;--danger: #a84040;--danger-soft: #f8eaea;letter-spacing:0}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--canvas)}button,input,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(35,130,90,.25);outline-offset:2px}button:disabled,input:disabled,select:disabled{cursor:not-allowed}.admin-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:30;display:flex;width:248px;height:100vh;flex-direction:column;overflow-y:auto;color:#eef2ef;background:var(--sidebar);border-right:1px solid #27322b}.sidebar-brand{display:flex;min-height:73px;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #2a352e}.sidebar-brand>div{display:flex;align-items:baseline;gap:6px}.sidebar-brand strong{font-size:17px}.sidebar-brand div span{color:var(--sidebar-muted);font-size:13px}.brand-mark{display:inline-grid;width:27px;height:27px;grid-template-columns:repeat(3,5px);align-items:center;justify-content:center;gap:3px;flex:0 0 auto;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#24352b}.brand-mark span{display:block;width:5px;border-radius:1px;background:#7ed5a8}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.main-navigation{display:flex;flex:1;flex-direction:column;gap:3px;padding:18px 12px}.main-navigation button{position:relative;display:grid;min-height:43px;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:0 12px;color:#b8c2bc;text-align:left;background:transparent;border:0;border-radius:5px;cursor:pointer}.main-navigation button:hover{color:#f5f8f6;background:#222e27}.main-navigation button.active{color:#fff;background:#2a3a31}.main-navigation button.active:before{position:absolute;top:9px;bottom:9px;left:0;width:3px;content:"";background:#65c894;border-radius:0 2px 2px 0}.main-navigation button>span{min-width:0;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.nav-lock{display:grid;width:18px;height:18px;place-items:center;color:#7f8c84;font-style:normal}.sidebar-footer{display:grid;gap:14px;padding:18px 20px 20px;border-top:1px solid #2a352e}.environment-badge{display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:10px}.environment-badge>span:last-child,.system-check>span:nth-child(2){display:grid;gap:2px}.environment-badge strong{font-size:12px;font-weight:650}.environment-badge small,.console-version{color:#839088;font-size:11px}.console-version{padding-left:19px}.sidebar-close,.sidebar-overlay,.mobile-menu-button{display:none}.shell-main{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;min-height:73px;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;background:#fffffff7;border-bottom:1px solid var(--line)}.page-identity{display:flex;min-width:0;align-items:center;gap:8px;color:var(--faint);font-size:13px}.page-identity strong{overflow:hidden;color:var(--ink);font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-button{position:relative;display:inline-grid;width:36px;height:36px;flex:0 0 36px;place-items:center;padding:0;color:#56615a;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer}.icon-button.sidebar-close,.icon-button.mobile-menu-button{display:none}.icon-button:hover:not(:disabled){color:var(--ink);background:#f0f3f1;border-color:var(--line)}.icon-button:disabled{color:#aab1ac}.user-chip{display:grid;min-width:142px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;margin:0 4px 0 6px;padding-left:12px;border-left:1px solid var(--line)}.avatar{display:grid;width:34px;height:34px;place-items:center;color:#1f6749;font-size:13px;font-weight:700;background:var(--green-soft);border:1px solid #cae5d5;border-radius:50%}.user-copy{display:grid;min-width:0;gap:2px}.user-copy strong,.user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy strong{font-size:12px;font-weight:650}.user-copy small{color:var(--muted);font-size:11px}.workspace{width:100%;max-width:1500px;margin:0 auto;padding:28px 32px 48px}.page-stack{display:grid;gap:20px}.page-heading{display:flex;min-height:50px;align-items:flex-start;justify-content:space-between;gap:24px}.page-heading h1,.page-heading p,.section-heading h2{margin:0}.page-heading h1{color:#151b17;font-size:24px;line-height:1.25;font-weight:690}.page-heading p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.page-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.primary-button,.secondary-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-size:13px;font-weight:650;text-decoration:none;border-radius:5px;cursor:pointer}.primary-button{color:#fff;background:#247b57;border:1px solid #247b57}.primary-button:hover:not(:disabled){background:#1c6949;border-color:#1c6949}.primary-button:disabled{color:#8a938d;background:#e8ebe9;border-color:#d9dedb}.secondary-button{color:#354039;background:var(--paper);border:1px solid var(--line-strong)}.secondary-button:hover:not(:disabled){background:#f5f7f5}.secondary-button:disabled{color:#9da59f;background:#f5f6f5}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{position:relative;display:grid;min-height:135px;grid-template-columns:38px minmax(0,1fr);grid-template-rows:38px auto auto;column-gap:12px;padding:18px;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--line-strong);border-radius:6px}.metric-card.tone-green{border-top-color:var(--green)}.metric-card.tone-ink{border-top-color:#34443b}.metric-card.tone-coral{border-top-color:var(--coral)}.metric-card.tone-amber{border-top-color:#b57a20}.metric-icon{display:grid;width:38px;height:38px;grid-row:1 / 3;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:5px}.tone-green .metric-icon{color:var(--green);background:var(--green-soft)}.tone-coral .metric-icon{color:var(--coral);background:var(--coral-soft)}.tone-amber .metric-icon{color:var(--amber);background:var(--amber-soft)}.metric-label{align-self:end;color:var(--muted);font-size:12px}.metric-card>strong{align-self:start;margin-top:2px;font-size:23px;line-height:1.2;font-weight:680}.metric-card>small{grid-column:1 / -1;align-self:end;margin-top:12px;color:var(--faint);font-size:11px}.surface{min-width:0;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:6px}.section-heading{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:14px;font-weight:680}.section-heading>div{display:flex;align-items:center;color:var(--faint);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(420px,1.35fr) minmax(320px,.85fr);gap:12px}.module-status-list{display:grid}.module-status-row{display:grid;min-height:59px;grid-template-columns:34px minmax(0,1fr) minmax(118px,auto);align-items:center;gap:11px;padding:8px 18px;border-bottom:1px solid #edf0ee}.module-status-row:last-child,.system-check:last-child,.definition-row:last-child{border-bottom:0}.module-glyph{display:grid;width:32px;height:32px;place-items:center;color:var(--green);background:var(--green-soft);border-radius:5px}.module-glyph.unavailable{color:#778079;background:#eef0ef}.module-status-name{display:grid;min-width:0;gap:3px}.module-status-name strong{overflow:hidden;font-size:12px;font-weight:640;text-overflow:ellipsis;white-space:nowrap}.module-status-name small{color:var(--faint);font-size:10px}.status-pill{display:inline-flex;min-height:25px;max-width:100%;align-items:center;justify-content:center;gap:6px;padding:3px 9px;overflow-wrap:anywhere;color:#58625c;font-size:10px;font-weight:650;line-height:1.25;text-align:center;background:#f0f2f1;border:1px solid #e0e4e1;border-radius:4px}.status-pill.success{color:#176542;background:var(--green-soft);border-color:#cce6d6}.status-pill.warning{color:#895b16;background:var(--amber-soft);border-color:#ead9b4}.status-pill.danger{color:var(--danger);background:var(--danger-soft);border-color:#eccccc}.status-pill.neutral{color:#58635c;background:#f1f3f2;border-color:#dfe3e0}.system-checks{display:grid;padding:0 18px}.system-check{display:grid;min-height:70px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid #edf0ee}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%}.status-dot.online{background:#38a06d;box-shadow:0 0 0 3px #38a06d1f}.status-dot.verified{background:#38a06d}.status-dot.configured{background:var(--blue)}.status-dot.unknown{background:#9ca49f}.system-check strong{font-size:12px;font-weight:640}.system-check small{color:var(--faint);font-size:10px}.check-state{color:var(--green);font-size:10px;font-weight:650}.check-state.configured{color:var(--blue)}.check-state.unknown{color:#858e88}.availability-banner{display:grid;min-height:62px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px;background:#fffbf2;border:1px solid #eadab7;border-left:3px solid #b47a20;border-radius:5px}.availability-icon{display:grid;width:34px;height:34px;place-items:center;color:var(--amber);background:var(--amber-soft);border-radius:5px}.availability-banner>div{display:grid;gap:2px}.availability-banner strong{font-size:12px}.availability-banner>div span{color:var(--muted);font-size:10px}.table-toolbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.search-field{display:grid;width:min(420px,100%);min-height:36px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;padding:0 10px;color:var(--faint);background:#f7f8f7;border:1px solid var(--line);border-radius:5px}.search-field:focus-within{color:var(--green);background:#fff;border-color:#8db9a2}.search-field input{width:100%;min-width:0;height:32px;padding:0;font-size:12px;background:transparent;border:0;outline:0}.search-field input::placeholder{color:#a1a8a3}.record-count{flex:0 0 auto;color:var(--muted);font-size:11px}.data-table-wrap{width:100%;min-width:0;overflow-x:auto}.data-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed}.data-table th,.data-table td{height:44px;padding:0 14px;overflow:hidden;font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #edf0ee}.data-table th{color:#7b847f;font-size:10px;font-weight:650;background:#fafbfa}.data-table tbody tr:hover{background:#fafcfa}.data-table code,.permission-list code,.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.data-table code{font-size:10px}.audit-table th:nth-child(1),.audit-table td:nth-child(1){width:124px}.audit-table th:nth-child(2),.audit-table td:nth-child(2){width:180px}.audit-table th:nth-child(4),.audit-table td:nth-child(4),.audit-table th:nth-child(5),.audit-table td:nth-child(5){width:98px}.audit-table th:nth-child(6),.audit-table td:nth-child(6){width:150px}.empty-state{display:flex;min-height:208px;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);text-align:center}.empty-state>span{display:grid;width:42px;height:42px;place-items:center;color:#7f8a83;background:#f0f2f1;border-radius:6px}.empty-state strong{margin-top:3px;color:#4d5751;font-size:12px;font-weight:640}.empty-state small{color:var(--faint);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;overflow-wrap:anywhere}.segmented-control{display:flex;min-height:54px;align-items:end;gap:24px;padding:0 18px;overflow-x:auto;border-bottom:1px solid var(--line)}.segmented-control button{position:relative;min-height:53px;flex:0 0 auto;padding:0;color:var(--muted);font-size:12px;background:transparent;border:0;cursor:pointer}.segmented-control button.active{color:var(--ink);font-weight:650}.segmented-control button.active:after{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";background:var(--green)}.segmented-control button:disabled{color:#aab1ac}.segmented-control button span{margin-left:4px;color:var(--faint)}.diagnostic-surface{overflow:visible}.diagnostic-form{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(260px,1fr) auto;align-items:end;gap:12px;padding:18px}.diagnostic-form label{display:grid;gap:7px}.diagnostic-form label>span{color:var(--muted);font-size:11px}.diagnostic-form input,.diagnostic-form select{width:100%;height:36px;padding:0 10px;color:#8d9690;font-size:12px;background:#f7f8f7;border:1px solid var(--line);border-radius:5px}.split-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-section{padding-bottom:4px}.definition-row{display:grid;min-height:50px;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);align-items:center;gap:20px;margin:0 18px;border-bottom:1px solid #edf0ee}.definition-row>span{color:var(--muted);font-size:11px}.definition-row strong{min-width:0;overflow-wrap:anywhere;font-size:11px;font-weight:620;text-align:right}.definition-row strong .status-dot{margin-right:8px}.definition-row strong.muted{color:var(--faint)}.permission-list{display:flex;flex-wrap:wrap;gap:8px;padding:16px 18px 18px}.permission-list code{max-width:100%;padding:7px 9px;overflow-wrap:anywhere;color:#315e47;font-size:10px;background:#edf5f0;border:1px solid #d8e9de;border-radius:4px}.center-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:28px;color:var(--muted);background:#f4f6f4}.center-screen .brand-mark{width:36px;height:36px;border-color:#c8d6ce}.center-screen p{margin:0;font-size:12px}.loading-line{width:150px;height:2px;overflow:hidden;background:#dce2de}.loading-line span{display:block;width:50%;height:100%;background:var(--green);animation:loading-slide 1.3s ease-in-out infinite}.spin{animation:spin .8s linear infinite}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes spin{to{transform:rotate(360deg)}}.error-screen h1{margin:4px 0 0;color:var(--ink);font-size:20px}.error-icon{display:grid;width:44px;height:44px;place-items:center;color:var(--danger);background:var(--danger-soft);border-radius:6px}.login-layout{display:grid;min-height:100vh;grid-template-columns:minmax(380px,560px) minmax(420px,1fr);background:#eef1ef}.login-panel{display:flex;min-height:100vh;flex-direction:column;justify-content:center;padding:64px clamp(44px,7vw,96px);background:var(--paper);border-right:1px solid var(--line)}.login-brand{position:absolute;top:34px;display:flex;align-items:center;gap:10px;color:#324239;font-size:13px;font-weight:650}.login-copy{display:grid;gap:8px}.eyebrow{color:var(--green);font-size:10px;font-weight:750}.login-copy h1,.login-copy p{margin:0}.login-copy h1{margin-top:4px;color:#17201b;font-size:31px;line-height:1.2}.login-copy p{color:var(--muted);font-size:13px}.login-button{width:100%;min-height:43px;margin-top:30px}.login-security{display:flex;align-items:center;gap:8px;margin-top:17px;color:var(--faint);font-size:10px}.login-security svg{color:var(--green)}.separator{width:1px;height:12px;background:var(--line-strong)}.login-signal{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;color:#dce6e0;background:#18251e}.signal-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#4e6658 1px,transparent 1px),linear-gradient(90deg,#4e6658 1px,transparent 1px);background-size:42px 42px}.signal-content{position:relative;display:grid;width:min(360px,calc(100% - 64px));justify-items:center;padding:44px 30px;border-top:1px solid #405148;border-bottom:1px solid #405148}.signal-icon{display:grid;width:58px;height:58px;place-items:center;color:#74d29f;background:#23372c;border:1px solid #3e5949;border-radius:8px}.signal-content>span{margin-top:18px;color:#8fa099;font-size:10px;font-weight:700}.signal-content>strong{margin-top:6px;color:#f5f8f6;font-size:28px;font-weight:680}.signal-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:30px;color:#aab7af;font-size:10px}.signal-meta span{display:inline-flex;align-items:center;gap:8px}@media (max-width: 1180px){.admin-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px}.workspace,.topbar{padding-right:24px;padding-left:24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.system-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}}@media (max-width: 880px){.admin-shell{display:block}.sidebar{position:fixed;left:0;width:248px;visibility:hidden;transform:translate(-100%);transition:transform .18s ease,visibility 0s linear .18s}.sidebar.open{visibility:visible;transform:translate(0);transition-delay:0s}.sidebar-overlay{position:fixed;inset:0;z-index:29;width:100%;height:100%;padding:0;background:#0b100d7a;border:0}.sidebar-overlay.visible{display:block}.icon-button.sidebar-close,.icon-button.mobile-menu-button{display:inline-grid}.sidebar-close{margin-left:auto;color:#aeb8b2}.topbar{padding:0 18px}.workspace{padding:24px 18px 42px}.login-layout{grid-template-columns:minmax(340px,.9fr) minmax(360px,1.1fr)}.login-panel{padding-right:48px;padding-left:48px}}@media (max-width: 640px){.topbar{min-height:62px;gap:8px;padding:0 12px}.page-identity>span,.page-identity>svg,.user-copy{display:none}.topbar-actions{gap:2px}.user-chip{min-width:auto;grid-template-columns:32px;margin:0;padding-left:6px}.avatar{width:32px;height:32px}.workspace{padding:20px 12px 36px}.page-stack{gap:14px}.page-heading{min-height:44px;gap:12px}.page-heading h1{font-size:20px}.page-heading p{font-size:11px}.page-actions .primary-button{width:36px;min-width:36px;padding:0;overflow:hidden;color:transparent;gap:0}.page-actions .primary-button svg{position:absolute;color:#8a938d}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.settings-grid,.system-checks{grid-template-columns:1fr}.metric-card{min-height:126px;padding:14px}.commerce-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-metrics .metric-card{min-height:128px;padding:14px}.module-status-row{grid-template-columns:34px minmax(82px,1fr) minmax(100px,auto);padding-right:12px;padding-left:12px}.status-pill{padding-right:6px;padding-left:6px}.system-checks{padding:0 14px}.availability-banner{grid-template-columns:34px minmax(0,1fr)}.availability-banner>.status-pill{display:none}.table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar>.icon-button,.table-toolbar>.status-pill,.record-count{align-self:flex-end}.segmented-control{gap:18px;padding:0 14px}.diagnostic-form{grid-template-columns:1fr}.diagnostic-form .primary-button{width:100%}.definition-row{grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr);gap:10px;margin:0 14px}.login-layout{display:block;min-height:100vh;background:var(--paper)}.login-panel{min-height:100vh;padding:74px 26px 42px;border-right:0}.login-brand{top:24px}.login-signal{display:none}.login-copy h1{font-size:27px}}@media (max-width: 360px){.metric-grid,.commerce-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}