.stx-icon{display:inline-flex;flex-shrink:0;vertical-align:middle}.stx-icon-clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .15s ease}.stx-icon-clickable:hover{opacity:.82}.stx-icon-clickable:active{transform:scale(.78);opacity:.65}@keyframes stxIconPress{0%{transform:scale(1)}40%{transform:scale(.78)}to{transform:scale(1)}}.stx-icon-pressed{animation:stxIconPress .3s cubic-bezier(.34,1.56,.64,1)}.stx-action-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .15s ease;-webkit-tap-highlight-color:transparent}.stx-action-icon:active,.stx-action-icon:active .stx-icon{transform:scale(.88)}.stx-click-feedback{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.stx-click-feedback:active{transform:scale(.97)}.stx-click-feedback:active .stx-icon{transform:scale(.85);opacity:.75}.app-layout{display:flex;min-height:100vh;min-height:100dvh;min-width:0;max-width:100%;background-color:var(--bg-primary)}.app-sidebar{width:240px;min-width:240px;background:var(--nav-bg);display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo-img{height:40px;width:auto;object-fit:contain;filter:none;mix-blend-mode:normal;opacity:1;background:transparent}.sidebar-close-btn{display:none;background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:4px;margin-left:auto}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:var(--nav-text);font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s,color .2s}.sidebar-nav-item:hover{background:#ffffff14;color:var(--nav-text-hover)}.sidebar-nav-item.active{background:var(--nav-active-bg);color:var(--nav-text-hover);border-left:3px solid var(--active-indicator);padding-left:13px}.sidebar-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;color:inherit}.sidebar-notif-badge{position:absolute;top:-8px;right:-14px;min-width:20px;height:16px;padding:0 5px;border-radius:999px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 1px 3px #0003}.sidebar-nav-label{flex:1}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-profile{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;border-radius:8px;margin-bottom:8px}.sidebar-profile:hover{background:#ffffff0f}.sidebar-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}[data-theme=dark] .sidebar-avatar{background:var(--accent);color:#fff}.sidebar-profile-info{display:flex;flex-direction:column;gap:2px}.sidebar-profile-name{font-size:14px;font-weight:600;color:#fff}.sidebar-profile-role{font-size:12px;color:#ffffffb3;display:flex;align-items:center;gap:6px}.sidebar-plan-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--accent-light);color:var(--color-primary);cursor:pointer;transition:background .2s}.sidebar-plan-badge:hover{background:#f7d79459}[data-theme=dark] .sidebar-plan-badge{background:var(--accent-light);color:var(--color-primary)}[data-theme=dark] .sidebar-plan-badge:hover{background:#0984e34d}.sidebar-logout{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:#ffffffd9;font-size:14px;cursor:pointer;transition:background .2s,color .2s}.sidebar-logout:hover{background:#ffffff14;color:#fff}.app-main{flex:1;min-width:0;overflow:auto;padding:24px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));background-color:var(--bg-primary)}.mobile-menu-btn{display:none;position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:1100;width:44px;height:44px;border:none;border-radius:10px;background:var(--nav-bg);color:#fff;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md)}.sidebar-backdrop{display:none}@media (max-width: 768px){.app-sidebar{width:72px;min-width:72px;padding:0 8px}.sidebar-nav-label,.sidebar-profile-info,.sidebar-logout span{display:none}.sidebar-brand{justify-content:center;padding:20px 8px}.sidebar-nav-item{justify-content:center;padding:12px}.sidebar-footer{padding:12px 8px}.sidebar-profile,.sidebar-logout{justify-content:center}.sidebar-logout-label{display:none}.app-main{padding:16px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (max-width: 640px){.mobile-menu-btn{display:flex}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:1200;background:#00000080}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;min-width:260px;z-index:1300;transform:translate(-100%);transition:transform .25s ease;padding:0}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar.mobile-open .sidebar-nav-label,.app-sidebar.mobile-open .sidebar-profile-info,.app-sidebar.mobile-open .sidebar-logout span{display:unset}.app-sidebar.mobile-open .sidebar-nav-item{justify-content:flex-start;padding:12px 16px}.app-sidebar.mobile-open .sidebar-brand{justify-content:flex-start;padding:24px 20px}.app-sidebar.mobile-open .sidebar-footer{padding:16px 20px}.app-sidebar.mobile-open .sidebar-profile,.app-sidebar.mobile-open .sidebar-logout{justify-content:flex-start}.sidebar-close-btn{display:flex;align-items:center;justify-content:center}.app-main{padding:calc(64px + env(safe-area-inset-top,0px)) 12px calc(80px + env(safe-area-inset-bottom,0px)) 12px}}.preview-timer-banner{display:flex;align-items:center;gap:10px;padding:10px 20px;margin-bottom:16px;background:var(--nav-bg);color:#ffffffd9;border-radius:10px;font-size:13px;font-weight:500;flex-wrap:wrap}.preview-timer-banner svg{flex-shrink:0;color:var(--color-primary)}.preview-timer-banner strong{font-variant-numeric:tabular-nums;color:#fff}.preview-timer-note{font-size:11px;color:var(--color-primary);opacity:.8;margin-left:auto}.preview-timer-urgent{background:linear-gradient(135deg,#5c1a1a,#6e2020)}.preview-timer-urgent svg{color:var(--danger)}.preview-timer-urgent .preview-timer-note{color:var(--danger)}.preview-timer-register-btn{padding:5px 16px;font-size:12px;font-weight:600;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.preview-timer-register-btn:hover{background:#ffffff40}@media (max-width: 768px){.preview-timer-banner{font-size:12px;padding:8px 14px;gap:8px}.preview-timer-note{display:none}}:root{--bg-primary: #F5F6FA;--bg-card: #FFFFFF;--bg-surface: #ECEDF2;--bg-surface-hover: #E3E4EB;--bg-input: #FFFFFF;--color-primary: #192A56;--color-secondary: #3D4F7C;--color-muted: #6B7AA1;--color-icon: #192A56;--nav-bg: #192A56;--nav-text: rgba(255, 255, 255, .9);--nav-text-hover: #FFFFFF;--nav-active-bg: rgba(247, 215, 148, .18);--btn-primary-bg: #192A56;--btn-primary-text: #FFFFFF;--btn-primary-hover: #0F1D3D;--accent: #F7D794;--accent-hover: #F5C561;--accent-light: rgba(247, 215, 148, .15);--accent-text: #8B6914;--active-indicator: #F7D794;--danger: #EDA6A3;--danger-hover: #E88E8A;--danger-light: rgba(237, 166, 163, .15);--danger-text: #8B3A37;--border-color: rgba(25, 42, 86, .1);--border-light: rgba(25, 42, 86, .06);--shadow-sm: 0 2px 8px rgba(25, 42, 86, .06);--shadow-md: 0 4px 16px rgba(25, 42, 86, .1);--shadow-lg: 0 8px 32px rgba(25, 42, 86, .15);--link-color: #192A56;--input-border: rgba(25, 42, 86, .2);--input-focus: #F7D794;--input-placeholder: #6B7AA1;--toggle-off: #C5C9D6;--toggle-on: #192A56}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-card: #1E272E;--bg-surface: #252D34;--bg-surface-hover: #2C3640;--bg-input: #1E272E;--color-primary: #F5F6FA;--color-secondary: rgba(245, 246, 250, .75);--color-muted: rgba(245, 246, 250, .5);--color-icon: #00CEC9;--nav-bg: #1E272E;--nav-text: rgba(245, 246, 250, .9);--nav-text-hover: #F5F6FA;--nav-active-bg: rgba(9, 132, 227, .15);--btn-primary-bg: #0984E3;--btn-primary-text: #FFFFFF;--btn-primary-hover: #0770C2;--accent: #0984E3;--accent-hover: #0770C2;--accent-light: rgba(9, 132, 227, .15);--accent-text: #B3D9F7;--active-indicator: #0984E3;--danger: #EDA6A3;--danger-hover: #E88E8A;--danger-light: rgba(237, 166, 163, .2);--danger-text: #F5C5C3;--border-color: rgba(245, 246, 250, .08);--border-light: rgba(245, 246, 250, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45);--link-color: #0984E3;--input-border: rgba(245, 246, 250, .15);--input-focus: #0984E3;--input-placeholder: rgba(245, 246, 250, .4);--toggle-off: #3D4650;--toggle-on: #0984E3}.dark-list-container{background-color:var(--bg-surface);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.dark-list-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:var(--bg-card);border-radius:10px;color:var(--color-primary);cursor:pointer;transition:background-color .2s}.dark-list-item:hover{background-color:var(--bg-surface-hover)}.dark-list-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;color:var(--color-icon)}.dark-list-item-icon svg{width:24px;height:24px}.dark-list-item-info{flex:1;min-width:0}.dark-list-item-title{font-size:16px;font-weight:600;color:var(--color-primary);margin:0 0 4px}.dark-list-item-description{font-size:13px;color:var(--color-muted);margin:0;line-height:1.35}.dark-list-item-arrow{font-size:24px;font-weight:300;color:var(--color-muted);flex-shrink:0}.dark-list-empty{padding:24px 20px;text-align:center;color:var(--color-muted);font-size:14px;background-color:var(--bg-card);border-radius:10px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}#root{min-height:100%;min-width:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--color-primary);overflow-x:hidden;max-width:100%}[data-theme=dark] .app-layout,[data-theme=dark] .app-main{background-color:var(--bg-primary)}[data-theme=dark] .app-sidebar{background:var(--nav-bg)}[data-theme=dark] .home-card,[data-theme=dark] .home-indicator-card,[data-theme=dark] .production-card,[data-theme=dark] .production-indicator-card,[data-theme=dark] .production-header,[data-theme=dark] .cert-status-card,[data-theme=dark] .cost-mgmt-header,[data-theme=dark] .cost-mgmt-card,[data-theme=dark] .cost-mgmt-indicator-card,[data-theme=dark] .enterprise-header,[data-theme=dark] .enterprise-card,[data-theme=dark] .enterprise-indicator-card,[data-theme=dark] .industry-hub-header,[data-theme=dark] .industry-hub-card,[data-theme=dark] .industry-hub-indicator-card,[data-theme=dark] .prof-card,[data-theme=dark] .prof-header-card,[data-theme=dark] .app-page-card,[data-theme=dark] .smp-header,[data-theme=dark] .smp-content,[data-theme=dark] .sysmgmt-header,[data-theme=dark] .sysmgmt-card,[data-theme=dark] .payment-card,[data-theme=dark] .payment-header{background:var(--bg-card);border-color:var(--border-color);color:var(--color-primary)}[data-theme=dark] .home-card-title,[data-theme=dark] .home-indicator-value,[data-theme=dark] .production-title,[data-theme=dark] .production-card-title,[data-theme=dark] .indicator-value,[data-theme=dark] .cost-mgmt-title,[data-theme=dark] .enterprise-title,[data-theme=dark] .industry-hub-title,[data-theme=dark] .app-page-title,[data-theme=dark] .smp-title,[data-theme=dark] .smp-section-title,[data-theme=dark] .sysmgmt-title,[data-theme=dark] .sysmgmt-card-name,[data-theme=dark] .prof-card-title,[data-theme=dark] .prof-name,[data-theme=dark] .page-item-name,[data-theme=dark] .smp-step-title,[data-theme=dark] .smp-kpi-value,[data-theme=dark] .smp-req-domain,[data-theme=dark] .smp-box-title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--color-primary)}[data-theme=dark] .home-card-subtitle,[data-theme=dark] .home-indicator-label,[data-theme=dark] .home-industry-desc,[data-theme=dark] .production-subtitle,[data-theme=dark] .production-card-subtitle,[data-theme=dark] .indicator-label,[data-theme=dark] .cost-mgmt-subtitle,[data-theme=dark] .enterprise-subtitle,[data-theme=dark] .industry-hub-subtitle,[data-theme=dark] .app-page-subtitle,[data-theme=dark] .app-page-body,[data-theme=dark] .smp-subtitle,[data-theme=dark] .smp-text,[data-theme=dark] .smp-kpi-label,[data-theme=dark] .sysmgmt-subtitle,[data-theme=dark] .sysmgmt-card-desc,[data-theme=dark] .prof-card-subtitle,[data-theme=dark] .prof-role,[data-theme=dark] .page-item-desc,[data-theme=dark] .smp-list li{color:var(--color-secondary)}[data-theme=dark] .home-industry-name,[data-theme=dark] .home-quick-action-item,[data-theme=dark] .production-action-item,[data-theme=dark] .cost-mgmt-action-item,[data-theme=dark] .enterprise-action-item,[data-theme=dark] .prof-action-btn{color:var(--color-primary)}[data-theme=dark] .home-industry-item,[data-theme=dark] .home-quick-action-item,[data-theme=dark] .production-page-item,[data-theme=dark] .production-action-item,[data-theme=dark] .smp-step-card,[data-theme=dark] .smp-kpi,[data-theme=dark] .recent-audit-item,[data-theme=dark] .app-page-list-item,[data-theme=dark] .prof-action-btn{background:var(--bg-surface)}[data-theme=dark] .home-industry-item:hover,[data-theme=dark] .home-quick-action-item:hover,[data-theme=dark] .production-page-item:hover,[data-theme=dark] .production-action-item:hover,[data-theme=dark] .prof-action-btn:hover{background:var(--bg-surface-hover)}[data-theme=dark] .home-quick-action-icon,[data-theme=dark] .action-icon{background:var(--bg-surface);color:var(--color-icon)}[data-theme=dark] .smp-table th{background:var(--bg-surface);color:var(--color-secondary);border-bottom-color:var(--border-color)}[data-theme=dark] .smp-table td{color:var(--color-secondary);border-bottom-color:var(--border-light)}[data-theme=dark] .smp-table tbody tr:hover{background:var(--bg-surface)}[data-theme=dark] .buyer-dir-table thead th{background:var(--bg-surface);color:var(--color-muted);border-bottom-color:var(--border-color)}[data-theme=dark] .buyer-dir-table tbody td{color:var(--color-secondary);border-bottom-color:var(--border-light)}[data-theme=dark] .buyer-dir-table tbody tr:hover{background:var(--bg-surface)}[data-theme=dark] .buyer-dir-filters{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-input);color:var(--color-primary);border-color:var(--input-border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--input-placeholder)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--input-focus)}[data-theme=dark] .smp-tabs{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .smp-tab{color:var(--color-muted)}[data-theme=dark] .smp-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}[data-theme=dark] .smp-req-block{border-left-color:var(--border-color)}[data-theme=dark] .smp-box{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .audit-modal,[data-theme=dark] .prof-modal{background:var(--bg-card);color:var(--color-primary)}[data-theme=dark] .audit-type-card{border-color:var(--border-color)}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:4px}[data-theme=dark] a,[data-theme=dark] .production-back-link,[data-theme=dark] .cost-mgmt-back-link,[data-theme=dark] .enterprise-back-link,[data-theme=dark] .industry-hub-back-link,[data-theme=dark] .app-page-back-link,[data-theme=dark] .sysmgmt-back{color:var(--link-color)}[data-theme=dark] .view-all-btn{background:var(--bg-surface);color:var(--color-secondary)}[data-theme=dark] .view-all-btn:hover{background:var(--bg-surface-hover);color:var(--color-primary)}@media (max-width: 720px){.buyer-dir-table-wrap,.vm-table-wrap,.ad-table-wrap,.sad-table-wrap,.gc-table-wrap,.exec-table-wrapper,.comp-reg-table-wrap,.rc-table-wrap,.aud-table-wrap,.sa-table-wrap,.sp-comparison-table-wrap,.eg-table-wrap,.qm-table-wrapper,.hrdoc-table-wrap,.vd-conn-table-wrap,.epc-table-wrap,.invoice-table-wrapper,.products-table-wrapper,.bom-table-wrapper,.comparison-table-wrapper,.cost-table-wrapper,.wco-table-wrap,.ahp-table-wrap,.stx-fluid-table-wrap{overflow-x:visible!important;-webkit-overflow-scrolling:touch;max-width:100%}.vm-table,.ad-table,.sad-table,.gc-table,.exec-table,.comp-reg-table,.rc-table,.aud-table,.sa-table,.sp-comparison-table,.eg-table,.qm-table,.hrdoc-table,.vd-conn-table,.epc-table,.invoice-table,.products-table,.product-bom-table,.comparison-table,.cost-table,.wco-table,.ahp-table,.tm-table,.bd-rfq-track-table,.stx-fluid-table,.metrics-table,.std-table,.ppa-table,.vd-log-table{min-width:0!important;width:100%!important;table-layout:fixed}.sad-table,.vm-table th,.vm-table td{white-space:normal!important}.vm-table th,.vm-table td,.ad-table th,.ad-table td,.sad-table th,.sad-table td,.gc-table th,.gc-table td,.exec-table th,.exec-table td,.comp-reg-table th,.comp-reg-table td,.rc-table th,.rc-table td,.aud-table th,.aud-table td,.sa-table th,.sa-table td,.sp-comparison-table th,.sp-comparison-table td,.eg-table th,.eg-table td,.qm-table th,.qm-table td,.hrdoc-table th,.hrdoc-table td,.vd-conn-table th,.vd-conn-table td,.epc-table th,.epc-table td,.invoice-table th,.invoice-table td,.products-table th,.products-table td,.product-bom-table th,.product-bom-table td,.comparison-table th,.comparison-table td,.cost-table th,.cost-table td,.wco-table th,.wco-table td,.ahp-table th,.ahp-table td,.tm-table th,.tm-table td,.bd-rfq-track-table th,.bd-rfq-track-table td,.stx-fluid-table th,.stx-fluid-table td,.metrics-table th,.metrics-table td,.std-table th,.std-table td,.ppa-table th,.ppa-table td,.vd-log-table th,.vd-log-table td{word-break:break-word;overflow-wrap:anywhere;vertical-align:top;padding:8px 6px!important;font-size:12px;line-height:1.35}.sad-cell-company,.sad-detail-team-name{min-width:0!important}.tm-table .tm-role-select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}}