:root{--sidebar:256px;--sidebar-width:256px;--canvas:#f3f6fc;--shell-canvas:#f3f6fc;--surface-soft:#f7f9fd;--ink:#20324b;--muted:#536580;--subtle:#536580;--line:#dce5f1;--line-strong:#c5d2e4;--shell-border:#dce5f1;--brand:#2459c4;--brand-strong:#1c469f;--brand-soft:#e7efff;--shell-accent:#2459c4;--shell-accent-soft:#e7efff}.app-shell{--muted:#536580;--subtle:#536580;color:var(--ink)}.app-shell .sidebar{color:#eef5ff;background:linear-gradient(165deg,#172c49 0%,#101e34 100%);border-right:1px solid #263c59;padding:22px 14px 16px;box-shadow:4px 0 24px #101e340f}.sidebar .brand-block{border-color:#30435e;padding:0 8px 22px}.sidebar .brand-mark{color:#fff;box-shadow:none;background:linear-gradient(145deg,#397ae3,#2459c4);border:0;border-radius:12px}.sidebar .brand-name{letter-spacing:-.4px;font-weight:650}.sidebar .brand-subtitle{color:#a6b9d3;font-size:11px}.sidebar .nav{gap:22px;padding:22px 0}.sidebar .nav-label{color:#9bafcb;letter-spacing:.1em;font-size:10px;font-weight:600}.sidebar .nav-link{color:#d0dcee;border-radius:9px;gap:11px;min-height:42px;padding:11px 12px;font-size:13px;font-weight:500}.sidebar .nav-link:hover{color:#fff;background:#223b5c;transform:none}.sidebar .nav-link.active{color:#fff;background:linear-gradient(110deg,#2459c4,#3268cb);font-weight:650;box-shadow:inset 0 0 0 1px #9cc3ff33,0 5px 16px #0000001f}.sidebar .nav-link svg{opacity:1;width:17px;height:17px}.sidebar .sidebar-footer{background:#1c304c;border:0;border-radius:12px;padding:13px}.sidebar .system-health strong{color:#edf4ff}.sidebar .system-health span{color:#a6b9d3}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--line);background:#f8fafff5;box-shadow:0 1px 12px #20324b06}.global-search input{border-color:var(--line);background:#fff;border-radius:10px}.user-avatar{background:#2459c4}.workspace-switcher select{border-color:var(--line-strong);border-radius:9px}.page-heading{border-bottom:0;padding-bottom:0}.page-heading h1{color:var(--ink);letter-spacing:-1px;margin:6px 0;font-size:32px;font-weight:600}.page-kicker{color:#536580;letter-spacing:.12em;font-size:10px;font-weight:650}.page-heading p{color:#536580;line-height:1.6}.card,.dashboard-panel,.role-workspace,.data-table-shell{border-color:var(--line);border-radius:16px;box-shadow:0 3px 16px #23426e09}.card{padding:24px}.card h2,.panel-header h3{color:var(--ink);letter-spacing:-.3px;font-weight:600}.primary,.secondary,.quick-action-button,.panel-link{box-shadow:none;border-radius:9px;font-weight:600}.primary,.quick-action-button.primary-action{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover,.quick-action-button.primary-action:hover{background:var(--brand-strong);box-shadow:none}.secondary,.quick-action-button{border-color:var(--line-strong)}.panel-link,.compact-table a{color:var(--brand)}.quick-action-button{padding:10px 13px;font-size:12px}.workspace-tabs{border-color:var(--line);gap:6px}.workspace-tabs button{color:#536580;border-radius:9px 9px 0 0;font-weight:600}.workspace-tabs button.active{color:#2459c4;background:#e7efff;border-color:#2459c4}.data-table-toolbar,.data-table-footer,.table-footer{border-color:var(--line);background:#f7f9fd}.data-table-search{border-color:var(--line-strong)}th{color:#536580;letter-spacing:.07em;background:#f7f9fd;font-size:10px;font-weight:600}td{border-color:#e8eef6;line-height:1.5}tbody tr:hover{background:#f5f8ff}.dashboard-overview{gap:24px}.dashboard-welcome h2{color:var(--ink);letter-spacing:-.6px;font-size:24px;font-weight:600}.dashboard-welcome p{color:#536580}.dashboard-filters select{border-color:var(--line-strong);border-radius:9px}.dashboard-overview .metric-grid{gap:14px}.dashboard-overview .metric-card{box-shadow:none;background:#edf3ff;border-color:#d8e4f8;border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;position:relative}.dashboard-overview .metric-card:nth-child(2){background:#e7efff;border-color:#d2e0f6}.dashboard-overview .metric-card:nth-child(3){background:#eef1fc;border-color:#dce2f4}.dashboard-overview .metric-card:nth-child(4){background:#f0edfa;border-color:#e2dcf3}.dashboard-overview .metric-card:nth-child(5){background:#e9f4fa;border-color:#d3e7f1}.dashboard-overview .metric-icon{color:#365fa5;background:#ffffffa6;border-radius:10px;width:36px;height:36px}.dashboard-overview .metric-icon svg{width:19px;height:19px}.dashboard-overview .metric-copy{width:100%}.dashboard-overview .metric-label{color:#4b6080;white-space:normal;font-size:11px;font-weight:600}.dashboard-overview .metric-value{color:var(--ink);letter-spacing:-.8px;overflow-wrap:anywhere;margin:10px 0;font-size:clamp(22px,1.8vw,30px);font-weight:600}.dashboard-overview .metric-note{color:#4b6080;font-size:11px;line-height:1.5}.dashboard-panel{padding:24px}.panel-header h3{font-size:17px}.panel-header p{line-height:1.55}.dashboard-details{box-shadow:none;border-radius:16px;margin-top:0}.dashboard-details>summary strong{color:var(--ink);font-size:15px;font-weight:600}.dashboard-details__body{background:#f3f6fc;border-radius:0 0 16px 16px;padding:0 18px 18px}.dashboard-details__body .dashboard-secondary-grid{margin-top:18px}.chart-svg path[stroke]{stroke:#3a75dc}.chart-svg stop{stop-color:#3a75dc}.chart-gridlines span{border-color:#e4ebf6}.chart-empty-note strong{color:#2459c4;font-size:20px;font-weight:600}.chart-empty-note span{color:#536580;line-height:1.5}.donut:after{width:108px;height:108px}.donut-copy strong{color:var(--ink);font-size:26px;font-weight:600}.legend-row,.legend-row strong,.compact-table td{font-size:12px}.compact-table th{font-size:10px}.small-icon{color:#365fa5;background:#edf3ff}.list-copy strong{color:var(--ink);font-size:12px}.list-copy span{font-size:11px;line-height:1.5}.role-workspace{background:#fff;gap:18px;padding:22px}.role-workspace__header h2{color:var(--ink);letter-spacing:-.4px;font-weight:600}.role-workspace__header p{color:#536580}.exception-summary span{border-radius:9px}.exception-card{box-shadow:none;border-radius:12px}.exception-card__body strong{color:var(--ink);font-size:13px}.exception-card__body p{font-size:12px}.exception-clear{text-align:left;background:#f1f6fd;border-radius:12px;grid-template-columns:auto 1fr;justify-items:start;column-gap:12px;padding:14px 16px}.exception-clear>div{color:#315787;background:#dceafc;grid-row:1/3}.exception-clear strong{color:#315787;font-size:13px}.exception-clear span{color:#4b6080;max-width:none;font-size:12px}.grid>.card:has(>strong){background:#edf3ff}.grid>.card:has(>strong):nth-child(2n){background:#eef1fc}.grid>.card:has(>strong):nth-child(3n){background:#e9f4fa}.workspace-launch{background:#fff;padding:24px}.workspace-launch:hover{box-shadow:none;background:#f1f6fd;border-color:#bfd2f1}.planning-metrics>div,.quote-metrics>div,.operations-metrics>div,.po-detail-metrics>div{border-color:var(--line);background:#f1f6fd;border-radius:13px}.planning-metrics>div:nth-child(2n),.quote-metrics>div:nth-child(2n),.operations-metrics>div:nth-child(2n){background:#edf2fc}.procurement-planning-workspace>*{min-width:0;max-width:100%}@media (min-width:901px){.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar-collapsed .main-area{margin-left:0}.sidebar-collapsed .sidebar{padding-inline:10px}.sidebar-collapsed .sidebar-footer{padding-inline:0}}@media (max-width:1100px) and (min-width:761px){.dashboard-overview .metric-card{padding:18px}}@media (max-width:760px){.page-heading h1{font-size:27px}.card,.dashboard-panel,.role-workspace{padding:18px}.sidebar .nav-link{min-height:44px;font-size:15px}.sidebar .nav-label{font-size:11px}.dashboard-overview{gap:18px}.dashboard-overview .metric-card{flex-direction:row;align-items:flex-start;gap:16px;padding:18px}.dashboard-overview .metric-icon{width:40px;height:40px}.dashboard-overview .metric-value{margin:6px 0;font-size:26px}.dashboard-overview .metric-label,.dashboard-overview .metric-note{font-size:12px}.dashboard-details>summary{padding:18px}.dashboard-details__body{padding:0 10px 10px}.quick-action-button{min-height:44px;font-size:14px}.exception-clear{padding:14px}}.primary:focus-visible,.secondary:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#77a9f1}.dashboard-overview .metric-card{background:linear-gradient(135deg,#edf3ff,#f8faff)}.dashboard-overview .metric-card:nth-child(2){background:linear-gradient(135deg,#e3edff,#eff5ff)}.dashboard-overview .metric-card:nth-child(5){background:linear-gradient(135deg,#e7f3fb,#f2f9fc)}.dashboard-overview .metric-icon{border:1px solid #5f8bca26}.dashboard-panel .panel-link{background:#f8faff;border-color:#dce5f1}.login{background:#101e34}.login-visual{background:radial-gradient(circle at 20% 20%,#4282e138,#0000 45%),linear-gradient(145deg,#172c49,#101e34)}.login-panel{background:#f3f6fc}.login-brand .brand-mark{color:#2459c4}.login-copy p,.login-point{color:#cbdaf0}.hero-panel{background:linear-gradient(125deg,#1b365d,#2459a5);box-shadow:0 12px 30px #2459a51f}.hero-panel p{color:#dbe7fa}.app-shell .form-grid{align-items:start;gap:20px 22px}.app-shell .form-field{align-content:start;gap:8px;min-width:0}.app-shell .form-field__label{color:#354b68;align-items:baseline;min-height:20px;font-size:13px;font-weight:650;line-height:1.45}.app-shell .form-field input:not([type=checkbox]):not([type=radio]),.app-shell .form-field select,.app-shell .form-field textarea,.app-shell .inline-form input:not([type=checkbox]):not([type=radio]),.app-shell .inline-form select,.app-shell .field input:not([type=checkbox]):not([type=radio]),.app-shell .field textarea{width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cbd8e9;border-radius:11px;font-size:14px;line-height:1.45;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:0 1px 2px #1b375d06}.app-shell .form-field textarea,.app-shell .field textarea{min-height:104px}.app-shell .form-field input:hover,.app-shell .form-field select:hover,.app-shell .form-field textarea:hover,.app-shell .inline-form input:hover,.app-shell .inline-form select:hover{border-color:#9db6d8}.app-shell .form-field input:focus,.app-shell .form-field select:focus,.app-shell .form-field textarea:focus,.app-shell .inline-form input:focus,.app-shell .inline-form select:focus,.app-shell .field input:focus,.app-shell .field textarea:focus{border-color:#3977d5;outline:0;box-shadow:0 0 0 3px #3977d524}.app-shell .form-field--error input,.app-shell .form-field--error select,.app-shell .form-field--error textarea{border-color:#d97474}.app-shell .form-field__hint,.app-shell .form-field__error{font-size:12px;line-height:1.5}.app-shell .form-section+.form-section{margin-top:28px;padding-top:26px}.app-shell .form-section legend{color:#20324b;letter-spacing:-.025em;font-size:17px;font-weight:700}.app-shell .form-section__description{color:#536580;line-height:1.55;font-size:13px!important}.app-shell .data-table-search{border-radius:11px;min-height:42px}.app-shell .data-table-search:focus-within{border-color:#3977d5;box-shadow:0 0 0 3px #3977d524}.app-shell .data-table-search input{font-size:14px}.app-shell .data-table-tool-button{min-height:44px;font-size:13px}.app-shell .data-table-shell th{letter-spacing:.035em;font-size:12px}.app-shell .data-table-shell td{font-size:13px;line-height:1.5}.app-shell .page-kicker,.app-shell .sidebar .nav-label{font-size:11px}.app-shell .sidebar .nav{gap:15px;padding:16px 0}.app-shell .sidebar .nav-link{min-height:40px;padding-block:9px;font-size:14px}@media (max-width:760px){.app-shell .form-grid{gap:16px}.app-shell .form-field__label{font-size:13px}.app-shell .data-table-shell th{font-size:12px}.app-shell .data-table-shell td{font-size:14px}.app-shell .sidebar .nav-link{min-height:44px;font-size:15px}}.app-shell .dashboard-overview .metric-grid{gap:12px}.app-shell .dashboard-overview .metric-card,.app-shell .dashboard-overview .metric-card:nth-child(n){background:#fff;border:1px solid #dce5f1;border-radius:14px;gap:10px;min-width:0;padding:17px 18px;box-shadow:0 3px 14px #23426e09}.app-shell .dashboard-overview .metric-card:first-child{border-top:3px solid #2459c4}.app-shell .dashboard-overview .metric-card:nth-child(2){border-top:3px solid #3883c9}.app-shell .dashboard-overview .metric-card:nth-child(3){border-top:3px solid #6e7bc4}.app-shell .dashboard-overview .metric-card:nth-child(4){border-top:3px solid #8d7cc2}.app-shell .dashboard-overview .metric-card:nth-child(5){border-top:3px solid #4696a9}.app-shell .dashboard-overview .metric-icon{background:#edf3ff;border-radius:9px;width:32px;height:32px}.app-shell .dashboard-overview .metric-label{font-size:12px;line-height:1.35}.app-shell .dashboard-overview .metric-value{margin:5px 0;font-size:clamp(22px,1.7vw,29px);line-height:1.15}.app-shell .dashboard-overview .metric-note{font-size:12px;line-height:1.4}.app-shell .dashboard-panel{padding:20px 22px}.app-shell .dashboard-panel .panel-header h3{font-size:16px}.app-shell .dashboard-panel .panel-header p{font-size:12px}.app-shell .dashboard-panel .compact-table th{letter-spacing:.035em;font-size:11px}.app-shell .dashboard-panel .compact-table td{font-size:12px}.app-shell .dashboard-panel .list-copy strong{font-size:13px}.app-shell .dashboard-panel .list-copy span,.app-shell .dashboard-panel .list-value,.app-shell .dashboard-panel .legend-row,.app-shell .dashboard-panel .legend-row strong{font-size:12px}.app-shell .dashboard-panel .chart-axis,.app-shell .dashboard-panel .chart-labels{font-size:11px}.app-shell .dashboard-panel .empty-list strong{font-size:13px}.app-shell .dashboard-panel .empty-list span{font-size:12px}.app-shell .dashboard-filters label{font-size:11px}.app-shell .dashboard-filters select{min-height:42px;font-size:13px}@media (max-width:760px){.app-shell .dashboard-overview .metric-card,.app-shell .dashboard-overview .metric-card:nth-child(n){padding:16px}.app-shell .dashboard-panel{padding:18px}}.app-shell .planning-request-form{background:#f7f9fd;border-radius:14px;grid-template-columns:minmax(150px,.9fr) minmax(150px,.9fr) minmax(240px,1.6fr) auto;align-items:end;gap:14px;padding:20px}.app-shell .purchasing-header-form,.app-shell .quote-entry-grid,.app-shell .receiving-header-form{align-items:start;gap:14px 16px}.app-shell .planning-request-form label,.app-shell .quote-entry-grid label,.app-shell .quote-notes,.app-shell .po-amend-header label,.app-shell .receiving-header-form label{gap:7px;min-width:0}.app-shell .planning-request-form label span,.app-shell .quote-entry-grid label span,.app-shell .quote-notes span,.app-shell .award-options label span,.app-shell .po-amend-header label span,.app-shell .receiving-header-form label span{color:#425a79;letter-spacing:0;text-transform:none;font-size:12px;font-weight:650;line-height:1.4}.app-shell .planning-request-form input,.app-shell .planning-request-form textarea,.app-shell .purchasing-header-form input,.app-shell .purchasing-header-form select,.app-shell .po-line input,.app-shell .po-line select,.app-shell .quote-entry-grid input,.app-shell .quote-entry-grid select,.app-shell .quote-entry-panel table input,.app-shell .quote-notes textarea,.app-shell .award-options input,.app-shell .award-options select,.app-shell .po-amend-header input,.app-shell .po-amend-lines input,.app-shell .receiving-header-form input,.app-shell .receiving-header-form select{color:#20324b;background:#fff;border:1px solid #cbd8e9;border-radius:11px;min-width:0;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4}.app-shell .planning-request-form textarea,.app-shell .quote-notes textarea{min-height:88px}.app-shell .planning-request-form input:focus,.app-shell .planning-request-form textarea:focus,.app-shell .purchasing-header-form input:focus,.app-shell .purchasing-header-form select:focus,.app-shell .quote-entry-grid input:focus,.app-shell .quote-entry-grid select:focus,.app-shell .receiving-header-form input:focus,.app-shell .receiving-header-form select:focus{border-color:#3977d5;outline:0;box-shadow:0 0 0 3px #3977d524}.app-shell .planning-metrics>div,.app-shell .quote-metrics>div,.app-shell .receiving-metrics>div,.app-shell .receiving-po-summary>div,.app-shell .po-detail-metrics>div{background:#fff;border:1px solid #dce5f1;border-radius:13px;gap:7px;padding:15px 16px}.app-shell .planning-metrics span,.app-shell .quote-metrics span,.app-shell .receiving-metrics span,.app-shell .receiving-po-summary span,.app-shell .po-detail-metrics span{color:#536580;letter-spacing:.035em;font-size:11px;line-height:1.35}.app-shell .planning-metrics strong,.app-shell .quote-metrics strong,.app-shell .receiving-metrics strong,.app-shell .receiving-po-summary strong,.app-shell .po-detail-metrics strong{overflow-wrap:anywhere;font-size:20px;line-height:1.2}.app-shell .quote-requisition{background:#f8faff;border-color:#dce5f1;border-radius:14px;padding:18px}.app-shell .quote-card{border-radius:13px;gap:12px;padding:16px}.app-shell .quote-card strong{font-size:14px}.app-shell .quote-card span{font-size:12px}.app-shell .quote-card dt{font-size:11px}.app-shell .quote-card dd{font-size:13px}.app-shell .quote-card__price strong{font-size:20px}.app-shell .po-line,.app-shell .po-amend-lines>div{gap:12px}@media (max-width:1100px){.app-shell .planning-request-form{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .planning-request-form .planning-justification{grid-column:1/-1}}@media (max-width:760px){.app-shell .planning-request-form{grid-template-columns:1fr;padding:16px}.app-shell .planning-request-form .planning-justification{grid-column:auto}.app-shell .quote-entry-grid,.app-shell .receiving-header-form{grid-template-columns:1fr}.app-shell .planning-metrics strong,.app-shell .quote-metrics strong,.app-shell .receiving-metrics strong,.app-shell .receiving-po-summary strong{font-size:18px}}.app-shell .config-card{gap:16px}.app-shell .config-card h3{letter-spacing:-.025em;font-size:17px}.app-shell .config-card>p{margin:-8px 0 0;font-size:13px;line-height:1.5}.app-shell .config-list{border-color:#dce5f1;border-radius:13px}.app-shell .config-row{gap:14px;min-height:58px;padding:12px 14px}.app-shell .config-row strong{font-size:14px;font-weight:650}.app-shell .config-row span{font-size:12px;line-height:1.4}.app-shell .config-empty{padding:24px;font-size:13px}.app-shell .config-form{align-items:center;gap:12px}.app-shell .config-form input:not([type=checkbox]):not([type=radio]),.app-shell .config-form select,.app-shell .transfer-line select,.app-shell .transfer-line input,.app-shell .transfer-receipt-editor input,.app-shell .receipt-notes textarea,.app-shell .stock-filters select{color:#20324b;background:#fff;border:1px solid #cbd8e9;border-radius:11px;min-width:0;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4}.app-shell .inline-check{gap:8px;font-size:13px}.app-shell .inline-check input{width:17px;height:17px}.app-shell .item-detail-title h2{letter-spacing:-.035em;font-size:25px}.app-shell .back-link{font-size:13px}.app-shell .item-detail-metrics>div,.app-shell .operations-metrics>div{background:#fff;border:1px solid #dce5f1;border-radius:13px;gap:7px;padding:16px}.app-shell .item-detail-metrics span,.app-shell .operations-metrics span{color:#536580;font-size:11px;line-height:1.4}.app-shell .item-detail-metrics strong,.app-shell .operations-metrics strong{overflow-wrap:anywhere;font-size:20px;line-height:1.2}.app-shell .operations-metrics small{font-size:12px;line-height:1.4}.app-shell .section-copy{font-size:13px;line-height:1.55}.app-shell .transfer-line-editor{background:#f7f9fd;border-color:#dce5f1;border-radius:13px;gap:12px;padding:18px}.app-shell .transfer-line-editor__header strong{font-size:14px}.app-shell .transfer-line{gap:12px}.app-shell .transfer-line>span,.app-shell .receipt-notes span{font-size:12px}.app-shell .receipt-notes{gap:8px}.app-shell .location-node{border-radius:11px;gap:10px;min-height:52px}.app-shell .location-node strong{font-size:13px}.app-shell .location-node span{font-size:12px}.app-shell .location-control-note strong{font-size:13px}.app-shell .location-control-note span{font-size:12px}@media (max-width:720px){.app-shell .config-form,.app-shell .config-form-wide{grid-template-columns:1fr}.app-shell .config-row{grid-template-columns:minmax(0,1fr) auto}.app-shell .transfer-line-editor{padding:14px}}:root{--sidebar:232px;--sidebar-width:232px;--canvas:#f4f7fc;--shell-canvas:#f4f7fc}.app-shell .sidebar{background:radial-gradient(at 0 0,#233e65,#0000 55%),#111f36;padding:24px 12px 14px}.sidebar .brand-block{padding-bottom:24px}.sidebar .nav{gap:9px;padding-top:20px}.sidebar .nav-link{border-radius:8px;min-height:42px;font-size:13px}.sidebar .nav-link.active{background:#2b61cf;box-shadow:0 4px 14px #07132433}.sidebar .nav-group{gap:4px}.nav-section{border-top:1px solid #ffffff0e;padding-top:5px}.nav-section-label{cursor:pointer;color:#aebfd8;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 12px;font-size:12px;font-weight:600;list-style:none;display:flex}.nav-section-label::-webkit-details-marker{display:none}.nav-section-label:hover{color:#fff;background:#ffffff08}.nav-section-label svg{transition:transform .18s}.nav-section[open]>summary svg{transform:rotate(90deg)}.nav-section .nav-group{padding-bottom:4px}.app-header{background:#ffffffed;min-height:66px}.global-search input{background:#f7f9fc;font-size:13px}.page-heading-bar{padding-top:30px}.page-heading{align-items:center;gap:15px;display:flex}.page-title-icon{color:#2b61cf;background:#e5edfc;border:1px solid #d5e1f7;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.page-title-icon svg{width:24px;height:24px}.page-heading h1{letter-spacing:-.9px;margin:4px 0;font-size:30px;font-weight:650}.page-heading p{margin:6px 0 0;font-size:13px}.page-kicker{letter-spacing:.11em;font-size:10px}.page-content{padding-top:26px}.card,.dashboard-panel,.role-workspace{border-radius:14px;box-shadow:0 2px 5px #20324b03,0 8px 24px #20324b03}.card h2,.panel-header h3{font-size:17px}.card p,.section-copy,.topline p{font-size:13px;line-height:1.6}.topline{margin-bottom:20px}.data-table-shell{box-shadow:none;border-radius:10px}.data-table-toolbar{background:#fff;padding:14px}.data-table-search{background:#f7f9fc}.data-table-search input{font-size:13px}th{letter-spacing:.04em;font-size:11px}td{padding-top:16px;padding-bottom:16px;font-size:13px}.catalogue-link{font-weight:600}.data-table-footer{background:#fff}.badge,.status-badge{font-size:11px}.workspace-tabs{background:#eaf0f9;border:1px solid #dce5f1;border-radius:11px;flex-wrap:wrap;gap:4px;margin-bottom:22px;padding:5px;display:flex}.workspace-tabs button{border:0;border-radius:8px;flex:0 auto;min-height:40px;padding:9px 16px;font-size:13px}.workspace-tabs button.active{color:#1d4da8;background:#fff;box-shadow:0 2px 5px #17345a10}input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:8px}.form-section{background:#f9fbfe;border-radius:12px;padding:18px}.form-section+.form-section{margin-top:18px}.form-actions{padding-top:18px}.dashboard-welcome h2{font-size:20px}.dashboard-welcome p{font-size:12px}.app-shell .dashboard-overview{gap:22px}.app-shell .dashboard-overview .metric-card{background:#fff;border-color:#dce5f1;gap:10px;min-height:154px;padding:20px}.app-shell .dashboard-overview .metric-card:nth-child(n){background:#fff;border-color:#dce5f1}.app-shell .dashboard-overview .metric-card:nth-child(2){background:linear-gradient(125deg,#224c9b,#2d67cf);border-color:#285cb9}.app-shell .dashboard-overview .metric-card:nth-child(2) :is(.metric-label,.metric-value,.metric-note){color:#fff}.app-shell .dashboard-overview .metric-card:nth-child(2) .metric-icon{color:#fff;background:#ffffff20;border-color:#ffffff20}.app-shell .dashboard-overview .metric-icon{background:#edf3ff;border:0;border-radius:9px;width:30px;height:30px;position:absolute;top:17px;right:16px}.app-shell .dashboard-overview .metric-icon svg{width:17px;height:17px}.app-shell .dashboard-overview .metric-label{min-height:28px;padding-right:28px;font-size:12px}.app-shell .dashboard-overview .metric-value{letter-spacing:-.9px;margin:14px 0 8px;font-size:clamp(23px,2vw,32px)}.app-shell .dashboard-overview .metric-note{font-size:11px}.dashboard-primary-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px;margin:0}.chart-stage{margin-top:15px}.panel-header p{font-size:12px}.role-workspace{gap:16px}.role-workspace__header h2{margin:0;font-size:18px}.exception-summary span{padding:5px 9px;font-size:11px}.exception-summary strong{font-size:12px}.role-workspace__actions .quick-action-button{color:#315a98;background:#f5f8fe;border-color:#dce5f1;min-height:34px;padding:7px 12px;font-size:12px}.exception-card{background:#fcfdff;border-left-width:3px;gap:10px;min-height:0;padding:15px}.exception-card__category,.exception-card__severity{font-size:9px}.exception-card__footer{font-size:10px}.exception-toggle{justify-self:start;font-size:12px}.dashboard-details>summary{padding:18px 22px}.dashboard-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-secondary-grid>:last-child{grid-column:1/-1}.catalogue-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.catalogue-summary>div{border:1px solid var(--line);background:#fff;border-radius:12px;gap:9px;padding:17px 20px;display:grid;position:relative}.catalogue-summary>div:before{content:"";background:#7fa8ef;border-radius:50%;width:8px;height:8px;position:absolute;top:20px;right:20px}.catalogue-summary>div:last-child:before{background:#d6a440}.catalogue-summary span{color:var(--muted);padding-right:15px;font-size:12px}.catalogue-summary strong{letter-spacing:-.6px;font-size:28px;font-weight:600}.grid>.card:has(>strong){background:#fff;border-top:3px solid #4a7cdb;padding:20px 22px;position:relative}.grid>.card:has(>strong):nth-child(n){background:#fff}.grid>.card:has(>strong):nth-child(2n){border-top-color:#73b1c8}.grid>.card:has(>strong):nth-child(3n){border-top-color:#8492cd}.grid>.card:has(>strong) h2{color:var(--muted);margin:0 0 13px;font-size:13px;font-weight:500}.grid>.card>strong{letter-spacing:-.7px;font-size:30px;font-weight:600}.grid>.card:has(>strong) p{margin:10px 0 0;font-size:12px}.workspace-launch-grid{gap:16px}.workspace-launch{min-height:172px;padding:22px;position:relative}.workspace-launch-icon{color:#3869be;background:#eaf1ff;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:20px;display:grid}.workspace-launch:nth-child(3n+2) .workspace-launch-icon{color:#347a91;background:#e8f4f8}.workspace-launch:nth-child(3n+3) .workspace-launch-icon{color:#6861a4;background:#eeedfb}.workspace-launch-icon svg{width:23px;height:23px}.workspace-launch-arrow{color:#6e8cb4;font-size:22px;position:absolute;top:24px;right:23px}.workspace-launch h2{margin:0 0 7px;font-size:16px}.workspace-launch p{font-size:12px}.workspace-launch:hover{background:#fff;border-color:#99b8e8;transform:translateY(-2px);box-shadow:0 7px 18px #274c8410}:is(.planning-metrics,.quote-metrics,.operations-metrics,.po-detail-metrics,.receiving-metrics,.stock-metrics,.count-metrics,.recipe-metrics,.supplier-metrics,.location-metrics)>div{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:12px;min-width:0;padding:17px}:is(.planning-metrics,.quote-metrics,.operations-metrics,.po-detail-metrics,.receiving-metrics,.stock-metrics,.count-metrics,.recipe-metrics,.supplier-metrics,.location-metrics)>div>span{color:var(--muted);font-size:11px;line-height:1.4}:is(.planning-metrics,.quote-metrics,.operations-metrics,.po-detail-metrics,.receiving-metrics,.stock-metrics,.count-metrics,.recipe-metrics,.supplier-metrics,.location-metrics)>div>strong{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:24px;font-weight:600}.menu-cards{gap:18px}.menu-product{border-color:var(--line);border-top:3px solid #497bce;border-radius:14px;padding:22px;box-shadow:0 4px 15px #25497906}.menu-product:nth-child(3n+2){border-top-color:#6aa9bf}.menu-product:nth-child(3n+3){border-top-color:#8d8bcd}.category-tabs button.active{background:#2459c4;border-color:#2459c4}.menu-variant-summary strong{color:#2557a6;font-size:17px}.menu-product-head h3{font-size:17px}.library-row{border-color:var(--line);background:#f9fbff;padding:16px}.library-row:hover{background:#f1f6ff;border-color:#9ab7e3}.login-copy h1{letter-spacing:-2px;max-width:560px;font-size:clamp(36px,4vw,60px)}.login-copy p{max-width:450px;line-height:1.7}.login-points{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.login-point{background:#ffffff06;border:1px solid #ffffff25;border-radius:10px;padding:10px 14px;font-size:12px}@media (min-width:901px){.sidebar-collapsed .nav-section-label{display:none}.sidebar-collapsed .nav-section{padding-top:10px}}@media (max-width:1100px){.dashboard-primary-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.app-shell .dashboard-overview .metric-card{padding:16px}.app-shell .dashboard-overview .metric-icon{display:none}.app-shell .dashboard-overview .metric-label{padding-right:0}}@media (max-width:760px){.page-heading-bar{padding-top:24px}.page-heading{align-items:flex-start;gap:12px}.page-title-icon{border-radius:11px;width:40px;height:40px;margin-top:4px}.page-title-icon svg{width:21px;height:21px}.page-heading h1{letter-spacing:-.6px;font-size:25px}.page-heading p{font-size:13px}.page-content{padding-top:22px}.dashboard-primary-grid,.dashboard-secondary-grid{grid-template-columns:minmax(0,1fr)}.app-shell .dashboard-overview .metric-card{min-height:0;padding:18px;display:block}.app-shell .dashboard-overview .metric-label{min-height:0;font-size:12px}.app-shell .dashboard-overview .metric-value{margin:10px 0;font-size:28px}.app-shell .dashboard-overview .metric-note{font-size:12px}.catalogue-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalogue-summary>div{padding:16px}.catalogue-summary strong{font-size:26px}.nav-section-label,.workspace-tabs button{min-height:44px;font-size:13px}.form-section{padding:15px}.role-workspace__actions .quick-action-button,.exception-toggle{min-height:44px}.workspace-launch{min-height:0}}@media (prefers-reduced-motion:reduce){.workspace-launch,.nav-section-label svg{transition:none}}.workflow-disclosure{padding:0}.workflow-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;list-style:none;display:flex}.workflow-disclosure>summary::-webkit-details-marker{display:none}.workflow-disclosure>summary .topline{flex:1;margin:0}.workflow-disclosure>summary h2{margin:0;font-size:15px}.workflow-disclosure>summary p{margin:5px 0 0;font-size:12px}.disclosure-mark{color:#2459c4;background:#eaf1ff;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:21px;display:grid}.workflow-disclosure[open]>summary{border-bottom:1px solid var(--line)}.workflow-disclosure[open]>summary .disclosure-mark{transform:rotate(45deg)}.workflow-disclosure-body{padding:22px}.workflow-disclosure-body>:first-child{margin-top:0}.page-content details.workflow-disclosure{padding:0}.page-content .workflow-disclosure>summary{margin:0}.page-content .workflow-disclosure>summary>div{flex:1;min-width:0}.page-content .workflow-disclosure>summary :is(h2,p){margin-bottom:0}.page-content a:is(.primary,.secondary){vertical-align:middle;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.page-content .card>p+a:is(.primary,.secondary){margin-top:16px}.page-content .card>h2+p{margin-top:8px}.page-content .card>.button-row{margin-top:18px}.page-content .card>.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-content .data-table-search input{background:0 0;border:0;border-radius:0;min-height:38px;padding:0}.page-content .grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}.page-content :is(.operations-metrics,.po-detail-metrics){margin-bottom:22px}.page-content .inventory-controls-grid,.page-content .control-form-grid,.page-content .traceability-grid{align-items:start}.reports-overview{grid-template-columns:repeat(2,minmax(0,1.35fr)) repeat(2,minmax(0,.8fr));gap:16px;display:grid}.report-shortcut{flex-direction:column;align-items:flex-start;display:flex}.report-card-icon{color:#2b61cf;background:#eaf1ff;border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:14px;font-size:20px;display:grid}.report-shortcut h2{margin:0}.report-shortcut p{margin:8px 0 18px}.report-card-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.report-text-link{color:#2459c4;font-size:12px;font-weight:600;text-decoration:none}.report-stat{color:var(--ink);background:linear-gradient(135deg,#edf3ff,#fff);flex-direction:column;justify-content:center;gap:16px;text-decoration:none;display:flex}.report-stat span{color:var(--muted);font-size:13px}.report-stat strong{letter-spacing:-1px;font-size:40px;font-weight:600;line-height:1}.report-stat small{color:#315e9f;font-size:12px}#report-notifications,#report-audit{scroll-margin-top:85px}@media (max-width:1150px){.reports-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content .grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.reports-overview{grid-template-columns:minmax(0,1fr)}.page-content .grid:has(>:nth-child(4):last-child){grid-template-columns:minmax(0,1fr)}.page-content .card>.section-heading{flex-direction:column;align-items:flex-start}}.form-grid{align-items:start}.receiving-header-form label{min-width:0}.receiving-header-form :is(input,select){width:100%;min-width:0}.page-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){color:#20324b;min-width:0;max-width:100%;min-height:42px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cdd8e8;border-radius:8px;padding:10px 12px;font-size:13px}.page-content :is(input,select,textarea):focus-visible{outline-offset:2px;outline:2px solid #77a9f1}.page-content .form-field>:is(input,select,textarea),.page-content .selling-form :is(input:not([type=checkbox]),select,textarea),.page-content .menu-form-grid :is(input,select),.page-content .variant-row :is(input,select){width:100%}.page-content .menu-search{min-height:40px}.page-content .category-tabs button.active{background:#2459c4;border-color:#2459c4}.page-content .menu-product{border-color:var(--line);border-top:3px solid #497bce;padding:22px}.page-content .menu-product:nth-child(3n+2){border-top-color:#6aa9bf}.page-content .menu-product:nth-child(3n+3){border-top-color:#8d8bcd}.page-content .menu-product-head{align-items:start}.page-content .menu-product-head button{min-height:36px}.page-content .menu-variant-summary strong{color:#20324b;font-size:13px}.page-content .menu-variant-summary span{color:#2557a6;font-size:17px;font-weight:600}.chart-empty-note{text-align:right;background:#ffffffeb;border-radius:9px;width:auto;padding:8px 12px;inset:auto 0 31px auto;transform:none}.chart-empty-note strong{font-size:18px}.chart-empty-note span{display:none}@media (max-width:760px){.workflow-disclosure>summary{gap:12px;padding:16px}.workflow-disclosure-body{padding:16px}.page-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:44px;font-size:16px}}.page-content .data-table-search input:not([type=checkbox]):not([type=radio]){box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.page-content input:is([type=checkbox],[type=radio]){accent-color:#2459c4;flex:0 0 18px;align-self:center;width:18px;max-width:18px;height:18px;min-height:18px;margin:0;padding:0}.page-content .inline-form label:has(input[type=checkbox]){align-items:center;gap:9px;min-height:42px;display:flex}.exception-card__footer>span[aria-hidden=true]{color:#2459c4}