*{box-sizing:border-box}body{background:var(--canvas);color:var(--text);margin:0;font:400 15px/1.65 Plex,PlexArabic,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:var(--action);text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.4}h1{font-size:1.9rem}h2{font-size:1.125rem}h3{font-size:.9375rem}img{max-width:100%;height:auto;display:block}button,a,input,select,textarea,summary,[tabindex]{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus)}button,.button{border-radius:var(--radius-sm);background:var(--action);min-height:44px;color:var(--text-inverse);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--action-hover)}button.secondary,.button.secondary{background:var(--surface);border-color:var(--border-control);color:var(--text)}button.secondary:hover,.button.secondary:hover{background:var(--canvas)}button.small,.button.small{min-height:38px;padding:7px 12px}button:disabled{cursor:not-allowed;background:var(--disabled-bg);border-color:var(--disabled-bg);color:var(--disabled-text)}.danger{color:var(--error)!important}.text-button{color:var(--action);text-align:start;background:0 0;border:0;min-height:44px;padding:0;font-weight:600;display:block}.text-button:hover{background:var(--action-tint)}.text-button small{font-weight:400}.muted,.hint{color:var(--text-muted)}.hint,.small{font-size:.8125rem}.hint{margin-top:10px}.eyebrow{color:var(--action);letter-spacing:.12em;margin-bottom:10px;font-size:.6875rem;font-weight:600}.badge{background:var(--surface-subtle);color:var(--text-muted);overflow-wrap:anywhere;border-radius:6px;align-items:center;padding:4px 9px;font-size:.6875rem;font-weight:600;line-height:1.6;display:inline-flex}.badge.success{color:var(--success);background:var(--success-bg)}.badge.warning{color:var(--warning);background:var(--warning-bg)}.notice{background:var(--action-tint);color:var(--text);border-radius:var(--radius-sm);overflow-wrap:anywhere;margin-bottom:20px;padding:16px 18px;font-size:.875rem}.notice.error{background:var(--error-bg);color:var(--error)}.skip{background:var(--surface);z-index:100;padding:12px;position:fixed;top:-100px;left:16px}.skip:focus{top:12px}.session-loading{place-items:center;min-height:100vh;display:grid}.loading{color:var(--text-muted);justify-content:center;align-items:center;gap:14px;padding:48px 16px;font-size:.875rem;display:flex}.loading img{width:40px;height:40px}.login{place-items:center;min-height:100vh;padding:28px 20px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow-2);padding:36px}.login-brand{letter-spacing:.08em;align-items:center;gap:12px;margin-bottom:32px;font-size:.875rem;display:flex}.login-brand span{color:var(--text-muted);letter-spacing:.15em;font-size:.625rem;display:block}.login-card h1{margin-bottom:10px;font-size:1.7rem}.login-help{color:var(--text-muted);border-top:1px solid var(--border);margin-top:24px;padding-top:18px;font-size:.75rem}.form{gap:17px;margin-top:22px;display:grid}.form label{gap:7px;font-size:.8125rem;font-weight:600;display:grid}.form fieldset{border:0;gap:17px;min-width:0;margin:0;padding:0;display:grid}.form input:not([type=checkbox]),.form select,.form textarea{border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--text);padding:10px 12px;font-size:.875rem;font-weight:400}.form textarea{resize:vertical}.form input::placeholder,.form textarea::placeholder{color:var(--text-muted)}.form .check{align-items:flex-start;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--action);flex-shrink:0;margin:3px 0 0}.form input:disabled,.form select:disabled,.form textarea:disabled{color:var(--text-muted);background:var(--canvas)}.form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.narrow{max-width:540px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.actions>button{max-width:100%}.admin-layout{grid-template-columns:228px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--brand-navy);height:100vh;color:var(--text-inverse);flex-direction:column;padding:28px 14px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--text-inverse);border-bottom:1px solid #ffffff29;align-items:center;gap:10px;margin-bottom:16px;padding:0 9px 25px;display:flex}.brand img{width:36px;height:36px}.brand strong{letter-spacing:.08em;white-space:nowrap;font-size:.8125rem}.brand small{color:var(--text-inverse-muted);letter-spacing:.16em;margin-top:3px;font-size:.5625rem;display:block}.sidebar nav{gap:5px;display:grid}.sidebar nav a{min-height:40px;color:var(--text-inverse-muted);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:.8125rem;display:flex}.sidebar nav a.active{background:var(--action);color:var(--text-inverse)}.sidebar nav a:hover{color:var(--text-inverse)}.sidebar details>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;font-size:.8125rem;list-style:none;display:flex}.sidebar summary:after{content:"+";color:var(--text-inverse-muted);margin-left:auto;padding-left:10px;font-size:.875rem}.sidebar details[open]>summary:after{content:"−"}.sidebar summary::-webkit-details-marker{display:none}.sidebar details>a{margin-left:12px;font-size:.75rem}.sidebar :focus-visible{outline-color:var(--focus-inverse)}.nav-future{color:var(--text-inverse-muted);font-size:.5625rem;font-weight:400}.sidebar-note{color:var(--text-inverse-muted);margin-top:auto;padding:24px 10px 0;font-size:.625rem}.admin-content{min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:18px 32px;display:flex}.topbar>div{align-items:center;gap:14px;min-width:0;display:flex}.breadcrumb{color:var(--text-muted);font-size:.75rem}.breadcrumb strong{color:var(--text);text-transform:capitalize;font-weight:600}.top-actions{flex-shrink:0;font-size:.8125rem}.top-actions>a{overflow-wrap:anywhere;max-width:220px}.menu-toggle{display:none}#main{max-width:1500px;margin:auto;padding:34px 32px 40px}.page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.page-head h1{text-transform:capitalize}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;margin-bottom:22px;padding:24px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-head .actions{margin-top:0}.panel-head h2{text-transform:capitalize}.empty{text-align:center;color:var(--text-muted);gap:12px;padding:35px 16px;font-size:.875rem;display:grid}.empty h3{color:var(--text)}.empty p{max-width:580px;margin-inline:auto}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;padding:20px}.metric>span{color:var(--text-muted);font-size:.75rem;display:block}.metric>strong{overflow-wrap:anywhere;text-transform:capitalize;margin-top:9px;font-size:1.2rem;display:block}.metric small{color:var(--text-muted);margin-top:8px;font-size:.6875rem;display:block}.status-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.studio-grid{grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);align-items:start;gap:22px;display:grid}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.provider-grid .button{margin-top:20px}.divider{background:var(--border);height:1px;margin:26px 0}.details{margin:18px 0;font-size:.8125rem}.details>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:14px;padding:11px 0;display:grid}.details>div:last-child{border:0}.details dt{color:var(--text-muted)}.details dd{overflow-wrap:anywhere;margin:0}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-sm);max-width:100%;margin-top:16px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.75rem}th,td{border-bottom:1px solid var(--border);vertical-align:top;padding:13px 15px}th{background:var(--canvas);color:var(--text-muted);white-space:nowrap;font-weight:600}td{overflow-wrap:anywhere;min-width:85px;max-width:450px}tr:last-child td{border:0}td small{color:var(--text-muted);margin-top:5px;font-size:.6875rem;display:block}.permission-list{flex-wrap:wrap;gap:7px;display:flex}.permission-list code{background:var(--canvas);border:1px solid var(--border);border-radius:4px;padding:3px 7px;font-size:.6875rem}.workflow{counter-reset:workflow;flex-wrap:wrap;gap:8px;margin:20px 0;padding:0;list-style:none;display:flex}.workflow li{background:var(--canvas);border:1px solid var(--border);counter-increment:workflow;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:.6875rem;display:flex}.workflow li:before{content:counter(workflow);color:var(--action);font-weight:600}.workflow .unavailable{color:var(--text-muted);background:var(--surface);border-style:dashed}.workflow .unavailable:before{color:var(--text-muted)}.pagination{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;font-size:.8125rem;display:flex}.list-editor{padding-top:10px}.list-editor h3{margin-bottom:14px}.list-editor-item{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);gap:12px;margin:12px 0;padding:16px;display:grid}.item-controls{flex-wrap:wrap;align-items:center;gap:7px;font-size:.75rem;display:flex}.item-controls strong{margin-right:auto}.content-preview{border:1px dashed var(--border-control);border-radius:var(--radius-sm);background:var(--canvas);overflow-wrap:anywhere;margin-top:28px;padding:24px}.preview-label{color:var(--text-muted);margin-bottom:20px;font-family:Plex,Arial,sans-serif;font-size:.6875rem}.content-preview h3{margin-bottom:12px}.content-preview img{object-fit:contain;width:auto;max-width:100%;max-height:160px;margin-bottom:20px}.preserve-lines{white-space:pre-line}.preview-cta{border-radius:var(--radius-sm);background:var(--action);color:var(--text-inverse);margin-top:20px;padding:9px 14px;font-size:.875rem;display:inline-block}.design-reference{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;align-items:center;gap:28px;padding:28px 20px;display:flex}.design-reference>img:nth-child(2){aspect-ratio:1499/334;width:280px;height:auto}.design-reference .tagline-reference{aspect-ratio:1172/150;width:219px}.token-swatches{gap:10px;margin:24px 0;display:flex}.swatch{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border);flex:1;padding:18px 8px;font-size:.75rem}.swatch.navy{background:var(--brand-navy);color:var(--text-inverse)}.swatch.violet{background:var(--action);color:var(--text-inverse)}.swatch.frost{background:var(--canvas);color:var(--text)}.admin-footer{color:var(--text-muted);border-top:1px solid var(--border);margin:0 32px;padding:22px 0;font-size:.6875rem}@media (width<=1200px){.admin-layout{grid-template-columns:204px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-grid,.studio-grid,.settings-grid{grid-template-columns:1fr}.topbar{padding-inline:24px}#main{padding:28px 24px}.brand{gap:8px;padding-inline:3px}.brand strong{font-size:.75rem}.brand img{width:32px;height:32px}}@media (width<=850px){.admin-layout{display:block}.sidebar{height:auto;max-height:65vh;padding:22px 20px;display:none;position:static}.sidebar.open{display:flex}.sidebar .brand{max-width:230px}.sidebar-note{padding-top:16px}.menu-toggle{display:inline-flex}.topbar{flex-wrap:wrap;gap:12px;padding:14px 20px}.topbar>div:first-child{flex:1}.top-actions{font-size:.75rem}.breadcrumb{font-size:.6875rem}.metric-grid.three{grid-template-columns:1fr}.page-head h1{font-size:1.6rem}.page-head{align-items:flex-start}.page-head>.badge{margin-top:5px}}@media (width<=500px){#main{padding:24px 16px}.topbar{padding:14px 16px}.top-actions{justify-content:space-between;width:100%}.top-actions>a{max-width:210px}.panel{padding:20px 16px}.metric-grid{gap:10px}.metric{padding:16px 12px}.metric>strong{font-size:1rem}.metric>span{font-size:.6875rem}.metric small{font-size:.625rem}.form-columns{grid-template-columns:1fr}.page-head{gap:10px}.page-head .badge{font-size:.5625rem}.settings-grid,.studio-grid{gap:0}.login-card{padding:28px 22px}.panel-head h2{font-size:1rem}.notice{padding:14px;font-size:.8125rem}.actions{gap:8px}.actions button{font-size:.75rem}.admin-footer{margin-inline:16px}.design-reference{padding-inline:10px}.details>div{gap:10px}.item-controls>strong{width:100%}.content-preview{padding:20px 16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar details>summary{gap:8px}.sidebar .nav-future{margin-left:8px}.table-scroll .badge{white-space:nowrap}.nav-label{align-items:center;gap:10px;min-width:0;display:inline-flex}.nav-icon{color:currentColor;flex:0 0 18px;display:block}.sidebar nav a,.sidebar details>summary{min-height:44px}.sidebar details>a{padding-left:30px}.sidebar nav .nav-label{line-height:1.45}.badge.critical{color:var(--error);background:var(--error-bg)}.section-lead{color:var(--text-muted);max-width:850px;margin-bottom:24px}.dashboard-intro,.module-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.dashboard-intro h2{margin-bottom:5px}.dashboard-cards .metric{flex-direction:column;align-items:flex-start;display:flex}.dashboard-cards .metric>a{align-items:center;gap:8px;min-height:44px;margin-top:auto;padding-top:14px;font-size:.75rem;font-weight:600;display:inline-flex}.dashboard-cards .metric>strong{font-size:1.125rem}.module-heading h2{font-size:1.5rem}.module-heading>.text-link{align-items:center;min-height:44px;font-size:.8125rem;display:flex}.module-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:26px;padding-bottom:16px;display:flex}.module-nav>a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-transform:capitalize;min-height:44px;padding:9px 14px;font-size:.75rem;font-weight:600}.module-nav>a:hover{background:var(--action-tint)}.balance-readout{border-block:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:20px 0;display:flex}.balance-readout>strong{overflow-wrap:anywhere;font-size:1.7rem;line-height:1.4}.balance-readout>span:not(.badge){color:var(--text-muted);font-size:.8125rem}.settings-disclosure{border-top:1px solid var(--border);padding-top:14px}.settings-disclosure>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:.875rem;font-weight:600;display:list-item}.mini-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-block:24px;display:grid}.mini-metrics>div{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:7px;min-width:0;padding:14px;display:flex}.mini-metrics span{color:var(--text-muted);font-size:.6875rem}.mini-metrics strong{overflow-wrap:anywhere;font-size:1rem}.catalog-filters{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;margin-block:24px;padding:20px;display:grid}.filter-search{grid-column:span 2}.catalog-filters>button{align-self:end}.capabilities{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.offer-picker{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.search-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.search-form>button{align-self:end}.validation-evidence{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-wrap:anywhere;margin-top:20px;padding:18px;font-size:.8125rem}.validation-evidence h3{margin-bottom:10px}.validation-evidence p+p{margin-top:7px}.estimate-fields{border-left:3px solid var(--action);gap:17px;padding-left:17px;display:grid}.simulation-result>div:nth-child(8),.simulation-result>div:nth-child(10){background:var(--action-tint);padding-inline:12px;font-weight:600}.form [aria-invalid=true]{border-color:var(--error)}[id^=supplier-],#offer-review,#mapping-review{scroll-margin-top:24px}.provider-grid .panel{flex-direction:column;height:100%;display:flex}.provider-grid .button{align-self:flex-start;margin-top:auto}.table-scroll .text-button{overflow-wrap:anywhere;max-width:100%}.form input,.form select,.form textarea{scroll-margin-block:40px}@media (width<=1200px){.mini-metrics,.catalog-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-grid .panel{height:auto}.dashboard-cards .metric>strong{font-size:1rem}}@media (width<=700px){.catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.module-heading,.dashboard-intro{flex-wrap:wrap}.module-nav{gap:7px}.module-nav>a{padding:8px 11px}.mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.search-form{grid-template-columns:1fr}.balance-readout>strong{font-size:1.4rem}.simulation-result>div{grid-template-columns:1fr;gap:4px}.dashboard-cards .metric>a{font-size:.6875rem}}@media (width<=420px){.catalog-filters{grid-template-columns:1fr}.filter-search{grid-column:auto}.details>div{grid-template-columns:minmax(85px,.75fr) minmax(0,1fr)}.mini-metrics{gap:8px}.mini-metrics>div{padding:12px}.dashboard-cards{grid-template-columns:1fr}.dashboard-cards .metric>span{font-size:.75rem}.dashboard-cards .metric small{font-size:.6875rem}.dashboard-cards .metric>a{font-size:.75rem}.validation-evidence{padding:14px}.estimate-fields{padding-left:12px}.module-heading h2{font-size:1.3rem}}
