@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;600;700&family=Roboto+Mono:wght@400&display=swap";:root{--brand-blue:#09528e;--brand-blue-hover:#0a4e8a;--brand-blue-light:#4d9fea;--color-accent-teal:#1a8a8e;--brand-blue-soft:#09528e14;--brand-blue-badge:#09528e1a;--brand-blue-subtle:#09528e33;--navy:#0a1628;--navy-mid:#0f1f38;--navy-light:#162a4a;--corporate-blue:#0a1628;--dynamic-blue:#0a4e8a;--vibrant-blue:#09528e;--teal:#1a8a8e;--teal-dark:#146a6d;--gold:#7a6b3f;--gold-light:#c4b07a;--red:#a52222;--burgundy:#651c32;--light-blue:#006b83;--green:#155e19;--orange:#ff9e1b;--purple:#5340a8;--sidebar-width:260px;--topbar-height:64px;--bg-app:#f5f7fa;--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#ebebeb;--bg-nav:#fff;--bg-card:#fff;--bg-card-hover:#fafbfc;--bg-input:#fff;--bg-table-header:#f8f9fa;--bg-subtle:#f5f5f5;--bg-kpi-glow:#1b7bdd0a;--bg-overlay:#0a16288c;--glass-bg:#ffffffa6;--glass-border:#0a16280f;--glass-blur:14px;--glass-shadow:0 1px 3px #0000000a;--glass-radius:12px;--glass-nav-bg:#ffffffbf;--glass-nav-blur:16px;--glass-input-bg:#ffffff80;--glass-input-blur:8px;--text-heading:#0a1628;--text-primary:#1a1a2e;--text-secondary:#4d4d4d;--text-muted:#4f4f60;--text-placeholder:#525260;--text-link:#09528e;--text-link-hover:#0a4e8a;--text-on-brand:#fff;--text-nav:#4d4d4d;--text-nav-active:#09528e;--text-nav-section:#525260;--border:#e8e8ed;--border-subtle:#f0f0f5;--border-input:#d0d0d8;--border-focus:#1b7bdd;--border-nav-active:#1b7bdd;--success:#155e19;--success-bg:#155e1914;--success-border:#155e1933;--warning:#7a4d00;--warning-bg:#7a4d0014;--warning-border:#7a4d0033;--error:#a52222;--error-bg:#a5222214;--error-border:#a5222233;--info:#005e73;--info-bg:#005e7314;--cyan:#005e73;--cyan-bg:#005e7314;--purple-bg:#5340a814;--slate:#4a5568;--slate-bg:#4a556814;--btn-primary-bg:#09528e;--btn-primary-text:#fff;--btn-primary-hover:#0a4e8a;--btn-secondary-bg:transparent;--btn-secondary-border:#09528e;--btn-secondary-text:#09528e;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f,0 1px 4px #0000000a;--shadow-lg:0 12px 32px #00000014;--shadow-card:0 1px 3px #0000000a,0 0 0 1px #00000005;--font-heading:"Noto Sans",Arial,Helvetica,sans-serif;--font-serif:"Libre Baskerville","Georgia",serif;--font-primary:"Noto Sans",Arial,Helvetica,sans-serif;--font-arabic:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;--font-mono:"Roboto Mono","Courier New",monospace;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-ms:14px;--font-size-base:14px;--font-size-md:15px;--font-size-ml:16px;--font-size-lg:17px;--font-size-lg2:19px;--font-size-xl:21px;--font-size-xl2:23px;--font-size-2xl:26px;--font-size-3xl:30px;--space-1:1px;--space-2:2px;--space-3:3px;--space-xs:4px;--space-6:6px;--space-sm:8px;--space-10:10px;--space-ms:12px;--space-14:14px;--space-md:16px;--space-18:18px;--space-20:20px;--space-22:22px;--space-lg:24px;--space-28:28px;--space-xl:32px;--space-40:40px;--space-2xl:48px;--space-3xl:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-modal-backdrop:40;--z-modal:50;--z-overlay:100;--z-sidebar:1000;--sidebar-bg-start:#060f1c;--sidebar-bg-end:#0a1628;--sidebar-border:#ffffff0f;--sidebar-hover:#ffffff0a;--sidebar-text:#b0bdd0;--sidebar-text-hover:#7dbaf5;--sidebar-text-active:#7dbaf5;--sidebar-text-section:#8fa2b8;--sidebar-text-on-dark:#fff;--sidebar-text-role:#9aafc5;--sidebar-active-bg:#0b5fa51f;--sidebar-hover-bg:#0b5fa514;--sidebar-sub-bg:#ffffff05;--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234F4F60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");--icon-calendar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234F4F60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}[data-theme=dark],[data-theme=dark-navy]{--bg-app:#08090e;--bg-primary:#0e1015;--bg-secondary:#14161d;--bg-tertiary:#1a1d26;--bg-nav:#0e1015;--bg-card:#14161d;--bg-card-hover:#1a1d26;--bg-input:#14161d;--bg-table-header:#14161d;--bg-subtle:#1a1d26;--bg-kpi-glow:#7dbaf50d;--bg-overlay:#08090ed1;--border:#ffffff12;--border-subtle:#ffffff09;--border-input:#ffffff1a;--text-heading:#fff;--text-primary:#e8edf3;--text-secondary:#c8d1dc;--text-muted:#b0bdd0;--text-placeholder:#9aafc5;--text-link:#7dbaf5;--text-link-hover:#a5cff8;--text-nav:#b0bdd0;--text-nav-active:#7dbaf5;--text-nav-section:#8fa2b8;--border-focus:#7dbaf5;--border-nav-active:#7dbaf5;--sidebar-border:#ffffff0f;--sidebar-hover:#ffffff0a;--sidebar-text:#b0bdd0;--sidebar-text-hover:#7dbaf5;--sidebar-text-active:#7dbaf5;--sidebar-text-section:#8fa2b8;--sidebar-text-on-dark:#fff;--sidebar-text-role:#9aafc5;--sidebar-active-bg:#0b5fa51f;--sidebar-hover-bg:#0b5fa514;--sidebar-sub-bg:#ffffff05;--gold:#d4a843;--gold-light:#e8c468;--success:#6ee7a0;--success-bg:#6ee7a01a;--success-border:#6ee7a033;--warning:#fcd060;--warning-bg:#fcd0601a;--warning-border:#fcd06033;--error:#ff9a96;--error-bg:#ff9a961a;--error-border:#ff9a9633;--info:#5de4f8;--info-bg:#5de4f81a;--cyan:#5de4f8;--cyan-bg:#5de4f81a;--purple:#c4b5fd;--purple-bg:#c4b5fd1f;--slate:#b8c4d6;--slate-bg:#b8c4d61a;--brand-blue:#09528e;--brand-blue-hover:#7dbaf5;--brand-blue-soft:#7dbaf51f;--brand-blue-badge:#7dbaf51a;--brand-blue-subtle:#7dbaf533;--btn-primary-bg:#09528e;--btn-primary-text:#fff;--btn-primary-hover:#7dbaf5;--btn-secondary-border:#7dbaf5;--btn-secondary-text:#7dbaf5;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 12px 32px #00000059;--shadow-card:0 1px 3px #0003,0 0 0 1px #ffffff08;--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A0A3B1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");--icon-calendar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A0A3B1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}[data-theme=dark]{--bg-app:#08090e;--bg-primary:#0e1015;--bg-secondary:#14161d;--bg-tertiary:#1a1d26;--bg-nav:#0e1015;--bg-card:#14161d;--bg-card-hover:#1a1d26;--bg-input:#14161d;--bg-table-header:#14161d;--bg-kpi-glow:#7dbaf50d;--bg-overlay:#08090ed1;--glass-bg:#0e1015d9;--glass-border:#ffffff0d;--glass-shadow:0 1px 3px #0000004d;--glass-nav-bg:#0e1015e6;--glass-input-bg:#14161db3;--border:#ffffff12;--border-subtle:#ffffff09;--border-input:#ffffff1a;--sidebar-bg-start:#08090e;--sidebar-bg-end:#0e1015;--shine-top:linear-gradient(180deg,#ffffff0b 0%,#ffffff03 40%,transparent 100%);--shine-135:linear-gradient(135deg,#ffffff0a 0%,transparent 40%,#ffffff02 100%);--glow-rest:0 1px 3px #0000004d,0 0 0 1px #ffffff0a;--glow-hover:0 4px 16px #0000004d,0 0 24px #7dbaf512,0 0 0 1px #7dbaf51f;--glow-active:0 0 0 1px #7dbaf533,0 0 20px #7dbaf51a}[data-theme=dark] .card{background-color:var(--bg-card);background-image:var(--shine-top);box-shadow:var(--glow-rest);border:1px solid #ffffff0f;border-top-color:#ffffff1a}[data-theme=dark] .card:hover{box-shadow:var(--glow-hover);border-color:#7dbaf52e #7dbaf51f #7dbaf51f;transform:translateY(-1px)}[data-theme=dark] .kpi{background-image:var(--shine-top);border-top:1px solid #ffffff14}[data-theme=dark] .kpi:hover{box-shadow:var(--glow-hover);transform:translateY(-2px)}[data-theme=dark] .btn-p{background-image:linear-gradient(#ffffff1a 0%,#0000 50%);box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff14}[data-theme=dark] .btn-p:hover{box-shadow:0 2px 8px #0000004d,0 0 20px #0b5fa559,inset 0 1px #ffffff1f}[data-theme=dark] .btn-s{border-color:#7dbaf533}[data-theme=dark] .btn-s:hover{background:#7dbaf514;border-color:#7dbaf54d}[data-theme=dark] .fi{background:var(--bg-input);border-color:#ffffff14;box-shadow:inset 0 1px 2px #0003}[data-theme=dark] .fi:hover{border-color:#ffffff24}[data-theme=dark] .fi:focus{border-color:#7dbaf566;box-shadow:0 0 0 3px #7dbaf51f,0 0 16px #7dbaf50f,inset 0 1px 2px #0000001a}[data-theme=dark] .modal{background-color:var(--bg-card);background-image:var(--shine-135);border:1px solid #ffffff14;border-top-color:#ffffff1f;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0f}[data-theme=dark] .drawer{background-color:var(--bg-card);background-image:var(--shine-top);border-inline-start:1px solid #ffffff14}[data-theme=dark] .topbar{background-color:var(--bg-nav);background-image:linear-gradient(#ffffff06 0%,#0000 100%);border-bottom-color:#ffffff0f}[data-theme=dark] .sidebar{background:linear-gradient(#08090e,#0e1015)!important}[data-theme=dark] .badge{border:1px solid #ffffff0f;box-shadow:0 1px 2px #00000026}[data-theme=dark] .b-blue{border-color:#7dbaf526}[data-theme=dark] .b-green{border-color:#6ee7a026}[data-theme=dark] .b-amber{border-color:#fcd06026}[data-theme=dark] .b-red{border-color:#f5827f26}[data-theme=dark] thead th{background:#14161d;border-bottom:1px solid #ffffff0f}[data-theme=dark-navy] thead th{background:#0f1f38;border-bottom:1px solid #ffffff0f}[data-theme=dark] tbody tr:hover{background:#7dbaf508}[data-theme=dark] ::-webkit-scrollbar-track{background:#08090e}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}[data-theme=dark] .tab.active{text-shadow:0 0 12px #7dbaf54d;border-bottom-color:#7dbaf5}[data-theme=dark] .tab:hover{border-bottom-color:#7dbaf54d}[data-theme=dark] .tl-item.done:before{box-shadow:0 0 8px #6ee7a04d}[data-theme=dark] .tl-item.pending:before{box-shadow:0 0 8px #fcd0604d}[data-theme=dark] .step.active .step-num{box-shadow:0 0 12px #0b5fa566}[data-theme=dark] .step.done .step-num{box-shadow:0 0 12px #6ee7a04d}[data-theme=dark] .alert-card{background-image:var(--shine-135)}[data-theme=dark] .alert-card:hover{box-shadow:var(--shadow-sm),0 0 12px #7dbaf50a}[data-theme=dark-navy]{--bg-app:#060f1c;--bg-primary:#0a1628;--bg-secondary:#0f1f38;--bg-tertiary:#162a4a;--bg-nav:#0a1628;--bg-card:#0f1f38;--bg-card-hover:#142842;--bg-input:#0f1f38;--bg-table-header:#0f1f38;--bg-subtle:#142842;--bg-kpi-glow:#d4a8430d;--bg-overlay:#060f1cc7;--glass-bg:#0f1f38d9;--glass-border:#ffffff0d;--glass-shadow:0 1px 3px #00000040;--glass-nav-bg:#0a1628e6;--glass-input-bg:#0f1f38a6;--border:#ffffff0f;--border-subtle:#ffffff08;--border-input:#ffffff1a;--sidebar-bg-start:#060f1c;--sidebar-bg-end:#0a1628;--accent-warm:#d4a8431f;--accent-warm-border:#d4a84333;--accent-warm-glow:0 0 20px #d4a8430f}[data-theme=dark-navy] .s-item.active{color:#e8c468;background:#d4a84314;border-inline-start-color:#d4a843}[data-theme=dark-navy] .s-item:hover,[data-theme=dark-navy] .sidebar-text-active{color:#e8c468}[data-theme=dark-navy] .card{background-color:var(--bg-card);border:1px solid #ffffff0d;background-image:linear-gradient(#d4a84308 0%,#0000 40%);border-top-color:#d4a8431a}[data-theme=dark-navy] .card:hover{border-color:#d4a84338 #d4a84326 #d4a84326;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d,0 0 20px #d4a8430d}[data-theme=dark-navy] .kpi{background-image:linear-gradient(#d4a84308 0%,#0000 50%)}[data-theme=dark-navy] .kpi:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d,0 0 20px #d4a8430f}[data-theme=dark-navy] .btn-p{background-image:linear-gradient(#ffffff14 0%,#0000 50%);box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff0f}[data-theme=dark-navy] .btn-p:hover{box-shadow:0 2px 8px #0000004d,0 0 16px #0b5fa54d,inset 0 1px #ffffff1a}[data-theme=dark-navy] .fi{background-color:var(--bg-input);box-shadow:inset 0 1px 2px #00000026}[data-theme=dark-navy] .fi:focus{border-color:#7dbaf559;box-shadow:0 0 0 3px #7dbaf51a,0 0 12px #7dbaf50a,inset 0 1px 2px #00000014}[data-theme=dark-navy] .modal{background-color:var(--bg-card);background-image:linear-gradient(135deg,#d4a84305 0%,#0000 40%);border:1px solid #ffffff0f;border-top-color:#d4a8431a;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0a}[data-theme=dark-navy] .drawer{background-color:var(--bg-card);background-image:linear-gradient(#d4a84305 0%,#0000 30%)}[data-theme=dark-navy] .topbar{background-color:var(--bg-nav);background-image:linear-gradient(#ffffff05 0%,#0000 100%)}[data-theme=dark-navy] .badge{border:1px solid #ffffff0d}[data-theme=dark-navy] .b-gold{border-color:#d4a84340}[data-theme=dark-navy] tbody tr:hover{background:#d4a84308}[data-theme=dark-navy] .tab.active{color:#e8c468;text-shadow:0 0 10px #d4a84333;border-bottom-color:#d4a843}[data-theme=dark-navy] .tab:hover{border-bottom-color:#d4a8434d}[data-theme=dark-navy] ::-webkit-scrollbar-track{background:#060f1c}[data-theme=dark-navy] ::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}[data-theme=dark-navy] ::-webkit-scrollbar-thumb:hover{background:#ffffff26}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-app);line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--brand-blue-soft);color:var(--text-heading)}:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}a{color:var(--text-link);cursor:pointer;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}.sidebar{inset-inline-start:0;width:var(--sidebar-width);background:linear-gradient(180deg,var(--sidebar-bg-start),var(--sidebar-bg-end));height:100vh;z-index:var(--z-sidebar);border-inline-end:1px solid var(--sidebar-border);flex-direction:column;display:flex;position:fixed;top:0;overflow-y:auto}.s-head{padding:var(--space-20);border-bottom:1px solid var(--sidebar-border);align-items:center;gap:var(--space-ms);display:flex}.s-head svg{flex-shrink:0;width:56px;height:49px}.s-nav{padding:var(--space-ms) var(--space-sm);flex:1;overflow-y:auto}.s-label{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.14em;color:var(--sidebar-text-section);padding:var(--space-ms) var(--space-ms) var(--space-6);margin-top:var(--space-sm);font-weight:600}.s-item{align-items:center;gap:var(--space-10);padding:9px var(--space-ms);margin:var(--space-2) 0;border-radius:var(--radius-md);cursor:pointer;color:var(--sidebar-text);font-size:var(--font-size-ms);transition:all var(--transition-base);border-inline-start:2.5px solid #0000;min-height:44px;font-weight:500;display:flex;position:relative}.s-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.s-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);border-inline-start-color:var(--brand-blue);font-weight:600}.s-item svg{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:18px;height:18px}.s-item .count{background:var(--error);color:#fff;border-radius:var(--radius-full);padding:var(--space-2) 7px;font-size:var(--font-size-xs);text-align:center;min-width:20px;margin-inline-start:auto;font-weight:600}[data-theme=dark] .s-item .count,[data-theme=dark-navy] .s-item .count{color:#0a1628}.s-expand{align-items:center;gap:var(--space-10);padding:9px var(--space-ms);margin:var(--space-2) 0;border-radius:var(--radius-md);cursor:pointer;color:var(--sidebar-text);font-size:var(--font-size-ms);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;min-height:44px;font-weight:500;display:flex}.s-expand:hover{background:var(--sidebar-hover)}.s-expand svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px;transition:transform var(--transition-base)}.s-expand .chevron{width:14px;height:14px;transition:transform var(--transition-base);margin-inline-start:auto}.s-expand.open .chevron{transform:rotate(90deg)}.s-sub{background:var(--sidebar-sub-bg);border-radius:var(--radius-sm);margin:var(--space-xs) var(--space-sm);display:none;overflow:hidden}.s-sub.open{display:block}.s-sub-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-ms);color:var(--sidebar-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);border-inline-start:2px solid #0000;min-height:44px;padding-inline-start:var(--space-14);display:flex}.s-sub-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.s-foot{padding:var(--space-14) var(--space-ms);border-top:1px solid var(--sidebar-border);align-items:center;gap:var(--space-10);cursor:pointer;transition:all var(--transition-base);display:flex}.s-foot:hover{background:var(--sidebar-hover)}.s-foot-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-blue),var(--purple));width:36px;height:36px;color:var(--sidebar-text-on-dark);font-size:var(--font-size-base);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.s-foot-info{flex:1;min-width:0}.s-foot-name{font-size:var(--font-size-base);color:var(--sidebar-text-on-dark);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.s-foot-role{font-size:var(--font-size-sm);color:var(--sidebar-text-role)}.main{transition:margin-inline-start var(--transition-smooth);margin-inline-start:var(--sidebar-width)}.topbar{height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 var(--space-lg);z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex;position:sticky;top:0}.search-box{width:240px;position:relative}.search-box input{width:100%;padding:var(--space-sm) var(--space-ms) var(--space-sm) 34px;background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);font-family:var(--font-primary);transition:all var(--transition-base);min-height:44px}.search-box input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-blue-subtle);outline:none}.search-box input::placeholder{color:var(--text-placeholder)}.search-box svg{inset-inline-start:10px;width:16px;height:16px;stroke:var(--text-muted);stroke-width:2px;fill:none;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topbar-right{align-items:center;gap:var(--space-ms);margin-inline-start:auto;display:flex}.topbar-btn{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-base);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.topbar-btn:hover{background:var(--bg-card-hover);color:var(--text-link);border-color:var(--text-link)}.topbar-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:18px;height:18px}.topbar-btn .dot{background:var(--error);top:10px;border-radius:50%;width:7px;height:7px;position:absolute;inset-inline-end:10px}.page{display:none}.page.active{display:block}@media (prefers-reduced-motion:no-preference){.page.active{animation:.2s forwards pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}.page-wrap{padding:var(--space-lg)}.page-head{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.page-title-area{flex:1}.page-title{font-size:var(--font-size-2xl);color:var(--text-heading);margin-bottom:var(--space-xs);font-weight:700;line-height:1.2;font-family:var(--font-heading)}.page-desc{font-size:var(--font-size-base);color:var(--text-secondary)}.breadcrumb{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-ms);font-size:var(--font-size-ms);display:flex}.breadcrumb a,.breadcrumb .bc-link{color:var(--text-link);cursor:pointer;transition:color var(--transition-fast)}.breadcrumb a:hover,.breadcrumb .bc-link:hover{color:var(--text-link-hover);text-decoration:underline}.breadcrumb span{color:var(--text-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-ms);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-weight:600;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;min-height:44px;display:inline-flex}.btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.btn-p{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.btn-p:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.btn-s{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-s:hover{background:var(--bg-card-hover);border-color:var(--text-muted);color:var(--text-heading)}.btn-g{color:var(--text-muted);background:0 0;border-color:#0000}.btn-g:hover{background:var(--brand-blue-soft);color:var(--text-link)}.btn-success{background:var(--success);color:var(--text-on-brand);border-color:var(--success)}.btn-success:hover{opacity:.85}[data-theme=dark] .btn-success,[data-theme=dark-navy] .btn-success{background:var(--success);color:#0a1628;border-color:var(--success)}.btn-danger{background:var(--error);color:var(--text-on-brand);border-color:var(--error)}.btn-danger:hover{opacity:.85}[data-theme=dark] .btn-danger,[data-theme=dark-navy] .btn-danger{color:#0a1628}.btn-sm{padding:var(--space-6) var(--space-10);font-size:var(--font-size-sm);min-height:36px}.btn-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.toolbar{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-blue-subtle)}[data-theme=dark] .card:hover,[data-theme=dark-navy] .card:hover{border-color:#7dbaf533}.card-head{padding:var(--space-14) var(--space-18);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;display:flex}.card-t{font-size:var(--font-size-md);color:var(--text-heading);font-weight:700;font-family:var(--font-heading)}.card-body{padding:var(--space-18);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.badge{align-items:center;gap:var(--space-6);padding:var(--space-xs) var(--space-10);border-radius:var(--radius-full);font-size:var(--font-size-sm);white-space:nowrap;font-weight:600;display:inline-flex}.b-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.b-blue{background:var(--brand-blue-soft);color:var(--text-link)}.b-green{background:var(--success-bg);color:var(--success)}.b-amber{background:var(--warning-bg);color:var(--warning)}.b-red{background:var(--error-bg);color:var(--error)}.b-purple{background:var(--purple-bg);color:var(--purple)}.b-cyan{background:var(--cyan-bg);color:var(--cyan)}.b-slate{background:var(--slate-bg);color:var(--slate)}.b-gold{color:var(--gold);background:#ae99621f}.kpi-row{gap:var(--space-ms);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-18);cursor:pointer;transition:all var(--transition-smooth)}[data-theme=dark] .kpi,[data-theme=dark-navy] .kpi{background:var(--bg-table-header);border-color:var(--border)}:root .kpi{border-top:3px solid var(--brand-blue)}:root .kpi:nth-child(2){border-top-color:var(--success)}:root .kpi:nth-child(3){border-top-color:var(--warning)}:root .kpi:nth-child(4){border-top-color:var(--brand-blue)}[data-theme=dark] .kpi,[data-theme=dark-navy] .kpi{border-top:none}.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-sm);font-weight:600}.kpi-val{font-size:var(--font-size-xl2);color:var(--text-heading);margin-bottom:var(--space-sm);font-weight:700}.kpi-sub{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.kpi-sub.up{color:var(--success)}.kpi-sub.down{color:var(--error)}.kpi-sub svg{vertical-align:middle;width:12px;height:12px;margin-inline-end:var(--space-xs);display:inline}.tbl-wrap{border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--bg-card) 30%,transparent) left center,linear-gradient(to left,var(--bg-card) 30%,transparent) right center, linear-gradient(to right,#00000014,transparent) left center,linear-gradient(to left,#00000014,transparent) right center;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}table{border-collapse:collapse;width:100%}thead{border-bottom:1px solid var(--border)}th{padding:var(--space-ms);text-align:start;font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);background:var(--bg-table-header);font-weight:600}td{padding:var(--space-ms);border-bottom:1px solid var(--border);font-size:var(--font-size-base);color:var(--text-primary)}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-card-hover)}.tbl-link{color:var(--text-link);cursor:pointer;font-weight:600;font-family:var(--font-mono);font-size:var(--font-size-sm);transition:color var(--transition-fast);background:0 0;border:none;padding:0}.tbl-link:hover{color:var(--text-link-hover);text-decoration:underline}.pag{padding:var(--space-ms) var(--space-18);border-top:1px solid var(--border);font-size:var(--font-size-ms);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.pag-btns{gap:var(--space-6);display:flex}.pag-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;font-size:var(--font-size-ms);color:var(--text-secondary);transition:all var(--transition-base);min-width:44px;min-height:44px;font-family:var(--font-primary);background:0 0;justify-content:center;align-items:center;display:flex}.pag-btn.active{background:var(--brand-blue);color:var(--text-on-brand);border-color:var(--brand-blue)}.pag-btn:hover:not(.active){background:var(--bg-card-hover)}.fg{margin-bottom:var(--space-14)}.fl{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-6);font-weight:600;display:block}.fi{width:100%;padding:var(--space-sm) var(--space-ms);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);font-family:var(--font-primary);transition:all var(--transition-base);min-height:44px}.fi:hover{border-color:var(--text-muted)}.fi:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-blue-subtle);outline:none}.fi::placeholder{color:var(--text-placeholder)}.fi[readonly]{background:var(--bg-app);cursor:default}.fi[readonly]:focus{border-color:var(--border-input);box-shadow:none}.fi[disabled],.fi:disabled{background:var(--bg-secondary);opacity:.6;cursor:not-allowed}.fi.fi-error{border-color:var(--error);background:var(--error-bg)}.fi.fi-error:focus{box-shadow:0 0 0 3px #a522221f}.fi-error-msg{font-size:var(--font-size-xs);color:var(--error);margin-top:var(--space-xs);font-weight:500}.fi-helper{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs)}select.fi{appearance:none;background-image:var(--icon-chevron);cursor:pointer;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}input[type=date].fi,input[type=datetime-local].fi{appearance:none;background-image:var(--icon-calendar);cursor:pointer;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}input[type=date].fi::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:36px;height:100%;position:absolute;right:0}input[type=date].fi::-webkit-inner-spin-button{display:none}input[type=date].fi::-webkit-clear-button{display:none}input[type=number].fi{-moz-appearance:textfield}input[type=number].fi::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].fi::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}textarea.fi{resize:vertical;min-height:80px;line-height:1.5}.form-grid{gap:var(--space-md);display:grid}.fg2{grid-template-columns:repeat(2,1fr)}.fg3{grid-template-columns:repeat(3,1fr)}.filters{gap:var(--space-sm);margin-bottom:var(--space-18);flex-wrap:wrap;display:flex}.filter-search{flex:0 240px;width:240px}.filter-select{flex:0 160px;width:160px}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;gap:0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-ms) var(--space-18);font-size:var(--font-size-base);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;min-height:44px;font-weight:500;font-family:var(--font-primary);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;display:flex}.tab:hover{color:var(--text-primary);border-bottom-color:var(--border)}.tab.active{color:var(--text-nav-active);border-bottom-color:var(--text-nav-active)}.tab[tabindex]{outline-offset:-2px}.tc{display:none}.tc.active{display:block}.section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow:hidden}.section-head{padding:var(--space-14) var(--space-18);cursor:pointer;align-items:center;gap:var(--space-sm);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;min-height:44px;display:flex}.section-head:hover{background:var(--bg-card-hover)}.section-head .arr{width:16px;height:16px;stroke:var(--text-muted);stroke-width:2px;fill:none;transition:transform var(--transition-base);flex-shrink:0;margin-inline-start:var(--space-sm)}.section-head.open .arr{transform:rotate(90deg)}.section-title{font-size:var(--font-size-base);color:var(--text-heading);font-weight:600}.section-meta{font-size:var(--font-size-ms);color:var(--text-muted);align-items:center;gap:var(--space-sm);margin-inline-start:auto;display:flex}.section-body{max-height:0;transition:max-height var(--transition-smooth);overflow:hidden}.section-body.open{max-height:3000px}.section-inner{padding:0 var(--space-18) var(--space-18)}.field-grid{gap:var(--space-14);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.field{flex-direction:column;display:flex}.field-l{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-xs);font-weight:600}.field-v{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.field-v-inline{font-size:var(--font-size-base);color:var(--text-primary);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);align-items:center;min-height:36px;font-weight:500;display:flex}.field-v-box{font-size:var(--font-size-base);color:var(--text-secondary);padding:var(--space-sm) var(--space-ms);background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:default;align-items:center;min-height:44px;font-weight:500;display:flex}.quote-sidebar{top:calc(var(--topbar-height) + 48px);align-self:flex-start;position:sticky}.quote-sidebar .stat-item{padding:var(--space-10) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-ms);justify-content:space-between;display:flex}.quote-sidebar .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:var(--font-size-xs)}.quote-sidebar .stat-value{color:var(--text-heading);font-weight:600;font-size:var(--font-size-base)}.timeline{border-inline-start:2px solid var(--border);padding-inline-start:var(--space-lg);position:relative}.tl-item{gap:var(--space-14);margin-bottom:var(--space-18);display:flex;position:relative}.tl-item:before{content:"";inset-inline-start:-32px;background:var(--warning);border:2px solid var(--bg-card);box-sizing:content-box;border-radius:50%;width:8px;height:8px;position:absolute;top:4px}.tl-item.done:before{background:var(--success)}.tl-item.pending:before{background:var(--warning)}.tl-content{flex:1}.tl-label{font-size:var(--font-size-base);color:var(--text-heading);margin-bottom:var(--space-xs);font-weight:600}.tl-time{font-size:var(--font-size-sm);color:var(--text-muted)}.tl-item.future{opacity:.6}.tl-item.future:before{background:var(--text-muted)}.bid-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-18);transition:all var(--transition-smooth);cursor:pointer}.bid-card:hover{border-color:var(--text-link);box-shadow:0 2px 8px var(--brand-blue-subtle)}.context-bar{background:var(--glass-nav-bg);border-bottom:1px solid var(--glass-border);padding:var(--space-10) var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-nav-blur));align-items:center;gap:var(--space-md);font-size:var(--font-size-ms);top:var(--topbar-height);z-index:var(--z-sticky);display:flex;position:sticky}.ctx-meta{color:var(--text-muted);align-items:center;gap:var(--space-sm);display:flex}.ctx-total{margin-inline-start:auto;font-weight:700}.ctx-amount{color:var(--success);font-size:var(--font-size-md)}.quote-header{background:var(--glass-nav-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-nav-blur));padding:var(--space-ms) var(--space-lg) var(--space-10);top:var(--topbar-height);z-index:var(--z-sticky);position:sticky}.quote-header-top{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);display:flex}.quote-header-identity{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.quote-header-title{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.quote-id{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--text-heading);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.2}.quote-rev-chip{padding:var(--space-2) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-2xs);background:var(--brand-blue-badge);color:var(--text-link);letter-spacing:.03em;align-items:center;font-weight:600;display:inline-flex}.quote-header-total{text-align:end;flex-shrink:0}.quote-total-label{font-size:var(--font-size-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500;line-height:1;display:block}.quote-total-amount{font-family:var(--font-mono);font-size:var(--font-size-xl);color:var(--success);letter-spacing:-.02em;font-weight:700;line-height:1.2}.quote-header-meta{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);display:flex}.quote-meta-chips{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.meta-chip{align-items:center;gap:var(--space-xs);padding:var(--space-2) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap;font-weight:500;display:inline-flex}.meta-chip svg{stroke:currentColor;stroke-width:2px;fill:none;opacity:.7;flex-shrink:0}.meta-chip--warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.meta-chip--warning svg{opacity:1}.quote-notifications{padding:0 var(--space-lg)}.quote-notifications:empty{display:none}.notify-bar{align-items:center;gap:var(--space-sm);padding:var(--space-6) var(--space-ms);border-radius:var(--radius-md);font-size:var(--font-size-xs);margin-top:var(--space-sm);display:flex}.notify-bar svg{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0}.notify-bar .btn{min-height:26px;padding:var(--space-2) var(--space-sm);font-size:var(--font-size-2xs)}.notify-bar--warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning)}.notify-bar--error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.sticky-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-ms) var(--space-lg);justify-content:flex-end;align-items:center;gap:var(--space-sm);z-index:var(--z-sticky);display:flex;position:sticky;bottom:0}.sticky-footer .btn-cancel{margin-inline-end:auto}.portal-hero{background:linear-gradient(135deg,var(--bg-app) 0%,var(--bg-card-hover) 100%);padding:var(--space-40) var(--space-lg);text-align:center;margin-bottom:var(--space-xl);border-radius:var(--radius-lg)}.portal-hero h1,.portal-hero h2{color:var(--text-heading)}.toast-wrap{bottom:var(--space-lg);z-index:2000;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;inset-inline-end:var(--space-lg)}.toast{background:var(--bg-tertiary);color:var(--text-heading);padding:var(--space-ms) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-base);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-sm);display:flex}@media (prefers-reduced-motion:no-preference){.toast{animation:.3s forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}}.bar-row{align-items:center;gap:var(--space-ms);margin-bottom:var(--space-14);display:flex}.bar-label{width:120px;font-size:var(--font-size-ms);color:var(--text-secondary)}.bar-track{background:var(--bg-app);border-radius:var(--radius-md);flex:1;height:16px;overflow:hidden}.bar-fill{border-radius:var(--radius-md);height:100%;transition:width var(--transition-smooth)}.upload-zone{border:2px dashed var(--border-input);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-base)}.upload-zone:hover{border-color:var(--text-link);background:var(--brand-blue-soft)}.upload-zone svg{width:28px;height:28px;stroke:var(--text-muted);stroke-width:2px;fill:none;margin:0 auto 8px;display:block}.dept-tree{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;width:180px;overflow-y:auto}.dept-tree-head{padding:var(--space-ms);border-bottom:1px solid var(--border);font-weight:700;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.dept-item{padding:9px var(--space-ms);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-ms);transition:all var(--transition-base);border-inline-start:2px solid #0000;align-items:center;min-height:44px;padding-inline-start:var(--space-14);display:flex}.dept-item:hover{background:var(--bg-card-hover)}.dept-item.active{color:var(--text-link);background:var(--brand-blue-soft);border-inline-start-color:var(--brand-blue);font-weight:600}.cart-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-18);font-size:var(--font-size-ms);margin-bottom:var(--space-ms);justify-content:space-between;align-items:center;display:flex}.cart-total{color:var(--text-link);font-weight:700;font-size:var(--font-size-md)}.info-banner{padding:var(--space-ms);background:var(--brand-blue-soft);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--font-size-ms);color:var(--text-secondary)}.info-banner--warning{background:var(--warning-bg);border-color:var(--warning-border)}.section-divider{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-14) 0 var(--space-sm);border-top:1px solid var(--border);margin-top:var(--space-14);font-weight:600}.stat-card{background:var(--bg-card-hover);padding:var(--space-14);border-radius:var(--radius-lg);text-align:center}.stat-card .field-l{margin-bottom:var(--space-6)}.stat-card .stat-val{font-size:var(--font-size-lg2);color:var(--text-heading);font-weight:700}.stat-card.success{background:var(--success-bg)}.stat-card.success .field-l{color:var(--success);font-weight:600}.stat-card.success .stat-val{color:var(--success)}.sidebar{transition:width var(--transition-smooth),transform var(--transition-smooth)}.sidebar.collapsed{width:64px;overflow:visible}.sidebar.collapsed .s-nav{padding:var(--space-ms) var(--space-xs)}.sidebar.collapsed .s-item{padding:9px var(--space-sm);justify-content:center;font-size:0;overflow:hidden}.sidebar.collapsed .s-item svg{font-size:var(--font-size-base);margin:0}.sidebar.collapsed .s-label,.sidebar.collapsed .s-expand,.sidebar.collapsed .s-sub,.sidebar.collapsed .s-foot-info{display:none}.sidebar.collapsed .s-foot-avatar{width:32px;height:32px;font-size:var(--font-size-sm)}.sidebar.collapsed .s-expand{padding:9px var(--space-sm);justify-content:center}.sidebar.collapsed .s-expand .chevron{display:none}.sidebar.collapsed .count{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-xs);font-size:var(--font-size-2xs);min-width:14px;position:absolute}.sidebar.collapsed+.main,.sidebar.collapsed~.main{margin-inline-start:64px}.sidebar-toggle{width:100%;padding:var(--space-10) var(--space-ms);border:none;border-top:1px solid var(--sidebar-border);cursor:pointer;align-items:center;gap:var(--space-sm);color:var(--sidebar-text);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-primary);transition:all var(--transition-base);background:0 0;display:flex}.sidebar-toggle:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}.sidebar-toggle svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px;transition:transform var(--transition-base);flex-shrink:0}.sidebar.collapsed .sidebar-toggle{padding:var(--space-10) var(--space-sm);justify-content:center}.sidebar.collapsed .sidebar-toggle span{display:none}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-inline-start:0}.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.kpi-row{grid-template-columns:repeat(2,1fr)}.fg2,.fg3,.field-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}.step-wizard{margin-bottom:var(--space-lg);align-items:center;gap:0;display:flex}.step{align-items:center;gap:var(--space-sm);padding:var(--space-10) var(--space-md);font-size:var(--font-size-ms);color:var(--text-muted);font-weight:600;display:flex;position:relative}.step.active{color:var(--text-link)}.step.done{color:var(--success)}.step-num{width:28px;height:28px;font-size:var(--font-size-sm);border:2px solid;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step.active .step-num{background:var(--brand-blue);color:var(--text-on-brand);border-color:var(--brand-blue)}.step.done .step-num{background:var(--success);color:var(--text-on-brand);border-color:var(--success)}[data-theme=dark] .step.done .step-num,[data-theme=dark-navy] .step.done .step-num{color:#0a1628}.step-line{background:var(--border);flex-shrink:0;width:40px;height:2px}.step-line.done{background:var(--success)}.sig-pad{border:2px dashed var(--border-input);border-radius:var(--radius-lg);background:var(--bg-input);cursor:crosshair;touch-action:none}.sig-pad-label{text-align:center;padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.countdown{gap:var(--space-ms);justify-content:center;display:flex}.countdown-unit{text-align:center}.countdown-val{font-size:var(--font-size-3xl);color:var(--text-heading);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-14);min-width:60px;font-weight:700}.countdown-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.08em}.portal-layout .sidebar{display:none}.portal-layout .main{margin-inline-start:0}.portal-layout .topbar{display:none}.portal-header{height:var(--topbar-height);background:linear-gradient(135deg,var(--navy),var(--navy-mid));-webkit-backdrop-filter:blur(var(--glass-nav-blur));padding:0 var(--space-lg);align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border);display:flex}.portal-header-logo{align-items:center;gap:var(--space-ms);color:var(--text-on-brand);font-weight:700;font-size:var(--font-size-lg);display:flex}.portal-header-nav{gap:var(--space-md);margin-inline-start:auto;display:flex}.portal-header-nav a{color:var(--text-nav);font-size:var(--font-size-base);cursor:pointer}.chart-container{aspect-ratio:16/9;width:100%;position:relative}.chart-container svg{width:100%;height:100%}.chart-bar{transition:all var(--transition-smooth)}.chart-bar:hover{opacity:.8}.chart-legend{gap:var(--space-md);margin-top:var(--space-ms);font-size:var(--font-size-sm);display:flex}.chart-legend-item{align-items:center;gap:var(--space-6);display:flex}.chart-legend-dot{border-radius:50%;width:8px;height:8px}.edit-grid td{padding:var(--space-xs) var(--space-6)}.edit-grid input,.edit-grid select{min-height:32px;padding:var(--space-xs) var(--space-6);font-size:var(--font-size-ms);width:100%}.edit-grid .calc-cell{background:var(--bg-app);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);text-align:end}.tree-nav{margin:0;padding:0;list-style:none}.tree-node{cursor:pointer;-webkit-user-select:none;user-select:none}.tree-node-label{align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-ms);color:var(--text-secondary);transition:all var(--transition-base);min-height:36px;display:flex}.tree-node-label:hover{background:var(--bg-card-hover)}.tree-node-label.active{color:var(--text-link);background:var(--brand-blue-soft);border-radius:var(--radius-sm);margin-bottom:var(--space-2);font-weight:600}.tree-node .tree-toggle{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px;transition:transform var(--transition-base);flex-shrink:0}.tree-node.open>.tree-node-label .tree-toggle{transform:rotate(90deg)}.tree-spacer{flex-shrink:0;width:14px;display:inline-block}.tree-children{padding-inline-start:var(--space-md);display:none}.tree-node.open>.tree-children{display:block}.tree-badge{background:var(--brand-blue-badge);color:var(--text-link);border-radius:var(--radius-full);padding:var(--space-1) var(--space-6);font-size:var(--font-size-xs);margin-inline-start:auto;font-weight:600}.search-select{position:relative}.search-select-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:200px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-select.open .search-select-dropdown{display:block}.search-select-option{padding:var(--space-sm) var(--space-ms);cursor:pointer;font-size:var(--font-size-ms);transition:background var(--transition-fast);align-items:center;min-height:44px;display:flex}.search-select-option:hover{background:var(--bg-card-hover)}.search-select-option.selected{background:var(--brand-blue-soft);color:var(--text-link);font-weight:600}.approval-actions{gap:var(--space-sm);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.proposal-preview{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-40);max-width:800px;box-shadow:var(--shadow-lg);margin:0 auto}.proposal-preview *{color:var(--text-primary)}.proposal-preview table{border:var(--space-1) solid var(--border)}.proposal-preview th{background:var(--bg-table-header);border:var(--space-1) solid var(--border);padding:var(--space-sm) var(--space-ms);font-size:var(--font-size-sm)}.proposal-preview td{border:var(--space-1) solid var(--border);padding:var(--space-sm) var(--space-ms);font-size:var(--font-size-ms)}.view-switcher{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.view-switcher-btn{padding:var(--space-6) var(--space-14);font-size:var(--font-size-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-base);font-weight:600;font-family:var(--font-primary);background:0 0;border:none;min-height:44px}.view-switcher-btn.active{background:var(--brand-blue);color:var(--text-on-brand)}.col-toggle-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-sm);min-width:200px;max-height:300px;display:none;position:absolute;top:100%;right:0;overflow-y:auto}.col-toggle-dropdown.open{display:block}.col-toggle-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-xs);min-height:44px;display:flex}.col-toggle-item:hover{background:var(--bg-card-hover)}.modal-backdrop{background:var(--bg-overlay);z-index:var(--z-modal-backdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:560px;max-height:85vh;z-index:var(--z-modal);flex-direction:column;animation:.2s cubic-bezier(.4,0,.2,1) modalIn;display:flex}.modal.modal-lg{max-width:800px}.modal.modal-sm{max-width:400px}.modal-header{padding:var(--space-md) var(--space-20);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-ml);color:var(--text-heading);font-weight:600}.modal-close{background:var(--bg-secondary);cursor:pointer;width:44px;height:44px;color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:var(--font-size-lg);border:none;justify-content:center;align-items:center;min-height:44px;line-height:1;display:flex}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-heading)}.modal-body{padding:var(--space-20);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-ms) var(--space-20);border-top:1px solid var(--border);justify-content:flex-end;gap:var(--space-sm);display:flex}.discount-positive{color:var(--success);font-weight:600}.discount-negative{color:var(--warning);font-weight:600}.discount-cell{font-family:var(--font-mono);font-size:var(--font-size-sm);text-align:center;white-space:nowrap}.discount-cell.positive{color:var(--success)}.discount-cell.negative{color:var(--warning)}.net-price{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.fn-badge{align-items:center;gap:var(--space-xs);padding:var(--space-2) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--purple-bg);color:var(--purple);white-space:nowrap;font-weight:600;display:inline-flex}.uom-select{min-height:28px;padding:var(--space-2) var(--space-xs);font-size:var(--font-size-sm);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-xs);width:100%;color:var(--text-primary);font-family:var(--font-primary);appearance:none;background-image:var(--icon-chevron);cursor:pointer;background-position:right 4px center;background-repeat:no-repeat;background-size:12px;padding-right:20px}.uom-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--brand-blue-subtle);outline:none}input[type=checkbox]{appearance:none;border:1.5px solid var(--border-input);cursor:pointer;width:15px;height:15px;transition:all var(--transition-fast);vertical-align:middle;background:0 0;border-radius:3px;flex-shrink:0;margin:0;position:relative}input[type=checkbox]:hover{border-color:var(--brand-blue-light)}input[type=checkbox]:checked{background:var(--brand-blue);border-color:var(--brand-blue)}input[type=checkbox]:checked:after{content:"";border:solid var(--text-on-brand);border-width:0 1.5px 1.5px 0;width:5px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.li-table{border-collapse:collapse;width:100%}.li-table thead th{padding:var(--space-10) var(--space-ms);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-table-header);white-space:nowrap;z-index:2;font-weight:600;position:sticky;top:0}.li-table thead tr th{border-bottom:2px solid #0000;border-image:linear-gradient(90deg,var(--brand-blue) 0%,var(--color-accent-teal) 40%,transparent 100%) 1}.li-table th.col-r{text-align:right}.li-table th.col-c{text-align:center}.li-row{cursor:pointer;transition:background var(--transition-fast)}.li-row:hover{background:var(--bg-card-hover)}.li-row td{padding:var(--space-10) var(--space-ms);border-bottom:1px solid var(--border-subtle);vertical-align:middle;font-size:var(--font-size-ms)}.li-row.row-foc{box-shadow:inset 3px 0 0 var(--brand-blue)}.li-row.row-os-awarded{box-shadow:inset 3px 0 0 var(--success)}.li-row.row-os-bidding{box-shadow:inset 3px 0 0 var(--warning)}.li-item{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.li-item-name{font-size:var(--font-size-base);color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.li-item-meta{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.li-item-sep{color:var(--border-input);font-size:var(--font-size-2xs)}.li-qty-cell{align-items:center;gap:var(--space-xs);display:flex}.li-qty-input{width:42px;min-height:26px;padding:var(--space-2) var(--space-xs);font-size:var(--font-size-ms);text-align:center;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-xs);color:var(--text-primary);font-family:var(--font-mono)}.li-qty-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--brand-blue-subtle);outline:none}.li-uom-sel{min-height:26px;padding:var(--space-2) var(--space-xs);font-size:var(--font-size-xs);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-primary)}.li-num{text-align:right;font-family:var(--font-mono);font-size:var(--font-size-ms);color:var(--text-secondary);white-space:nowrap}.li-total-val{text-align:right;font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--text-heading);font-weight:700}.li-cost{gap:var(--space-3);flex-direction:column;align-items:flex-end;display:flex}.li-cost-val{font-family:var(--font-mono);font-size:var(--font-size-ms);color:var(--text-secondary)}.li-cost-bar{background:var(--border-subtle);border-radius:2px;width:100%;height:3px;display:flex;overflow:hidden}.li-cost-mp{background:var(--brand-blue)}.li-cost-mat{background:var(--color-accent-teal)}.li-cost-os{background:var(--purple)}.li-inline-input{min-height:26px;padding:var(--space-2) var(--space-xs);font-size:var(--font-size-ms);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--text-secondary);-moz-appearance:textfield}.li-inline-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.li-inline-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.li-inline-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--brand-blue-subtle);outline:none}.li-inline-input::placeholder{color:var(--text-muted);font-style:normal}.li-disc{text-align:center;font-family:var(--font-mono);font-size:var(--font-size-sm);white-space:nowrap;font-weight:600}.li-disc.disc-pos{color:var(--success)}.li-disc.disc-neg{color:var(--warning)}.li-disc.disc-foc{color:var(--cyan);font-weight:700}.li-status{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);white-space:nowrap;font-weight:500;display:inline-flex}.li-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.li-status.s-awarded .li-status-dot{background:var(--success)}.li-status.s-awarded{color:var(--success)}.li-status.s-bidding .li-status-dot{background:var(--warning)}.li-status.s-bidding{color:var(--warning)}.li-expand-btn{cursor:pointer;border-radius:var(--radius-xs);min-width:44px;min-height:44px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.li-expand-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.li-expand-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px;transition:transform .2s}.li-row.expanded .li-expand-btn svg{transform:rotate(90deg)}.li-detail-row{display:none}.li-detail-row.open{display:table-row}.li-detail-row>td{border-bottom:1px solid var(--border);padding:var(--space-6) var(--space-ms) var(--space-10)!important}.li-detail{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;max-width:calc(100vw - var(--sidebar-width) - 48px);grid-template-columns:1fr 1fr 1fr;gap:0;padding:0;display:grid;position:sticky;left:12px}.li-detail>div{padding:var(--space-ms) var(--space-md);border-right:1px solid var(--border-subtle);min-width:0;overflow:hidden}.li-detail>div:last-child{border-right:none}.li-detail-title{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle);font-weight:600}.li-detail-item{padding:var(--space-3) 0;font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.li-detail-lbl{color:var(--text-muted)}.li-detail-val{font-family:var(--font-mono);color:var(--text-secondary);font-size:var(--font-size-sm)}.li-detail-val.hl{color:var(--cyan);font-weight:600}.li-foc-tag{padding:var(--space-1) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-2xs);background:var(--cyan-bg);color:var(--cyan);margin-left:var(--space-6);letter-spacing:.03em;font-weight:700;display:inline-flex}.li-src{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-2xs);font-weight:600;display:inline-flex}.li-src.pl{background:var(--info-bg);color:var(--info)}.li-src.os{background:var(--purple-bg);color:var(--purple)}.li-cost-legend{gap:var(--space-ms);font-size:var(--font-size-2xs);color:var(--text-muted);align-items:center;display:flex}.li-cost-legend-dot{width:6px;height:6px;border-radius:1px;margin-inline-end:var(--space-3);display:inline-block}.qm-table{border-collapse:collapse;width:100%}.qm-table thead th{padding:var(--space-sm) var(--space-10);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-table-header);white-space:nowrap;border-bottom:1px solid var(--border);z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;position:sticky;top:0}.qm-table thead th:hover{color:var(--text-primary)}.qm-table th.col-r{text-align:right}.qm-table th.col-c{text-align:center}.qm-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.qm-table tbody tr:hover{background:var(--bg-card-hover)}.qm-table td{padding:var(--space-sm) var(--space-10);border-bottom:1px solid var(--border-subtle);vertical-align:middle;font-size:var(--font-size-ms);white-space:nowrap}.qm-quote{gap:var(--space-1);white-space:normal;flex-direction:column;min-width:0;display:flex}.qm-quote-id{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-link);font-weight:500}.qm-quote-id:hover{text-decoration:underline}.qm-quote-name{font-size:var(--font-size-ms);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.qm-amount{text-align:right;font-family:var(--font-mono);font-weight:600;font-size:var(--font-size-ms);color:var(--text-heading)}.qm-date{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted)}.qm-rev{text-align:center;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted)}.qm-owner{font-size:var(--font-size-sm);color:var(--text-secondary)}.qm-actions{text-align:center}.qm-copy-btn{cursor:pointer;border-radius:var(--radius-xs);min-width:44px;min-height:44px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.qm-copy-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.qm-copy-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:13px;height:13px}.locked-revision{opacity:.65;pointer-events:none;position:relative}.locked-revision td{color:var(--text-muted)!important}.lock-icon{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-muted);font-weight:600;display:inline-flex}.lock-icon svg{stroke:currentColor;stroke-width:2px;fill:none;width:12px;height:12px}.revision-active{background:var(--brand-blue-soft);font-weight:600}.revision-active td{font-weight:600}.discount-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-18)}.discount-summary .disc-row{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-ms);justify-content:space-between;align-items:center;display:flex}.discount-summary .disc-row:last-child{border-bottom:none}.discount-summary .disc-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:var(--font-size-xs)}.discount-summary .disc-value{font-weight:700;font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--text-heading)}.discount-summary .disc-input{width:80px;min-height:32px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-ms);text-align:end;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary)}.discount-summary .disc-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--brand-blue-subtle);outline:none}.sign-hint{background:var(--bg-app);border:1px solid var(--border);width:16px;height:16px;font-size:var(--font-size-2xs);color:var(--text-muted);cursor:help;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-inline-start:var(--space-xs);font-weight:700;display:inline-flex;position:relative}.sign-hint:hover:after{content:attr(data-tip);background:var(--navy);color:var(--text-on-brand);padding:var(--space-6) var(--space-10);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;z-index:var(--z-dropdown);pointer-events:none;box-shadow:var(--shadow-md);font-weight:500;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.currency-chip{align-items:center;gap:var(--space-xs);padding:var(--space-2) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.06em;background:var(--brand-blue-badge);color:var(--text-link);font-weight:700;display:inline-flex}.alert-card{padding:var(--space-ms);border-radius:var(--radius-md);margin-bottom:var(--space-10);cursor:pointer;transition:all var(--transition-base);justify-content:space-between;align-items:flex-start;gap:var(--space-sm);border-inline-start:4px solid #0000;display:flex}.alert-card:last-child{margin-bottom:0}.alert-card:hover{box-shadow:var(--shadow-sm);transform:translate(2px)}.alert-card--warning{background:var(--warning-bg);border-inline-start-color:var(--warning)}.alert-card--error{background:var(--error-bg);border-inline-start-color:var(--error)}.alert-card--info{background:var(--brand-blue-soft);border-inline-start-color:var(--brand-blue)}.alert-card-title{font-weight:600;font-size:var(--font-size-sm)}.alert-card--warning .alert-card-title{color:var(--warning)}.alert-card--error .alert-card-title{color:var(--error)}.alert-card--info .alert-card-title{color:var(--text-link)}.alert-card-sub{font-size:var(--font-size-2xs);color:var(--text-muted);margin-top:var(--space-xs)}.alert-card-action{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;opacity:0;transition:opacity var(--transition-fast);align-self:center;font-weight:600}.alert-card:hover .alert-card-action{opacity:1}.qm-table tbody tr{position:relative}.qm-table tbody tr:after{content:"›";inset-inline-end:var(--space-sm);font-size:var(--font-size-lg2);color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.qm-table tbody tr:hover:after{opacity:1}.context-info-bar{padding:var(--space-ms) var(--space-18);align-items:center;gap:var(--space-lg);font-size:var(--font-size-ms);flex-wrap:wrap;display:flex}.context-info-bar .ctx-label{color:var(--text-muted);font-weight:600}.btn-lg{padding:var(--space-md) var(--space-lg);min-height:60px;font-size:var(--font-size-base)}.action-overflow{display:inline-block;position:relative}.action-overflow-menu{top:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:200px;padding:var(--space-xs) 0;margin-top:var(--space-xs);display:none;position:absolute;inset-inline-end:0}.action-overflow.open .action-overflow-menu{display:block}.action-overflow-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-ms);font-size:var(--font-size-ms);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);width:100%;font-family:var(--font-primary);text-align:start;background:0 0;border:none;display:flex}.action-overflow-item:hover{background:var(--bg-card-hover);color:var(--text-heading)}.action-overflow-item svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.tabs-container{position:relative}.tabs-container:before,.tabs-container:after{content:"";z-index:1;pointer-events:none;opacity:0;width:32px;transition:opacity var(--transition-base);position:absolute;top:0;bottom:0}.tabs-container:before{background:linear-gradient(to right,var(--bg-card),transparent);inset-inline-start:0}.tabs-container:after{background:linear-gradient(to left,var(--bg-card),transparent);inset-inline-end:0}.tabs-container.scroll-start:after,.tabs-container.scroll-both:before,.tabs-container.scroll-both:after,.tabs-container.scroll-end:before{opacity:1}.tab-more{position:relative}.tab-more-menu{top:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:180px;padding:var(--space-xs) 0;display:none;position:absolute;inset-inline-end:0}.tab-more.open .tab-more-menu{display:block}.tab-more-item{padding:var(--space-sm) var(--space-ms);font-size:var(--font-size-ms);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:start;width:100%;font-family:var(--font-primary);background:0 0;border:none;display:block}.tab-more-item:hover{background:var(--bg-card-hover);color:var(--text-heading)}.tab-more-item.active{color:var(--text-nav-active);font-weight:600}@media (width<=768px){.edit-grid{font-size:var(--font-size-sm)}.discount-summary .disc-row{gap:var(--space-xs);flex-wrap:wrap}.stat-card .stat-val{font-size:var(--font-size-lg)}.context-bar{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.ctx-meta{font-size:var(--font-size-sm)}.quote-header{padding:var(--space-sm) var(--space-md) var(--space-xs)}.quote-header-top{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.quote-header-total{text-align:start}.quote-id{font-size:var(--font-size-md)}.quote-total-amount{font-size:var(--font-size-lg)}.quote-meta-chips{gap:var(--space-xs)}.quote-notifications{padding:0 var(--space-md)}.page-head{flex-direction:column}.btn-group{flex-wrap:wrap}.tabs{-webkit-overflow-scrolling:touch;gap:0;overflow-x:auto}.tab{padding:var(--space-10) var(--space-ms);font-size:var(--font-size-ms)}}@media (width<=480px){.page-wrap{padding:var(--space-md)}.stat-card .stat-val{font-size:var(--font-size-md)}.field-grid{grid-template-columns:1fr!important}.proposal-preview{padding:var(--space-20)}}.card-body-flush{border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:0;overflow:auto visible}.card-body-flush-scroll{padding:0;overflow-x:auto}.cfg-qty{width:56px;min-height:36px;padding:var(--space-xs);text-align:center}.tree-leaf-pad{flex-shrink:0;width:14px;display:inline-block}.cfg-filter{flex:0 160px;min-width:120px;max-width:160px}.cfg-tree-panel{flex-shrink:0;width:240px;min-width:200px}@media (width<=1024px){.cfg-tree-panel{width:200px;min-width:160px}}@media (width<=768px){.cfg-tree-panel{display:none}}.cfg-product-area{flex:1;min-width:0}.page-head{align-items:flex-start}.page-head .btn-group,.page-head .btn{flex-shrink:0}.auto-save-indicator{align-items:center;gap:var(--space-6);font-size:var(--font-size-xs);color:var(--text-muted);display:inline-flex}.wb-status{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-sm);border-radius:var(--radius-full);font-weight:600;display:inline-flex}.wb-status.not-written{background:var(--slate-bg);color:var(--slate)}.wb-status.written{background:var(--success-bg);color:var(--success)}.wb-status.failed{background:var(--error-bg);color:var(--error)}.context-info-bar .ctx-field{flex:1;min-width:120px}.context-info-bar .ctx-field:last-child{text-align:end;flex:none}.qs-footer{gap:var(--space-lg);grid-template-columns:1fr 1fr;align-items:end;display:grid}@media (width<=768px){.qs-footer{grid-template-columns:1fr}}.import-wizard{-webkit-backdrop-filter:blur(14px);padding:var(--space-lg);margin-bottom:var(--space-lg);background:#ffffffa6;border:1px solid #00214714;border-radius:12px;display:none;box-shadow:0 1px 3px #0021470f}.import-wizard.open{animation:.2s fadeIn;display:block}.import-step-content{padding:var(--space-lg) 0}.field-mapping-container{gap:var(--space-sm);flex-direction:column;display:flex}.field-mapping-row{gap:var(--space-md);padding:var(--space-sm) var(--space-md);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-sm);background:#fff6;border:1px solid #0021470d;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;display:grid}.field-mapping-row:hover{background:var(--bg-card-hover)}.field-mapping-arrow{color:var(--text-muted);font-size:var(--font-size-lg)}.auto-map-badge{border-radius:var(--radius-full);font-size:var(--font-size-2xs);background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.auto-map-badge.manual{background:var(--info-bg);color:var(--info);border-color:#006b8333}.validation-panel{-webkit-backdrop-filter:blur(14px);background:#ffffffa6;border:1px solid #00214714;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0021470f}.validation-panel-header{gap:var(--space-md);padding:var(--space-md);-webkit-backdrop-filter:blur(8px);background:#ffffff80;border-bottom:1px solid #00214714;display:flex}.validation-panel-tab{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-weight:600}.validation-panel-tab.active{background:var(--bg-card);color:var(--text-heading);box-shadow:var(--shadow-xs)}.validation-panel-tab .count{opacity:.7;margin-left:4px}.import-validation-row{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm);grid-template-columns:40px 1fr;align-items:center;display:grid}.import-validation-row:last-child{border-bottom:none}.import-validation-row--valid .validation-icon{color:var(--success)}.import-validation-row--warning .validation-icon{color:var(--warning)}.import-validation-row--invalid .validation-icon{color:var(--error)}.import-validation-row--invalid{background:var(--error-bg)}.import-validation-row--warning{background:var(--warning-bg)}.import-progress{margin:var(--space-lg) 0}.import-progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:8px;overflow:hidden}.import-progress-fill{background:var(--brand-blue);border-radius:var(--radius-full);height:100%;transition:width .3s}.import-progress-text{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:space-between;display:flex}.import-results{gap:var(--space-md);margin:var(--space-lg) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.import-result-card{padding:var(--space-md);-webkit-backdrop-filter:blur(8px);text-align:center;background:#ffffff80;border:1px solid #00214714;border-radius:12px;box-shadow:0 1px 3px #0021470f}.import-result-card .result-value{font-size:var(--font-size-xl);color:var(--text-heading);font-weight:700}.import-result-card .result-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.import-dropdown{display:inline-flex;position:relative}.import-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:220px;z-index:var(--z-dropdown);margin-top:4px;display:none;position:absolute;top:100%;left:0}.import-dropdown.open .import-dropdown-menu{display:block}.import-dropdown-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;display:flex}.import-dropdown-item:hover{background:var(--bg-card-hover)}.import-dropdown-item svg{width:16px;height:16px;color:var(--text-muted)}.auto-save-indicator{font-size:var(--font-size-xs);color:var(--text-muted);padding:0 var(--space-md);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.auto-save-indicator svg{width:14px;height:14px}.auto-save-indicator.saving svg{animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.save-progress-overlay{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.save-progress-overlay .spinner{border:2px solid var(--border);border-top-color:var(--brand-blue);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.virtual-scroll-footer{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-top:1px solid var(--border);font-size:var(--font-size-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.virtual-scroll-footer .row-range{color:var(--text-heading);font-weight:700}.scroll-position-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:120px;height:4px;overflow:hidden}.scroll-position-fill{background:var(--brand-blue);border-radius:var(--radius-full);width:14%;height:100%;transition:width .2s}.toggle-switch{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);min-height:44px;display:inline-flex;position:relative}.toggle-switch-slider{background:var(--bg-tertiary);border-radius:var(--radius-full);width:40px;height:22px;transition:var(--transition-fast);border:1px solid var(--border);position:relative}.toggle-switch-slider:after{content:"";background:var(--bg-card);width:16px;height:16px;transition:var(--transition-fast);box-shadow:var(--shadow-xs);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-switch-slider{background:var(--brand-blue);border-color:var(--brand-blue)}.toggle-switch input:checked+.toggle-switch-slider:after{transform:translate(18px)}.toggle-switch input:focus-visible+.toggle-switch-slider{outline:2px solid var(--border-focus);outline-offset:2px}.conditional-fields{padding-top:var(--space-md);display:none}.conditional-fields.visible{animation:.2s fadeIn;display:block}.registration-form{max-width:640px;margin:0 auto}.registration-form .dept-checkboxes{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.registration-form .dept-checkbox{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);cursor:pointer;min-height:36px;display:flex}.registration-form .dept-checkbox input{width:16px;height:16px;accent-color:var(--brand-blue)}.registration-success{text-align:center;padding:var(--space-2xl) var(--space-xl)}.registration-success svg{width:64px;height:64px;color:var(--success);margin-bottom:var(--space-md)}.registration-success h3{font-size:var(--font-size-xl);color:var(--text-heading);margin-bottom:var(--space-sm)}.registration-success p{font-size:var(--font-size-md);color:var(--text-secondary);max-width:400px;margin:0 auto}.sla-badge{border-radius:var(--radius-full);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:2px 10px;font-weight:600;display:inline-flex}.sla-badge--on-track{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.sla-badge--at-risk{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.sla-badge--breached{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.chart-clickable{cursor:pointer;transition:opacity var(--transition-fast)}.chart-clickable:hover{opacity:.75}.live-timestamp{font-size:var(--font-size-xs);color:var(--text-muted);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.live-timestamp .dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.reminder-btn{font-size:var(--font-size-xs);color:var(--brand-blue);background:var(--brand-blue-soft);border:1px solid var(--brand-blue-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:4px;min-height:32px;padding:4px 12px;font-weight:600;display:inline-flex}.reminder-btn:hover{background:var(--brand-blue);color:var(--text-on-brand)}.reminder-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.reminder-btn svg{width:12px;height:12px}[data-theme=dark] .import-wizard,[data-theme=dark-navy] .import-wizard,[data-theme=dark] .validation-panel,[data-theme=dark-navy] .validation-panel{background:#111318cc;border-color:#ffffff0f;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .validation-panel-header,[data-theme=dark-navy] .validation-panel-header{background:#16192399;border-color:#ffffff0f}[data-theme=dark] .validation-panel-tab.active,[data-theme=dark-navy] .validation-panel-tab.active{background:#111318cc}[data-theme=dark] .field-mapping-row,[data-theme=dark-navy] .field-mapping-row{background:#16192366;border-color:#ffffff0a}[data-theme=dark] .field-mapping-row:hover,[data-theme=dark-navy] .field-mapping-row:hover{background:#16192399}[data-theme=dark] .import-result-card,[data-theme=dark-navy] .import-result-card{background:#16192399;border-color:#ffffff0f;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .draft-recovery-banner,[data-theme=dark-navy] .draft-recovery-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8b58001f;border-color:#fcd06033}[data-theme=dark] .virtual-scroll-footer,[data-theme=dark-navy] .virtual-scroll-footer{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .import-dropdown-menu,[data-theme=dark-navy] .import-dropdown-menu{background:#111318e6;border-color:#ffffff0f;box-shadow:0 4px 16px #0006}[data-theme=dark] .import-dropdown-item:hover,[data-theme=dark-navy] .import-dropdown-item:hover{background:#ffffff0d}[data-theme=dark] .registration-success svg,[data-theme=dark-navy] .registration-success svg{color:var(--success)}[data-theme=dark] .toggle-switch-slider,[data-theme=dark-navy] .toggle-switch-slider{background:#16192399;border-color:#ffffff1a}[data-theme=dark] .auto-save-indicator,[data-theme=dark-navy] .auto-save-indicator{color:var(--text-muted)}[data-theme=dark] .sla-badge--on-track,[data-theme=dark-navy] .sla-badge--on-track{color:#6ee7a0;background:#6ee7a01a;border-color:#6ee7a033}[data-theme=dark] .sla-badge--at-risk,[data-theme=dark-navy] .sla-badge--at-risk{color:#fcd060;background:#fcd0601a;border-color:#fcd06033}[data-theme=dark] .sla-badge--breached,[data-theme=dark-navy] .sla-badge--breached{color:#f5827f;background:#f5827f1a;border-color:#f5827f33}[data-theme=dark] .reminder-btn,[data-theme=dark-navy] .reminder-btn{color:#7dbaf5;background:#0b5fa51f;border-color:#0b5fa540}[data-theme=dark] .reminder-btn:hover,[data-theme=dark-navy] .reminder-btn:hover{background:var(--brand-blue);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.import-results .import-result-card{animation:.4s both slideUp}.import-results .import-result-card:first-child{animation-delay:50ms}.import-results .import-result-card:nth-child(2){animation-delay:.1s}.import-results .import-result-card:nth-child(3){animation-delay:.15s}.import-results .import-result-card:nth-child(4){animation-delay:.2s}.validation-row{animation:.3s both slideUp}.validation-row:first-child{animation-delay:30ms}.validation-row:nth-child(2){animation-delay:60ms}.validation-row:nth-child(3){animation-delay:90ms}.validation-row:nth-child(4){animation-delay:.12s}.validation-row:nth-child(5){animation-delay:.15s}.validation-row:nth-child(6){animation-delay:.18s}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.nowrap{white-space:nowrap}.w-45{width:45px}.w-50{width:50px}.w-55{width:55px}.w-60{width:60px}.w-70{width:70px}.w-75{width:75px}.w-80{width:80px}.w-85{width:85px}.w-90{width:90px}.w-95{width:95px}.w-100{width:100px}.w-110{width:110px}.w-120{width:120px}.w-130{width:130px}.w-140{width:140px}.w-150{width:150px}.w-160{width:160px}.w-180{width:180px}.w-200{width:200px}.w-220{width:220px}.w-240{width:240px}.w-260{width:260px}.w-280{width:280px}.w-full{width:100%}.mw-300{max-width:300px}.mw-400{max-width:400px}.mw-900{max-width:900px}.mw-200{min-width:200px}.mw-140{min-width:140px}.mw-160{min-width:160px}.mw-220{min-width:220px}.mw-280{min-width:280px}.mnw-1100{min-width:1100px}.h-6{height:6px}.h-8{height:8px}.h-36{height:36px}.h-full{height:100%}.icon-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.icon-dot-lg{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.icon-circle-sm{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-circle-md{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-circle-lg{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-circle-xl{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-circle-2xl{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.ms-auto{margin-inline-start:auto}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-ms{gap:var(--space-ms)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mb-0{margin-bottom:0}.mt-auto{margin-top:auto}.ml-auto{margin-inline-start:auto}.mr-auto{margin-inline-end:auto}.mx-auto{margin-inline:auto}.fi-xs{min-height:28px;padding:var(--space-2) var(--space-xs)}.fi-sm{min-height:32px;padding:var(--space-xs) var(--space-sm)}.fi-num{text-align:end;font-family:var(--font-mono)}.tbl-col-xs{width:45px}.tbl-col-sm{width:60px}.tbl-col-md{width:85px}.tbl-col-lg{width:110px}.tbl-col-xl{width:200px}.progress-track{background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%}.avatar-brand{background:linear-gradient(135deg,var(--brand-blue),var(--color-accent-teal));color:var(--text-on-brand)}.avatar-brand-purple{background:linear-gradient(135deg,var(--brand-blue),var(--purple));color:var(--text-on-brand)}.cursor-pointer{cursor:pointer}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sticky{position:sticky}.relative{position:relative}.field-mapping-row{animation:.3s both slideUp}.field-mapping-row:nth-child(2){animation-delay:30ms}.field-mapping-row:nth-child(3){animation-delay:60ms}.field-mapping-row:nth-child(4){animation-delay:90ms}.field-mapping-row:nth-child(5){animation-delay:.12s}.field-mapping-row:nth-child(6){animation-delay:.15s}.field-mapping-row:nth-child(7){animation-delay:.18s}.field-mapping-row:nth-child(8){animation-delay:.21s}.dept-checkbox{animation:.25s both slideUp}.dept-checkbox:first-child{animation-delay:20ms}.dept-checkbox:nth-child(2){animation-delay:40ms}.dept-checkbox:nth-child(3){animation-delay:60ms}.dept-checkbox:nth-child(4){animation-delay:80ms}.dept-checkbox:nth-child(5){animation-delay:.1s}.dept-checkbox:nth-child(6){animation-delay:.12s}.dept-checkbox:nth-child(7){animation-delay:.14s}.dept-checkbox:nth-child(8){animation-delay:.16s}.dept-checkbox:nth-child(9){animation-delay:.18s}.dept-checkbox:nth-child(10){animation-delay:.2s}.dept-checkbox:nth-child(11){animation-delay:.22s}.dept-checkbox:nth-child(12){animation-delay:.24s}.dept-checkbox:nth-child(13){animation-delay:.26s}.diamond-accent{position:relative}.diamond-accent:before{content:"";background:var(--brand-blue);width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:-16px;transform:rotate(45deg)}.import-wizard>div:first-child:before{content:"";background:var(--brand-blue);vertical-align:middle;flex-shrink:0;width:10px;height:10px;margin-right:10px;display:inline-block;transform:rotate(45deg)}.registration-success:before{content:"";background:var(--success);width:16px;height:16px;margin:0 auto var(--space-sm);display:block;transform:rotate(45deg)}.reminder-btn:after{content:"";width:0;height:0;transition:all var(--transition-fast);opacity:0;margin-left:0;display:inline-block}.reminder-btn:hover:after{content:"";opacity:1;background:currentColor;width:6px;height:6px;margin-left:6px;display:inline-block;transform:rotate(45deg)}[data-theme=dark] .import-wizard>div:first-child:before,[data-theme=dark-navy] .import-wizard>div:first-child:before,[data-theme=dark] .diamond-accent:before,[data-theme=dark-navy] .diamond-accent:before{background:#7dbaf5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pin-area{padding:var(--space-sm) var(--space-ms);align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--sidebar-border);display:flex}.pin-btn{border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--sidebar-text);transition:all var(--transition-base);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pin-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover);border-color:var(--sidebar-text-hover)}.pin-btn.pinned{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);border-color:var(--brand-blue)}.pin-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px;transition:transform var(--transition-base)}.pin-btn.pinned svg{transform:rotate(45deg)}.pin-label{font-size:var(--font-size-2xs);color:var(--sidebar-text-section);white-space:nowrap}.sidebar.collapsed .s-text,.sidebar.collapsed .s-label,.sidebar.collapsed .s-foot-info,.sidebar.collapsed .s-sub,.sidebar.collapsed .pin-label{display:none}.sidebar.collapsed .s-head{padding:var(--space-md) 0;justify-content:center}.sidebar.collapsed .s-item{justify-content:center;padding:9px 0}.sidebar.collapsed .s-item .count{top:4px;padding:1px 4px;font-size:9px;position:absolute;inset-inline-end:8px}.sidebar.collapsed .s-foot{padding:var(--space-14) 0;justify-content:center}.sidebar.collapsed .pin-btn{margin:0 auto}.sidebar.collapsed .pin-area{justify-content:center}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}.glass-card-hover{transition:all var(--transition-smooth)}.glass-card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--brand-blue-subtle)}[data-theme=dark] .glass-card-hover:hover,[data-theme=dark-navy] .glass-card-hover:hover{border-color:#d4a8434d}.glass-nav{background:var(--glass-nav-bg);-webkit-backdrop-filter:blur(var(--glass-nav-blur));border:1px solid var(--glass-border)}.glass-input{background:var(--glass-input-bg);-webkit-backdrop-filter:blur(var(--glass-input-blur));border:1px solid var(--glass-border)}.gradient-border{border-image:linear-gradient(135deg,var(--vibrant-blue),var(--teal)) 1}.text-gradient{background:linear-gradient(135deg,var(--vibrant-blue),var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .text-gradient,[data-theme=dark-navy] .text-gradient{background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;background-clip:text}.font-data{font-family:var(--font-mono)}.diamond{background:var(--vibrant-blue);flex-shrink:0;width:12px;height:12px;display:inline-block;transform:rotate(45deg)}.diamond-sm{width:8px;height:8px}.diamond-lg{width:20px;height:20px}.diamond-gold{background:var(--gold)}.diamond-teal{background:var(--teal)}[data-theme=dark] .diamond,[data-theme=dark-navy] .diamond{background:var(--gold)}.diamond-divider{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;display:flex}.diamond-divider:before,.diamond-divider:after{content:"";background:var(--border);flex:1;height:1px}.autosave-indicator{align-items:center;gap:var(--space-6);font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex}.autosave-indicator.saving{color:var(--warning)}.autosave-indicator.saved{color:var(--success)}.autosave-indicator svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px}.draft-recovery-banner{align-items:center;gap:var(--space-sm);padding:var(--space-ms) var(--space-lg);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--font-size-ms);display:flex}.draft-recovery-banner .btn{min-height:32px;padding:var(--space-xs) var(--space-ms);font-size:var(--font-size-sm)}.concurrent-users{align-items:center;gap:var(--space-xs);display:flex}.concurrent-avatar{background:var(--purple);color:#fff;width:24px;height:24px;font-size:var(--font-size-2xs);border:2px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;margin-inline-start:-8px;font-weight:700;display:flex}.concurrent-avatar:first-child{margin-inline-start:0}.concurrent-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-inline-start:var(--space-xs)}.cutoff-bar{align-items:center;gap:var(--space-sm);padding:var(--space-6) var(--space-lg);background:linear-gradient(90deg,var(--warning-bg),transparent);border-bottom:1px solid var(--warning-border);font-size:var(--font-size-ms);color:var(--warning);display:flex}.cutoff-bar svg{stroke:currentColor;stroke-width:2px;fill:none}.conflict-banner{align-items:center;gap:var(--space-sm);padding:var(--space-ms) var(--space-lg);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--font-size-ms);color:var(--error);display:flex}.conflict-banner svg{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:18px;height:18px}.integration-log-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-ms);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-ms);display:flex}.integration-log-row:last-child{border-bottom:none}.integration-log-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.integration-log-status.ok{background:var(--success)}.integration-log-status.fail{background:var(--error)}.integration-log-status.pending{background:var(--warning)}.sync-status{align-items:center;gap:var(--space-6);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:var(--brand-blue-soft);display:inline-flex}.sync-status.syncing{color:var(--warning);background:var(--warning-bg)}.sync-status.synced{color:var(--success);background:var(--success-bg)}.sync-status.failed{color:var(--error);background:var(--error-bg)}.sync-progress{background:var(--border);border-radius:2px;width:120px;height:4px;overflow:hidden}.sync-progress-bar{background:var(--brand-blue);height:100%;transition:width var(--transition-smooth);border-radius:2px}.foc-summary{align-items:center;gap:var(--space-sm);padding:var(--space-ms);background:var(--cyan-bg);border-radius:var(--radius-md);font-size:var(--font-size-ms);border:1px solid #009cbd26;display:flex}.foc-summary svg{width:16px;height:16px;stroke:var(--cyan);stroke-width:2px;fill:none}.foc-warning{color:var(--warning);font-weight:600}.discount-cascade{gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.cascade-level{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-ms);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex}.cascade-level-num{background:var(--brand-blue);width:24px;height:24px;color:var(--text-on-brand);font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.cascade-level-label{font-size:var(--font-size-ms);color:var(--text-heading);flex:1;font-weight:600}.cascade-level-val{font-family:var(--font-mono);font-size:var(--font-size-ms);color:var(--success);font-weight:700}.cascade-arrow{width:20px;height:20px;stroke:var(--text-muted);stroke-width:2px;fill:none;margin:0 auto;display:block}.cascade-total{padding:var(--space-ms);background:var(--brand-blue-soft);border-radius:var(--radius-md);justify-content:space-between;font-weight:700;display:flex}.formula-badge{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-6);border-radius:var(--radius-xs);font-size:var(--font-size-2xs);font-weight:700;font-family:var(--font-mono);background:var(--info-bg);color:var(--info);cursor:help;display:inline-flex}.rfq-link-badge{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-2xs);cursor:pointer;transition:all var(--transition-fast);font-weight:600;display:inline-flex}.rfq-link-badge.no-rfq{background:var(--slate-bg);color:var(--slate)}.rfq-link-badge.rfq-pending{background:var(--warning-bg);color:var(--warning)}.rfq-link-badge.rfq-bidding{background:var(--info-bg);color:var(--info)}.rfq-link-badge.rfq-awarded{background:var(--success-bg);color:var(--success)}.rfq-link-badge.rfq-pr{background:var(--purple-bg);color:var(--purple)}.approval-warning{align-items:flex-start;gap:var(--space-sm);padding:var(--space-ms) var(--space-md);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);font-size:var(--font-size-ms);color:var(--text-primary);display:flex}.approval-warning svg{width:18px;height:18px;stroke:var(--warning);stroke-width:2px;fill:none;flex-shrink:0;margin-top:2px}.approval-warning-list{margin:var(--space-xs) 0 0;padding:0;list-style:none}.approval-warning-list li{padding:var(--space-xs) 0;align-items:center;gap:var(--space-6);display:flex}.approval-warning-list li:before{content:"";background:var(--warning);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sealed-overlay{padding:var(--space-2xl);text-align:center;justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-muted);flex-direction:column;display:flex}.sealed-overlay svg{width:48px;height:48px;stroke:var(--text-muted);stroke-width:1.5px;fill:none;opacity:.5}.sealed-overlay h3{font-size:var(--font-size-lg);color:var(--text-heading);font-weight:700}.bid-deadline{align-items:center;gap:var(--space-md);padding:var(--space-ms) var(--space-md);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);display:flex}.bid-deadline-timer{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--warning);font-weight:700}.bid-deadline.expired{background:var(--error-bg);border-color:var(--error-border)}.bid-deadline.expired .bid-deadline-timer{color:var(--error)}.split-award-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-ms);border-bottom:1px solid var(--border-subtle);display:flex}.split-award-row select{min-height:32px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary)}.pr-status{align-items:center;gap:var(--space-sm);padding:var(--space-ms);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.pr-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pr-status-icon.pending{background:var(--warning-bg);color:var(--warning)}.pr-status-icon.submitted{background:var(--info-bg);color:var(--info)}.pr-status-icon.acknowledged{background:var(--success-bg);color:var(--success)}.pr-status-icon.pr-failed{background:var(--error-bg);color:var(--error)}.pr-status-icon svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.validation-checklist{margin:0;padding:0;list-style:none}.validation-checklist li{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-ms);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-ms);display:flex}.validation-checklist li:last-child{border-bottom:none}.validation-check{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.validation-check.pass{background:var(--success-bg);color:var(--success)}.validation-check.fail{background:var(--error-bg);color:var(--error)}.validation-check svg{stroke:currentColor;stroke-width:3px;fill:none;width:12px;height:12px}.sla-timer{align-items:center;gap:var(--space-6);font-size:var(--font-size-sm);font-family:var(--font-mono);display:flex}.sla-bar{background:var(--border);border-radius:2px;flex:1;min-width:60px;height:4px;overflow:hidden}.sla-bar-fill{height:100%;transition:width var(--transition-smooth);border-radius:2px}.sla-bar-fill.on-track{background:var(--success)}.sla-bar-fill.warning{background:var(--warning)}.sla-bar-fill.overdue{background:var(--error)}.sla-label{font-size:var(--font-size-xs);color:var(--text-muted)}.sla-label.overdue{color:var(--error);font-weight:600}.import-wizard-drop{border:2px dashed var(--border-input);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--bg-secondary)}.import-wizard-drop:hover,.import-wizard-drop.dragover{border-color:var(--brand-blue);background:var(--brand-blue-soft)}.import-wizard-drop svg{width:40px;height:40px;stroke:var(--text-muted);stroke-width:1.5px;fill:none;margin:0 auto var(--space-md)}.mapping-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-ms);border-bottom:1px solid var(--border-subtle);display:flex}.mapping-source{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);flex:1}.mapping-arrow{color:var(--text-muted)}.mapping-arrow svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.mapping-target{flex:1}.validation-row{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-ms);font-size:var(--font-size-sm);display:flex}.validation-row.valid{color:var(--success)}.validation-row.invalid{color:var(--error)}.validation-row svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px}.currency-selector{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-ms);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.currency-selector select{min-height:32px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-ms);font-weight:600}.currency-rate{font-size:var(--font-size-sm);color:var(--text-muted)}.currency-rate strong{color:var(--text-secondary)}.role-view-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--purple-bg);color:var(--purple);font-weight:600;display:inline-flex}.role-restricted{opacity:.6;pointer-events:none;position:relative}.role-restricted:after{content:"Restricted";font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerOut{0%{transform:translate(0)}to{transform:translate(100%)}}.drawer-backdrop{background:var(--bg-overlay);z-index:var(--z-modal-backdrop);position:fixed;inset:0}.drawer{background:var(--bg-card);border-left:1px solid var(--border);height:100vh;box-shadow:var(--shadow-lg);z-index:var(--z-modal);flex-direction:column;width:480px;max-width:90vw;animation:.25s drawerIn;display:flex;position:fixed;top:0;right:0}.drawer-sm{width:360px;max-width:90vw}.drawer-lg{width:640px;max-width:90vw}.drawer-xl{width:800px;max-width:90vw}.drawer-header{padding:var(--space-md) var(--space-20);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.drawer-title-area{flex:1}.drawer-title{font-size:var(--font-size-ml);color:var(--text-heading);font-weight:700}.drawer-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.drawer-close{background:var(--bg-secondary);cursor:pointer;width:44px;height:44px;color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:var(--font-size-lg);border:none;justify-content:center;align-items:center;line-height:1;display:flex}.drawer-close:hover{background:var(--bg-card-hover);color:var(--text-heading)}.drawer-body{padding:var(--space-20);flex:1;overflow-y:auto}.drawer-footer{padding:var(--space-ms) var(--space-20);border-top:1px solid var(--border);justify-content:flex-end;gap:var(--space-sm);display:flex}.confirm-backdrop{background:var(--bg-overlay);z-index:var(--z-modal-backdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xl);text-align:center;width:90%;max-width:400px;animation:.2s modalIn}.confirm-icon{width:48px;height:48px;margin:0 auto var(--space-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.confirm-icon svg{stroke:currentColor;stroke-width:2px;fill:none;width:24px;height:24px}.confirm-icon.warning{background:var(--warning-bg);color:var(--warning)}.confirm-icon.danger{background:var(--error-bg);color:var(--error)}.confirm-icon.info{background:var(--info-bg);color:var(--info)}.confirm-title{font-size:var(--font-size-ml);color:var(--text-heading);margin-bottom:var(--space-sm);font-weight:700}.confirm-message{font-size:var(--font-size-ms);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.confirm-actions{justify-content:center;gap:var(--space-sm);display:flex}.toggle-switch{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--border);border-radius:var(--radius-full);width:40px;height:22px;transition:background var(--transition-base);position:relative}.toggle-track:after{content:"";width:18px;height:18px;transition:transform var(--transition-base);box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-track{background:var(--brand-blue)}.toggle-switch input:checked+.toggle-track:after{transform:translate(18px)}.toggle-label{font-size:var(--font-size-ms);color:var(--text-primary)}.grid{display:grid}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.grid-sidebar{gap:var(--space-md);grid-template-columns:240px 1fr;display:grid}.grid-sidebar-lg{gap:var(--space-md);grid-template-columns:1fr 340px;display:grid}.mt-6{margin-top:var(--space-6)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-ms{margin-top:var(--space-ms)}.mt-md{margin-top:var(--space-md)}.mt-14{margin-top:var(--space-14)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-22{margin-top:var(--space-22)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-ms{margin-bottom:var(--space-ms)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.ml-xs{margin-inline-start:var(--space-xs)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-ms{padding:var(--space-ms)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.px-sm{padding-inline:var(--space-sm)}.px-ms{padding-inline:var(--space-ms)}.px-md{padding-inline:var(--space-md)}.px-lg{padding-inline:var(--space-lg)}.py-sm{padding-block:var(--space-sm)}.py-ms{padding-block:var(--space-ms)}.py-md{padding-block:var(--space-md)}.py-lg{padding-block:var(--space-lg)}.py-xs{padding-block:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-ms{padding-top:var(--space-ms)}.pt-md{padding-top:var(--space-md)}.pt-14{padding-top:var(--space-14)}.pt-lg{padding-top:var(--space-lg)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.text-2xs{font-size:var(--font-size-2xs)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-ms{font-size:var(--font-size-ms)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-ml{font-size:var(--font-size-ml)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xl2{font-size:var(--font-size-xl2)}.text-2xl{font-size:var(--font-size-2xl)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-heading{color:var(--text-heading)}.text-link{color:var(--text-link)}.bg-card{background:var(--bg-card)}.bg-subtle{background:var(--bg-subtle)}.bg-secondary{background:var(--bg-secondary)}.bg-success{background:var(--success-bg)}.bg-warning{background:var(--warning-bg)}.bg-error{background:var(--error-bg)}.bg-brand-soft{background:var(--brand-blue-soft)}.border{border:1px solid var(--border)}.border-subtle{border:1px solid var(--border-subtle)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-t-2{border-top:2px solid var(--border)}.border-b-dashed{border-bottom:1px dashed var(--border)}.border-focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--brand-blue-subtle)}.border-success{border:1px solid var(--success-border)}.border-warning{border:1px solid var(--warning-border)}.border-error{border:1px solid var(--error-border)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.absolute{position:absolute}.top-full{top:100%}.right-0{inset-inline-end:0}.z-10{z-index:var(--z-dropdown)}.px-6{padding-inline:var(--space-6)}.gap-6{gap:var(--space-6)}.gap-10{gap:var(--space-10)}.gap-14{gap:var(--space-14)}.uppercase{text-transform:uppercase;letter-spacing:.06em}.italic{font-style:italic}.quote-comment{border-inline-start:3px solid var(--border);padding-inline-start:var(--space-sm)}.text-on-brand{color:var(--text-on-brand)}.text-navy{color:var(--navy)}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.select-none{-webkit-user-select:none;user-select:none}.align-top{vertical-align:top}.justify-start{justify-content:flex-start}.border-ie{border-inline-end:1px solid var(--border)}.grid-5{gap:var(--space-md);grid-template-columns:repeat(5,1fr);display:grid}.grid-cols-2{grid-template-columns:1fr 1fr}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-5fr-3fr{gap:var(--space-lg);grid-template-columns:5fr 3fr;display:grid}.bg-app{background:var(--bg-app)}.bg-navy{background:var(--navy)}.grid-2-aside{gap:var(--space-md);grid-template-columns:1fr auto;display:grid}.bg-brand-blue{background:var(--brand-blue)}.bg-teal{background:var(--color-accent-teal)}.bg-purple{background:var(--purple)}.tbl-loading{padding:var(--space-xl);text-align:center}.tbl-empty{text-align:center;padding:var(--space-xl)}.col-check{width:36px}.card-span2{grid-column:span 2}.text-info{color:var(--info)}.self-center{align-self:center}.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.mt-0{margin-top:0}.tbl-subtotal td{background:var(--bg-table-header);font-weight:700}.row-sep td{border-top:2px solid var(--border)}.currency-strip{align-items:center;gap:var(--space-sm);display:flex}.border-t-navy{border-top:2px solid var(--navy)}.proposal-preview{position:relative}.proposal-preview table{border-collapse:collapse}.proposal-preview tbody tr:nth-child(2n){background:var(--bg-card-hover)}.proposal-header{border-bottom:3px solid var(--navy);padding-bottom:var(--space-20)}.proposal-brand{font-family:var(--font-heading);letter-spacing:-.02em}.whitespace-normal{white-space:normal}.pointer-events-none{pointer-events:none}.chart-bar-lg{height:36px}.chart-bar-md{height:28px}.chart-bar-sm{height:22px}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.rfq-donut{border-radius:50%;width:160px;height:160px}.rfq-donut-inner{border-radius:50%;width:90px;height:90px}.min-h-configurator{min-height:560px}.min-w-140{min-width:140px}table .col-r{text-align:end}table .col-c{text-align:center}.disc-input{width:80px;min-height:32px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-ms);text-align:end;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary)}.disc-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--brand-blue-subtle);outline:none}.step-disabled{opacity:.6;pointer-events:none}.action-overflow{position:relative}.action-overflow-menu{z-index:var(--z-dropdown);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:160px;padding:var(--space-xs) 0;position:absolute;top:100%;right:0}.action-overflow-item{padding:var(--space-sm) var(--space-ms);font-size:var(--font-size-ms);cursor:pointer;color:var(--text-primary);white-space:nowrap}.action-overflow-item:hover{background:var(--bg-card-hover)}.border-is-success{border-inline-start:3px solid var(--success)}[data-theme=dark] .text-navy,[data-theme=dark-navy] .text-navy{color:var(--text-heading)}[data-theme=dark] .bg-navy,[data-theme=dark-navy] .bg-navy{background:var(--bg-tertiary)}[data-theme=dark] .border-t-navy,[data-theme=dark-navy] .border-t-navy{border-top-color:var(--border)}[data-theme=dark] .proposal-header,[data-theme=dark-navy] .proposal-header{border-bottom-color:var(--border)}[data-theme=dark] .proposal-preview tr.bg-navy,[data-theme=dark-navy] .proposal-preview tr.bg-navy{background:var(--bg-table-header)}[data-theme=dark] .proposal-preview tr.bg-navy .text-on-brand,[data-theme=dark-navy] .proposal-preview tr.bg-navy .text-on-brand{color:var(--text-heading)}.sidebar-backdrop{background:var(--bg-overlay);z-index:calc(var(--z-sidebar) - 1);display:none;position:fixed;inset:0}.sidebar-backdrop.visible{display:block}.hamburger-btn{cursor:pointer;width:44px;height:44px;color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger-btn:hover{background:var(--bg-card-hover)}.hamburger-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}@media (width<=1280px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-5fr-3fr{grid-template-columns:1fr 1fr}}@media (width<=1024px){.hamburger-btn{display:flex}.sidebar-backdrop.visible{display:block}.grid-4,.grid-cols-4,.grid-3,.grid-5{grid-template-columns:repeat(2,1fr)}.grid-5fr-3fr,.grid-sidebar,.grid-sidebar-lg{grid-template-columns:1fr}.card-span2{grid-column:span 1}.search-box{width:180px}.step-wizard{-webkit-overflow-scrolling:touch;padding-bottom:var(--space-xs);overflow-x:auto}.view-switcher{-webkit-overflow-scrolling:touch;overflow-x:auto}.cart-bar,.sticky-footer{gap:var(--space-sm);flex-wrap:wrap}.pag{gap:var(--space-sm);flex-direction:column;align-items:stretch}.pag-btns{flex-wrap:wrap;justify-content:center}.portal-header{gap:var(--space-sm);height:auto;padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.portal-header-nav{flex-wrap:wrap}.cfg-tree-panel{width:200px;min-width:160px}.countdown-val{font-size:var(--font-size-xl);min-width:48px;padding:var(--space-xs) var(--space-sm)}.drawer-sm,.drawer-lg,.drawer-xl{max-width:90vw}.li-detail{grid-template-columns:1fr 1fr 1fr;width:100%}.proposal-preview{padding:var(--space-lg)}.w-240,.w-200,.w-180,.w-100,.w-110,.w-120,.w-130,.w-140{max-width:100%}.registration-form .dept-checkboxes{grid-template-columns:repeat(2,1fr)}.bar-label{width:100px}.modal.modal-lg{max-width:calc(100vw - 32px)}}@media (width<=768px){.grid-2,.grid-3,.grid-4,.grid-5,.grid-cols-4,.grid-5fr-3fr,.grid-2-aside{grid-template-columns:1fr}.search-box{width:100%;min-width:0}.topbar{padding:0 var(--space-md);gap:var(--space-sm)}.topbar-right{gap:var(--space-sm)}.step-wizard{flex-direction:column;align-items:stretch}.step{justify-content:flex-start}.step-line{align-self:center;width:2px;height:20px}.cart-bar{align-items:stretch;gap:var(--space-sm);text-align:center;flex-direction:column}.sticky-footer{padding:var(--space-sm) var(--space-md);justify-content:center;gap:var(--space-xs);flex-wrap:wrap}.sticky-footer .btn-cancel{margin-inline-end:0}.sticky-footer .btn{font-size:var(--font-size-sm)}.toast-wrap{inset-inline-start:var(--space-sm);inset-inline-end:var(--space-sm);bottom:max(var(--space-sm),env(safe-area-inset-bottom))}.toast{width:100%}.upload-zone{min-height:80px;padding:var(--space-md)}.li-detail{grid-template-columns:1fr;width:100%}.li-detail>div{border-right:none;border-bottom:1px solid var(--border-subtle)}.li-detail>div:last-child{border-bottom:none}.li-qty-input{width:52px;min-height:36px}.li-uom-sel,.li-inline-input{min-height:36px}.disc-input{min-height:40px}.tree-node-label{min-height:44px;padding:var(--space-sm)}.confirm-actions,.modal-footer,.drawer-footer{flex-wrap:wrap}.action-overflow-item{align-items:center;min-height:44px;display:flex}.filters{flex-wrap:wrap}.filters .search-box,.filters .fi{max-width:100%;width:100%!important}.filters .flex-shrink-0,.bar-label.flex-shrink-0{flex-shrink:1;min-width:0}.field-mapping-row{gap:var(--space-xs);grid-template-columns:1fr}.field-mapping-arrow{transform:rotate(90deg)}.registration-form .dept-checkboxes{grid-template-columns:1fr}.rfq-donut{width:120px;height:120px}.rfq-donut-inner{width:68px;height:68px}.context-bar{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);flex-wrap:wrap}.ctx-meta{gap:var(--space-xs);font-size:var(--font-size-sm);flex-wrap:wrap}.ctx-total{text-align:end;width:100%;margin-inline-start:0}.draft-recovery-banner,.conflict-banner{padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.cutoff-bar{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);flex-wrap:wrap}.context-info-bar{flex-wrap:wrap}.context-info-bar .ctx-field{flex:none;min-width:auto}.context-info-bar .ctx-field:last-child{text-align:start}.mnw-1100,.mw-140,.mw-160,.mw-200,.mw-220,.mw-280{min-width:0}.grid-cols-2{grid-template-columns:1fr}.w-80,.w-90,.w-95,.w-100,.w-110,.w-120,.w-130,.w-140{width:auto;min-width:0;max-width:100%}.import-validation-row{grid-template-columns:1fr}.countdown{gap:var(--space-sm)}.countdown-val{font-size:var(--font-size-lg);min-width:40px;padding:var(--space-xs) var(--space-6)}.countdown-label{font-size:var(--font-size-2xs)}.approval-actions,.currency-selector{flex-wrap:wrap}.virtual-scroll-footer{gap:var(--space-xs);text-align:center;flex-direction:column}.chart-container{aspect-ratio:4/3}.breadcrumb{-webkit-overflow-scrolling:touch;white-space:nowrap;flex-wrap:nowrap;overflow-x:auto}.btn-group{gap:var(--space-xs);flex-wrap:wrap}.modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.modal.modal-lg,.modal.modal-sm{max-width:calc(100vw - 24px)}.page-head{align-items:stretch;gap:var(--space-sm);flex-direction:column}.page-head .btn-group{justify-content:flex-start}.toolbar{gap:var(--space-xs)}.toolbar .btn{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0}.fg3{grid-template-columns:repeat(2,1fr)}.li-detail-expanded{grid-template-columns:1fr}}@media (width<=640px){.page-wrap{padding:var(--space-sm)}.search-box{display:none}.kpi-row{grid-template-columns:repeat(2,1fr)}.drawer,.drawer-sm,.drawer-lg,.drawer-xl{width:100vw;max-width:100vw}.modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:90vh}.modal.modal-lg,.modal.modal-sm{max-width:calc(100vw - 16px)}.modal-body{padding:var(--space-md)}.modal-header,.modal-footer{padding:var(--space-sm) var(--space-md)}.tab{padding:var(--space-sm) var(--space-10);font-size:var(--font-size-sm)}.edit-grid input,.edit-grid select{min-height:40px}.tbl-col-xs,.tbl-col-sm{width:auto;min-width:36px}.min-h-configurator{min-height:400px}.w-240,.w-260,.w-280,.w-200,.w-220,.w-150,.w-160,.w-180,.w-80,.w-90,.w-95,.w-100,.w-110,.w-120,.w-130,.w-140{width:100%}.proposal-preview{padding:var(--space-md);margin:0}.proposal-preview table{font-size:var(--font-size-sm)}.import-results{grid-template-columns:1fr}.breadcrumb{padding-inline-end:var(--space-lg)}.pag-btn{min-width:36px;min-height:36px}.fg3{grid-template-columns:1fr}.sticky-footer{flex-direction:column;align-items:stretch}.sticky-footer .btn{justify-content:center;width:100%}.context-bar{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.ctx-total{text-align:start;width:100%}.toolbar .btn{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-xs)}.tbl-wrap table{min-width:600px}.disc-row{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.qs-footer{grid-template-columns:1fr}}@media (width<=480px){.topbar{height:56px}.countdown-val{font-size:var(--font-size-md);min-width:36px;padding:var(--space-xs)}.pin-btn{width:44px;height:44px}.cart-bar .btn{width:100%}.btn-group .btn{flex:auto;min-width:0}.li-qty-input{width:60px;min-height:44px}.li-uom-sel,.li-inline-input{min-height:44px}.disc-input{width:70px;min-height:44px}.cfg-qty{min-height:44px}.step{padding:var(--space-sm);font-size:var(--font-size-sm)}.step-num{width:24px;height:24px;font-size:var(--font-size-xs)}.page-title{font-size:var(--font-size-lg)}.page-sub{font-size:var(--font-size-sm)}.btn{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.btn-group{gap:var(--space-2)}.fg2,.fg3{grid-template-columns:1fr}.context-bar{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.fi{min-height:44px}.tbl-wrap table{min-width:500px}}@media (width<=640px){.col-mobile-hide{display:none}}.col-sticky-start{z-index:2;background:var(--bg-card);position:sticky;left:0}.col-sticky-end{z-index:2;background:var(--bg-card);position:sticky;right:0}thead .col-sticky-start,thead .col-sticky-end{background:var(--bg-table-header);z-index:3}[data-theme=dark] .col-sticky-start,[data-theme=dark-navy] .col-sticky-start,[data-theme=dark] .col-sticky-end,[data-theme=dark-navy] .col-sticky-end{background:var(--bg-card)}[data-theme=dark] thead .col-sticky-start,[data-theme=dark-navy] thead .col-sticky-start,[data-theme=dark] thead .col-sticky-end,[data-theme=dark-navy] thead .col-sticky-end{background:var(--bg-table-header)}.tbl-mobile-only{display:none}@media (width<=640px){.tbl-responsive .tbl-desktop-only{display:none}.tbl-responsive .tbl-mobile-only{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;display:flex}}.tbl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.tbl-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.tbl-card-title{color:var(--text-heading);font-weight:600;font-size:var(--font-size-base)}.tbl-card-meta{gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.tbl-card-actions{gap:var(--space-xs);border-top:1px solid var(--border-subtle);padding-top:var(--space-sm);margin-top:var(--space-xs);display:flex}.tbl-card-field{font-size:var(--font-size-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;display:flex}.tbl-card-field:last-child{border-bottom:none}.tbl-card-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:var(--font-size-xs)}.tbl-card-field-value{color:var(--text-primary);text-align:end;font-weight:500}.cfg-dept-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--space-xs);padding:var(--space-xs) 0;flex-shrink:0;display:none;overflow-x:auto}.cfg-dept-pills::-webkit-scrollbar{display:none}.cfg-dept-pill{padding:var(--space-xs) var(--space-ms);border-radius:var(--radius-full);border:1px solid var(--border-input);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;min-height:36px;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-primary);background:0 0;flex-shrink:0;align-items:center;display:flex}.cfg-dept-pill.active{background:var(--brand-blue);color:var(--text-on-brand);border-color:var(--brand-blue)}.cfg-dept-pill .pill-count{font-size:var(--font-size-xs);opacity:.7;margin-inline-start:var(--space-xs)}@media (width<=768px){.cfg-dept-pills{display:flex}.cfg-tree-sidebar{display:none}}.bid-compare-cards{display:none}@media (width<=640px){.bid-supplier-card{padding:var(--space-lg);min-height:80px}.bid-supplier-card input[type=radio]{width:20px;min-width:20px;height:20px;min-height:20px}.bid-compare-table{display:none}.bid-compare-cards{gap:var(--space-sm);flex-direction:column;display:flex}}.bid-compare-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.bid-compare-card-item{color:var(--text-heading);font-weight:600;font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.bid-compare-card .tbl-card-field{font-size:var(--font-size-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;display:flex}.bid-compare-card .tbl-card-field:last-child{border-bottom:none}.qs-dept-cards{display:none}.qs-dept-table-wrap{display:block}@media (width<=768px){.qs-dept-cards{gap:var(--space-sm);flex-direction:column;display:flex}.qs-dept-table-wrap{display:none}}.qs-dept-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.qs-dept-card-header{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.qs-dept-card-name{color:var(--text-heading);font-weight:600}.qs-dept-card-disc{align-items:center;gap:var(--space-xs);display:flex}.qs-dept-row{padding:var(--space-xs) 0;font-size:var(--font-size-sm);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.qs-dept-row:last-child{border-bottom:none}.sticky-cta{z-index:var(--z-sticky);background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-sm) var(--space-md);padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));gap:var(--space-sm);justify-content:space-between;align-items:center;display:none;position:sticky;bottom:0;left:0;right:0}@media (width<=768px){.sticky-cta{display:flex}.qc-page-wrap{padding-bottom:80px}}@media (width<=640px){.kpi-row{grid-template-columns:repeat(2,1fr)}.kpi{padding:var(--space-sm) var(--space-ms)}.kpi-val{font-size:var(--font-size-lg)}.kpi-label{font-size:var(--font-size-2xs)}.toolbar{justify-content:space-between}.toolbar>.action-overflow{margin-inline-start:auto}}