@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand-orange:#d97b22;--brand-orange-hover:#c26a18;--brand-orange-active:#a85a12;--brand-orange-light:#fdf4eb;--brand-orange-subtle:#f9e4d0;--sidebar-bg:#fefefd;--navy-sidebar:#fefefd;--navy-primary:#d97b22;--navy-dark:#b85f10;--navy-light:#c26a18;--navy-hover:#c26a18;--navy-active:#a85a12;--navy-badge-bg:var(--brand-orange-light);--bg-app:#f5f7fa;--bg-surface:#fff;--bg-subtle:#f8fafc;--bg-hover:#eaecf0;--text-primary:#172033;--text-secondary:#475467;--text-muted:#98a2b3;--text-on-navy:#172033;--text-on-navy-muted:#667085;--border-color:#e4e7ec;--border-subtle:#f2f4f7;--border-focus:var(--brand-orange);--success:#12b76a;--success-bg:#ecfdf3;--success-text:#027a48;--warning:#f79009;--warning-bg:#fffaeb;--warning-text:#b54708;--danger:#f04438;--danger-bg:#fef3f2;--danger-text:#b42318;--info:#2e90fa;--info-bg:#eff8ff;--info-text:#175cd3;--shadow-xs:0px 1px 2px #1018280d;--shadow-sm:0px 1px 3px #10182814, 0px 1px 2px #1018280a;--shadow-md:0px 4px 8px -2px #1018281a, 0px 2px 4px -2px #1018280f;--shadow-lg:0px 12px 16px -4px #10182814, 0px 4px 6px -2px #10182808;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}#root{flex-direction:column;height:100%;display:flex}a{color:var(--brand-orange);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}h1{letter-spacing:-.02em;color:var(--text-primary);font-size:1.5rem;font-weight:700}h2{letter-spacing:-.01em;color:var(--text-primary);font-size:1.25rem;font-weight:600}h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}h4{color:var(--text-primary);font-size:1rem;font-weight:600}p{color:var(--text-secondary)}.mono{font-family:JetBrains Mono,monospace}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{background-color:var(--bg-app);flex:1;padding:24px;overflow-y:auto}.sidebar{width:var(--sidebar-width);color:var(--text-primary);border-right:1px solid var(--border-color);z-index:100;background-color:#fefefd;flex-direction:column;transition:width .2s,transform .2s;display:flex;box-shadow:2px 0 10px #1018280a}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo-area{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.sidebar.collapsed .sidebar-logo-area{flex-direction:column;justify-content:center;gap:8px;padding:16px 8px}.logo-badge-container{box-shadow:none;background-color:#0000;border:none;border-radius:0;justify-content:flex-start;align-items:center;max-height:44px;padding:0;transition:all .2s;display:flex;overflow:hidden}.logo-badge-container img{object-fit:contain;mix-blend-mode:multiply;background:0 0;width:auto;max-width:160px;height:36px;display:block}.sidebar.collapsed .logo-badge-container{justify-content:center;align-items:center;width:100%;height:36px;max-height:36px;padding:0;display:flex}.sidebar.collapsed .logo-badge-container img{object-fit:contain;width:auto;max-width:40px;height:30px}.sidebar-toggle-btn{color:var(--text-secondary);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px;display:flex}.sidebar-toggle-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:12px 12px 6px;font-size:11px;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.nav-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item:hover{background-color:var(--brand-orange-light);color:var(--brand-orange)}.nav-item.active{background-color:var(--brand-orange);color:#fff;font-weight:700;box-shadow:0 2px 8px #d97b2247}.nav-item-icon{width:20px;height:20px;color:var(--brand-orange);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item.active .nav-item-icon{color:#fff}.nav-item-badge{background:var(--brand-orange-light);color:var(--brand-orange);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.nav-item.active .nav-item-badge{color:var(--brand-orange);background:#fff}.sidebar-submenu{border-left:2px solid var(--border-color);flex-direction:column;gap:3px;margin-top:2px;margin-bottom:6px;margin-left:20px;padding-left:10px;display:flex}.submenu-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.submenu-item:hover{background-color:var(--brand-orange-light);color:var(--brand-orange)}.submenu-item.active{background-color:var(--brand-orange-light);color:var(--brand-orange);font-weight:700}.submenu-icon{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.submenu-item.active .submenu-icon{color:var(--brand-orange);opacity:1}.sidebar-footer{border-top:1px solid var(--border-color);align-items:center;gap:12px;padding:16px;display:flex}.user-avatar{background-color:var(--brand-orange-light);width:36px;height:36px;color:var(--brand-orange);border:1px solid var(--brand-orange-subtle);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-role-tag{color:var(--brand-orange);font-size:11px;font-weight:600}.top-header{height:var(--header-height);background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.mobile-menu-btn{color:var(--text-secondary);padding:8px;display:none}.header-title-area{flex-direction:column;display:flex}.breadcrumb{color:var(--brand-orange);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.page-heading{color:var(--text-primary);font-size:18px;font-weight:600}.header-right{align-items:center;gap:16px;display:flex}.icon-btn-badge{color:var(--text-secondary);border-radius:var(--radius-md);padding:8px;position:relative}.icon-btn-badge:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.badge-dot{background-color:var(--brand-orange);border:2px solid var(--bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--brand-orange);color:#fff;border:1px solid var(--brand-orange);box-shadow:0 2px 4px #d97b2240}.btn-primary:hover{background-color:var(--brand-orange-hover);border-color:var(--brand-orange-hover)}.btn-primary:active{background-color:var(--brand-orange-active)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);background-color:#fff}.btn-secondary:hover{background-color:var(--brand-orange-light);border-color:var(--brand-orange-subtle);color:var(--brand-orange-active)}.btn-danger{background-color:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover{background-color:#d92d20}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 20px;font-size:15px}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:flex-start;padding:20px;transition:transform .15s,border-color .15s;display:flex}.stat-card:hover{border-color:var(--brand-orange-subtle);transform:translateY(-1px)}.stat-title{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500}.stat-number{color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:700}.stat-subtext{color:var(--text-muted);margin-top:4px;font-size:12px}.stat-icon-wrapper{border-radius:var(--radius-md);background-color:var(--brand-orange-light);color:var(--brand-orange);padding:10px}.table-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.search-input-wrapper{min-width:240px;position:relative}.search-input-wrapper svg{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;width:100%;padding:8px 12px 8px 36px;font-size:13px}.search-input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #d97b2226}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{background-color:var(--bg-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px;font-size:13.5px}.data-table tbody tr:hover{background-color:var(--bg-subtle)}.table-pagination{border-top:1px solid var(--border-color);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.pagination-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{border:1px solid var(--border-color);border-radius:var(--radius-md,6px);background-color:var(--bg-surface,#fff);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.pagination-btn:hover:not(:disabled){border-color:var(--brand-orange);color:var(--brand-orange);background-color:var(--brand-orange-light,#fff7ed)}.pagination-btn.active{background-color:var(--brand-orange);color:#fff;border-color:var(--brand-orange);font-weight:600}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}.pagination-ellipsis{color:var(--text-muted);padding:0 6px;font-weight:500}.badge{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text)}.badge-danger{background-color:var(--danger-bg);color:var(--danger-text)}.badge-info{background-color:var(--brand-orange-light);color:var(--brand-orange-active)}.badge-neutral{background-color:var(--bg-subtle);color:var(--text-secondary)}.form-group{margin-bottom:16px}.form-label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.form-input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--brand-orange-subtle);outline:none}.input-error{border-color:var(--danger)!important;background-color:var(--danger-bg)!important}.input-error:focus{outline:none;box-shadow:0 0 0 3px #f0443833!important}.excel-dropzone{border:2px dashed var(--brand-orange-subtle);border-radius:var(--radius-lg);text-align:center;background-color:var(--bg-surface);cursor:pointer;margin-bottom:20px;padding:36px 20px;transition:all .2s;position:relative}.excel-dropzone:hover,.excel-dropzone.active{border-color:var(--brand-orange);background-color:var(--brand-orange-light)}.excel-dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.sheet-preview-wrapper,.qa-grid-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;max-width:100%;margin-top:16px;margin-bottom:24px;overflow-x:auto}.sheet-preview,.qa-grid-table{border-collapse:collapse;min-width:600px;font-size:13px}.sheet-preview tr,.qa-grid-table tr{min-height:28px}.sheet-preview td,.qa-grid-table td{word-break:break-word;border:1px solid #d0d5dd;min-width:80px;max-width:320px;min-height:28px;padding:6px 10px;line-height:1.4;position:relative}.sheet-preview td[colspan],.qa-grid-table td[colspan]{max-width:none!important}.sheet-row-locked td,.qa-locked-cell{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-weight:500;background-color:#f8fafc!important}.sheet-cell-mapped{cursor:pointer;background-color:var(--brand-orange-light)!important;border:2px solid var(--brand-orange)!important}.sheet-cell-mapped .cell-address,.cell-address{display:none!important}.qa-editable-cell{background-color:var(--brand-orange-light)!important;padding:2px!important}.qa-editable-cell input{border:1.5px solid var(--brand-orange);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--text-primary);background-color:#fff;outline:none;padding:8px 12px;font-weight:600;font-size:16px!important}.qa-editable-cell input:focus{border-color:var(--brand-orange-active);box-shadow:0 0 0 3px #d97b2240}.qa-editable-cell input.status-ok{background-color:var(--success-bg);border-color:var(--success);color:var(--success-text)}.qa-editable-cell input.status-deviation{background-color:var(--danger-bg);border-color:var(--danger);color:var(--danger-text)}.qa-editable-cell input.qa-field-locked,.qa-field-locked{opacity:.85;font-weight:500;background-color:var(--bg-subtle,#f1f5f9)!important;color:var(--text-secondary,#64748b)!important;border-color:var(--border-color,#cbd5e1)!important;cursor:not-allowed!important}.sheet-row-0,.qa-row-0{z-index:10;background-color:#f1f5f9;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150000;background-color:#10182880;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);flex-direction:column;animation:.2s ease-out modalIn;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-subtle);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}@media (width<=1024px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}@keyframes yk-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}