.traceability{background-color:var(--bg-page);color:var(--text-primary);padding:1.5rem;min-height:100vh}.trace-page-header{text-align:center;margin-bottom:2rem}.trace-page-header h1{font-size:2rem;color:var(--text-primary);margin:0}.search-section{background:var(--bg-elevated);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000a}.search-bar{display:flex;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-medium);border-radius:8px;background:var(--bg-input);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--accent-blue)}.search-type-select{padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-medium);border-radius:8px;background:var(--bg-input);color:var(--text-primary);cursor:pointer;min-width:150px}.search-button{padding:.75rem 2rem;font-size:1rem;font-weight:600;background:var(--accent-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.search-button:hover:not(:disabled){background:var(--accent-blue-pale)}.search-button:disabled{background:var(--text-muted);cursor:not-allowed}.search-tips{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.9rem}.tip-button{padding:.25rem .75rem;background:var(--bg-deep);color:var(--text-tertiary);border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.tip-button:hover{background:var(--border-medium);color:var(--text-primary)}.error-banner{background:#dc26261a;color:var(--accent-red);padding:1rem;border-radius:8px;margin-bottom:2rem;text-align:center;font-weight:500;border:1px solid rgba(220,38,38,.2)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:var(--text-tertiary);margin-bottom:.5rem}.empty-state p{color:var(--text-muted)}.results-section{background:var(--bg-elevated);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.result-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-dark);padding-bottom:.5rem}.tab-button{padding:.5rem 1.5rem;background:transparent;color:var(--text-tertiary);border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.result-content{display:none}.result-content.active{display:block}.trace-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-deep);border-radius:8px;margin-bottom:2rem}.trace-header-left h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.75rem}.trace-id{font-family:Courier New,monospace;color:var(--text-tertiary);font-size:.9rem}.trace-header-right{display:flex;gap:.75rem;align-items:center}.status-badge{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600}.status-badge.status-assembly{background:#1e40af;color:#dbeafe}.status-badge.status-pending{background:#f59e0b;color:#fef3c7}.status-badge.status-pass{background:#059669;color:#d1fae5}.status-badge.status-fail{background:#dc2626;color:#fecaca}.status-badge.status-rework{background:#9333ea;color:#f3e8ff}.status-badge.status-shipped{background:#0891b2;color:#cffafe}.qa-badge{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600}.qa-badge.qa-pass{background:#059669;color:#d1fae5}.qa-badge.qa-fail{background:#dc2626;color:#fecaca}.qa-badge.qa-conditional{background:#f59e0b;color:#fef3c7}.qa-badge.qa-pending{background:var(--text-muted);color:#fff}.lock-badge{padding:.5rem 1rem;background:var(--bg-deep);color:var(--text-primary);border-radius:6px;font-size:.9rem;font-weight:600}.role-badge{padding:.5rem 1rem;background:var(--accent-blue);color:#fff;border-radius:6px;font-size:.9rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.info-card{background:var(--bg-deep);border-radius:8px;padding:1.5rem}.info-card h4{color:var(--text-tertiary);margin:0 0 1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-dark)}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-tertiary);font-size:.9rem}.info-row .value{color:var(--text-primary);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-deep);border-radius:8px;padding:1.5rem;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-blue);margin-bottom:.5rem}.stat-label{color:var(--text-tertiary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.timeline-section{margin-bottom:2rem}.timeline-section h3{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.25rem}.timeline{position:relative;padding-left:3rem}.timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--accent-blue),#7c3aed)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-2.5rem;top:0;width:2rem;height:2rem;background:var(--bg-elevated);border:3px solid var(--accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:1}.timeline-item.timeline-birth .timeline-marker{border-color:#10b981;font-size:1.1rem}.timeline-item.timeline-qa-pass .timeline-marker{border-color:#059669}.timeline-item.timeline-qa-fail .timeline-marker{border-color:#dc2626}.timeline-item.timeline-rework .timeline-marker{border-color:#9333ea}.timeline-item.timeline-shipped .timeline-marker{border-color:#0891b2}.timeline-content{background:var(--bg-deep);border-radius:8px;padding:1rem 1.5rem;border-left:3px solid var(--accent-blue)}.timeline-item.timeline-birth .timeline-content{border-left-color:#10b981}.timeline-item.timeline-qa-pass .timeline-content{border-left-color:#059669}.timeline-item.timeline-qa-fail .timeline-content{border-left-color:#dc2626}.timeline-item.timeline-rework .timeline-content{border-left-color:#9333ea}.timeline-item.timeline-shipped .timeline-content{border-left-color:#0891b2}.timeline-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.timeline-time{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem}.timeline-details{color:var(--text-tertiary);font-size:.9rem;line-height:1.6}.timeline-details>div{margin-bottom:.25rem}.subassemblies-list{margin-top:.75rem;padding:.75rem;background:var(--bg-card);border-radius:6px}.subassembly-item{color:var(--text-tertiary);margin:.25rem 0}.defects-section{margin-top:.75rem;padding:.75rem;background:var(--bg-card);border-radius:6px}.defects-section strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.defect-item{margin:.25rem 0;padding:.25rem .5rem;border-radius:4px}.defect-item.severity-critical{color:#b91c1c;background:#dc26261a}.defect-item.severity-major{color:#c2410c;background:#ea580c1a}.defect-item.severity-minor{color:#a16207;background:#d977061a}.inspector-notes{margin-top:.75rem;padding:.75rem;background:var(--bg-card);border-radius:6px;color:var(--text-tertiary)}.inspector-notes strong{color:var(--text-primary)}.rework-flag{margin-top:.75rem;padding:.5rem;background:#9333ea1a;border-radius:6px;color:#7c3aed;font-weight:500}.rework-completed{margin-top:.5rem;color:var(--accent-green)}.data-section{margin-bottom:2rem}.data-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.25rem}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse;background:var(--bg-elevated);border-radius:8px;overflow:hidden}.data-table thead{background:var(--bg-deep)}.data-table th{padding:1rem;text-align:left;color:var(--text-primary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:1rem;color:var(--text-tertiary);border-top:1px solid var(--border-dark)}.data-table tbody tr:hover{background:#2563eb0a}.tree-id-cell{font-family:Courier New,monospace;color:var(--accent-blue);font-size:.85rem}@media (max-width: 768px){.traceability{padding:1rem}.search-bar{flex-direction:column}.search-type-select{width:100%}.trace-header{flex-direction:column;align-items:flex-start;gap:1rem}.trace-header-right{flex-wrap:wrap}.info-grid,.stats-grid{grid-template-columns:1fr}.timeline{padding-left:2.5rem}.timeline:before{left:.75rem}.timeline-marker{left:-2rem;width:1.5rem;height:1.5rem;font-size:.75rem}.result-tabs{overflow-x:auto;flex-wrap:nowrap}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}:root{--bg-page: #0a2d73;--bg-elevated: #eee;--bg-card: #faf9f7;--bg-input: #ffffff;--bg-deep: #edeae5;--border-dark: #e0dbd4;--border-medium: #d1cbc3;--border-blue: rgba(37, 99, 235, .2);--text-primary: #1a1a1a;--text-secondary: #4a4540;--text-tertiary: #7a7268;--text-muted: #a39e95;--accent-blue: #2563eb;--accent-blue-light: #3b82f6;--accent-blue-pale: #1d4ed8;--accent-green: #16a34a;--accent-green-light: #22c55e;--accent-green-pale: #15803d;--accent-yellow: #d97706;--accent-red: #dc2626;--accent-red-light: #ef4444;--accent-red-pale: #b91c1c;--accent-orange: #ea580c;--accent-purple: #8b5cf6;--accent-purple-light: #a78bfa}.page-container{padding:24px;background:var(--bg-page);min-height:100vh}.page-container-flex{display:flex;height:100vh;background:var(--bg-page);overflow:hidden}.content-scroll{flex:1;padding:40px;overflow-y:auto}.page-header-panel{background:var(--bg-elevated);border-radius:8px;padding:24px;margin-bottom:24px;border-bottom:1px solid var(--border-dark);display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 1px 3px #0000000a}.page-header-panel-blue{border-left:4px solid var(--accent-blue)}.page-header-panel-red{border-left:4px solid var(--accent-red)}.page-header-panel-green{border-left:4px solid var(--accent-green)}.page-header-panel-yellow{border-left:4px solid var(--accent-yellow)}.page-header-panel-purple{border-left:4px solid #a855f7}.page-header-panel-pink{border-left:4px solid #ec4899}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge-connected{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge-disconnected{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-scan{padding:8px 16px;color:#fff;border:none;font-size:14px}.btn-scan-active{background:#3b82f6;cursor:pointer}.btn-scan-waiting{background:#eab308;cursor:pointer}.btn-scan-disabled{background:#374151;cursor:not-allowed;opacity:.5}.btn-remove-red{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer}.btn-remove-dark{padding:6px 12px;background:#7f1d1d;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer}.empty-dashed{border:2px dashed var(--border-medium)}.card-inner-bordered{background:var(--bg-card);border-radius:8px;padding:16px;border:1px solid var(--border-medium)}.alert-failed-scan{background:#dc26260f;border:1px solid var(--accent-red-light)}.btn-submit-ready{padding:16px;background:#10b981;color:#fff;border:none;font-size:18px;cursor:pointer}.btn-submit-disabled{padding:16px;background:#374151;color:#fff;border:none;font-size:18px;cursor:not-allowed;opacity:.5}.qr-success-heading{font-size:18px;font-weight:600;color:var(--accent-green);margin-bottom:16px}.qr-code-wrapper{background:#fff;padding:24px;border-radius:12px;display:inline-block}.qr-code-label{margin-top:12px;font-size:14px;color:var(--text-secondary);font-weight:600}.page-title{font-size:30px;font-weight:700;color:var(--text-primary);margin:0}.page-subtitle{color:var(--text-tertiary);margin:4px 0 0}.section-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.section-title-lg{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:24px}.section-title-md{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.section-title-sm{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.section-subtitle{font-size:14px;color:var(--text-tertiary);margin-top:4px}.card{background:var(--bg-elevated);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000000a}.card-bordered{background:var(--bg-elevated);border:1px solid var(--border-dark);border-radius:8px;padding:24px}.card-dark{background:var(--bg-elevated);border:1px solid var(--border-dark);border-radius:8px;padding:16px}.card-inner{background:var(--bg-card);border-radius:8px;padding:16px}.card-deep{background:var(--bg-deep);border-radius:8px;padding:16px}.bg-page{background:var(--bg-page)}.bg-elevated{background:var(--bg-elevated)}.bg-card{background:var(--bg-card)}.bg-deep{background:var(--bg-deep)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-end{display:flex;justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.col-span-full{grid-column:1 / -1}.col-span-2{grid-column:span 2}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.m-0{margin:0}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mr-8{margin-right:8px}.mr-12{margin-right:12px}.ml-8{margin-left:8px}.p-0{padding:0}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.p-32{padding:32px}.pt-16{padding-top:16px}.pt-24{padding-top:24px}.pb-8{padding-bottom:8px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.px-24{padding-left:24px;padding-right:24px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-white,.ant-typography.text-white,h1.text-white,h2.text-white,h3.text-white,h4.text-white{color:#fff!important}.ant-typography.text-primary,h1.text-primary,h2.text-primary,h3.text-primary,h4.text-primary,h5.text-primary{color:var(--text-primary)!important}.text-blue{color:var(--accent-blue-light)}.text-blue-accent{color:var(--accent-blue)}.text-blue-pale{color:var(--accent-blue-pale)}.text-green{color:var(--accent-green-light)}.text-green-pale{color:var(--accent-green-pale)}.text-yellow{color:var(--accent-yellow)}.text-red{color:var(--accent-red-light)}.text-red-pale{color:var(--accent-red-pale)}.text-orange{color:var(--accent-orange)}.text-purple{color:var(--accent-purple)}.text-purple-light{color:var(--accent-purple-light)}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-md{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:20px}.text-3xl{font-size:24px}.text-4xl{font-size:30px}.text-5xl{font-size:32px}.text-6xl{font-size:36px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.8}.leading-loose{line-height:2}.border-top{border-top:1px solid var(--border-dark)}.border-bottom{border-bottom:1px solid var(--border-dark)}.border-bottom-medium{border-bottom:1px solid var(--border-medium)}.border-top-medium{border-top:1px solid var(--border-medium)}.rounded-8{border-radius:8px}.rounded-6{border-radius:6px}.rounded-4{border-radius:4px}.rounded-full{border-radius:9999px}.w-full{width:100%}.w-auto{width:auto!important}.h-full{height:100%}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-label-sm{display:block;font-size:13px;color:var(--text-tertiary);margin-bottom:6px}.form-label-xs{display:block;font-size:12px;color:var(--text-tertiary);margin-bottom:6px}.form-hint{font-size:12px;color:var(--text-tertiary);display:block;margin-top:4px}.theme-input{width:100%;padding:8px 12px;height:36px;background:#fff;border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:14px;box-sizing:border-box}.theme-input:focus{outline:none;border-color:var(--accent-blue)}.theme-input::placeholder{color:var(--text-muted)}.theme-select{width:100%;padding:8px 12px;height:36px;background:#fff;border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:14px;box-sizing:border-box;cursor:pointer}.theme-textarea{width:100%;padding:8px 12px;background:#fff;border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:14px;resize:vertical;box-sizing:border-box}.dark-input{composes:theme-input}.dark-select{composes:theme-select}.dark-textarea{composes:theme-textarea}.stat-value{font-size:32px;font-weight:700;color:var(--text-primary);margin:0}.stat-value-blue{font-size:32px;font-weight:700;color:var(--accent-blue);margin:0}.stat-value-green{font-size:32px;font-weight:700;color:var(--accent-green);margin:0}.stat-value-yellow{font-size:32px;font-weight:700;color:var(--accent-yellow);margin:0}.stat-value-lg{font-size:36px;font-weight:700;color:var(--text-primary);margin:0}.stat-value-md{font-size:24px;font-weight:600;color:var(--text-secondary);margin:0}.stat-label{font-size:12px;color:var(--text-tertiary);margin-bottom:4px}.stat-footer{font-size:12px;color:var(--text-muted);margin:4px 0 0}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge-blue{background:#2563eb1a;color:var(--accent-blue)}.badge-green{background:#16a34a1a;color:var(--accent-green)}.badge-yellow{background:#d977061a;color:var(--accent-yellow)}.badge-red{background:#dc26261a;color:var(--accent-red)}.badge-orange{background:#ea580c1a;color:var(--accent-orange)}.badge-gray{background:#a39e9526;color:var(--text-tertiary)}.badge-purple{background:#a855f71a;color:#7c3aed}.badge-circle{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.badge-circle-blue{background:var(--accent-blue)}.badge-circle-green{background:var(--accent-green)}.badge-circle-red{background:var(--accent-red)}.btn-primary{background:var(--accent-blue);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-medium);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-deep)}.btn-danger{background:#dc262614;color:var(--accent-red);border:1px solid var(--accent-red);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc262626}.btn-success{background:var(--accent-green);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-success:hover:not(:disabled){background:#15803d}.btn-warning{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-warning:hover:not(:disabled){background:#d97706}.btn-danger-solid{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger-solid:hover:not(:disabled){background:#dc2626}.guide-button{position:fixed;bottom:24px;right:24px;z-index:999;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb4d;transition:all .3s}.guide-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #2563eb66}.guide-button .anticon{font-size:24px;color:#fff}.empty-state{padding:40px;text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:48px;margin-bottom:12px}.loading-state{text-align:center;padding:40px;color:var(--text-tertiary)}.theme-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;font-variant-numeric:tabular-nums}.theme-table thead{background:var(--bg-deep)}.theme-table th{padding:10px 12px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-medium);border-right:1px solid var(--border-dark)}.theme-table th:last-child{border-right:none}.theme-table th.text-center{text-align:center}.theme-table td{padding:10px 12px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-dark);border-right:1px solid var(--border-dark);background:#fff}.theme-table td:last-child{border-right:none}.theme-table tbody tr:last-child td{border-bottom:none}.theme-table td.text-tertiary{color:var(--text-tertiary)}.theme-table td.text-muted{color:var(--text-muted);font-size:11px}.theme-table tbody tr:hover td{background:#f5f3f0}.dark-table{composes:theme-table}.dark-table thead{background:var(--bg-deep)}.dark-table th{padding:10px 12px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-medium)}.dark-table th.text-center{text-align:center}.dark-table td{padding:10px 12px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-dark);background:#fff}.dark-table td.text-tertiary{color:var(--text-tertiary)}.dark-table td.text-muted{color:var(--text-muted);font-size:11px}.dark-table tbody tr:hover{background:#ddd}.alert-box{background:var(--bg-card);padding:20px;border-radius:8px;margin-bottom:20px}.alert-box-blue{background:#2563eb0f;border:1px solid rgba(37,99,235,.2);border-radius:8px;padding:16px}.alert-box-yellow{background:#d977060f;border:1px solid rgba(217,119,6,.2);border-radius:8px;padding:16px}.alert-box-green{background:#16a34a0f;border:1px solid rgba(22,163,74,.2);border-radius:8px;padding:16px}.alert-box-red{background:#dc26260f;border:1px solid rgba(220,38,38,.2);border-radius:8px;padding:16px}.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.filter-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.filter-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.theme-modal .ant-modal-content{background:var(--bg-elevated)!important;border:1px solid var(--border-dark)!important}.theme-modal .ant-modal-header{background:var(--bg-elevated)!important;border-bottom:1px solid var(--border-dark)!important}.theme-modal .ant-modal-title{color:var(--text-primary)!important}.theme-modal .ant-modal-close-icon{color:var(--text-tertiary)!important}.theme-modal .ant-modal-body{color:var(--text-primary)!important}.dark-modal .ant-modal-content{background:var(--bg-elevated)!important;border:1px solid var(--border-dark)!important}.dark-modal .ant-modal-header{background:var(--bg-elevated)!important;border-bottom:1px solid var(--border-dark)!important}.dark-modal .ant-modal-title{color:var(--text-primary)!important}.dark-modal .ant-modal-close-icon{color:var(--text-tertiary)!important}.dark-modal .ant-modal-body{color:var(--text-primary)!important}.doc-section{margin-bottom:32px}.doc-heading-blue{color:var(--accent-blue);font-size:16px;font-weight:700;margin-bottom:16px;border-bottom:2px solid var(--accent-blue);padding-bottom:8px}.doc-subheading{color:var(--accent-blue-pale);font-size:14px;font-weight:600;margin-bottom:8px}.doc-list{margin-left:20px;color:var(--text-secondary);font-size:13px;line-height:1.8}.doc-list-lg{margin-left:20px;color:var(--text-secondary);font-size:13px;line-height:2}.doc-code{background:var(--bg-deep);padding:2px 8px;border-radius:4px}.doc-tip-box{background:var(--bg-card);padding:16px;border-radius:8px;border:1px solid var(--border-dark)}.doc-tip-heading{color:var(--accent-yellow);font-size:14px;font-weight:600;margin-bottom:12px}.chart-container{display:flex;align-items:flex-end;justify-content:space-around;gap:16px;padding:0 24px 16px;height:256px}.chart-bar-item{display:flex;flex-direction:column;align-items:center;flex:1}.chart-bar-wrapper{position:relative;width:100%;display:flex;align-items:flex-end;justify-content:center;height:200px}.chart-label{font-size:16px;color:var(--text-secondary);font-weight:600}.chart-date{font-size:12px;color:var(--text-muted);margin-top:4px}.kpi-item{margin-bottom:16px}.kpi-label-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:8px}.kpi-bar-bg{height:8px;background:var(--bg-deep);border-radius:4px;overflow:hidden}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4f8,#d9e2ec,#e8edf2);padding:16px}.login-wrapper{width:100%;max-width:448px}.login-card{background-color:#fff;border:1px solid var(--border-dark);box-shadow:0 25px 50px -12px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-icon-wrapper{display:inline-block;padding:16px;background:#2563eb1a;border-radius:9999px;margin-bottom:12px}.login-title{font-size:30px;font-weight:700;color:var(--accent-blue);margin-bottom:8px}.login-subtitle{font-size:20px;color:var(--text-secondary);font-weight:500}.login-en{font-size:14px;color:var(--text-muted);margin-top:8px}.login-input,.login-input input,.login-input .ant-input,.login-input.ant-input-affix-wrapper,.login-input.ant-input-affix-wrapper>input{background-color:var(--bg-card)!important;border-color:var(--border-medium)!important;color:var(--text-primary)!important}.login-input:focus,.login-input input:focus,.login-input .ant-input:focus,.login-input.ant-input-affix-wrapper-focused,.login-input.ant-input-affix-wrapper:focus-within{background-color:var(--bg-card)!important;border-color:var(--accent-blue)!important;box-shadow:0 0 0 2px #2563eb26!important}.login-input .ant-input-suffix,.login-input .ant-input-password-icon{color:var(--text-tertiary)!important}.login-input .ant-input-password-icon:hover{color:var(--accent-blue)!important}.login-btn{background-color:var(--accent-blue);border-color:var(--accent-blue);font-weight:600;height:48px}.login-test-section{margin-top:24px;text-align:center;border-top:1px solid var(--border-dark);padding-top:16px}.login-test-title{font-size:14px;color:var(--text-tertiary);margin-bottom:12px;font-weight:500}.login-test-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-deep);border-radius:4px;padding:8px 12px;margin-bottom:8px}.login-test-label{color:var(--text-tertiary);font-size:12px}.login-test-value{color:var(--accent-blue);font-size:12px}.app-header{background:#fff;border-bottom:1px solid var(--border-dark);height:72px;line-height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000f}.app-logo-icon{padding:8px;background:#2563eb1a;border-radius:8px}.app-logo-svg{width:32px;height:32px;color:var(--accent-blue)}.app-logo-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0;line-height:1}.app-logo-subtitle{color:var(--accent-blue);font-size:12px;margin:4px 0 0;line-height:1}.app-menu{min-width:0;flex:auto;background:transparent;font-size:15px;font-weight:500;margin-left:48px;margin-right:48px;border:none}.app-user-dropdown{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-deep);border-radius:8px;cursor:pointer;transition:all .3s}.app-user-dropdown:hover{background:var(--border-dark)}.app-header-tag-editor{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:14px;font-weight:500;color:var(--accent-blue);background:#2563eb14;text-decoration:none;transition:all .2s;white-space:nowrap;margin-right:12px}.app-header-tag-editor:hover{background:#2563eb26;color:var(--accent-blue-pale)}.app-user-name{color:var(--text-primary);font-size:14px;font-weight:500}.app-user-role{color:var(--text-tertiary);font-size:12px}.app-content{padding:20px 50px;background:var(--bg-page)}.app-footer{background:var(--bg-elevated);border-top:1px solid var(--border-dark);padding:16px 32px;text-align:center}.app-footer-text{color:var(--text-tertiary);font-size:13px}.app-footer-link{color:var(--accent-blue);font-size:13px;text-decoration:none;display:flex;align-items:center;gap:6px;transition:all .3s}.app-footer-link:hover{color:var(--accent-blue-pale)}.app-loading{min-height:100vh;background:var(--bg-page);display:flex;align-items:center;justify-content:center}.app-loading-dashboard{padding:24px;background:var(--bg-page);min-height:100vh;display:flex;align-items:center;justify-content:center}.app-loading-text{color:var(--text-tertiary)}.app-dropdown-menu{background:var(--bg-elevated);border:1px solid var(--border-dark)}.custom-menu .ant-menu-item{color:var(--text-tertiary)!important;background:transparent!important;border-radius:6px!important;margin:16px 6px!important;padding:6px 16px!important;height:auto!important;line-height:1.5!important;transition:all .3s ease!important}.custom-menu .ant-menu-item:hover{color:var(--text-primary)!important;background:var(--bg-deep)!important}.custom-menu .ant-menu-item:hover a{color:var(--text-primary)!important}.custom-menu .ant-menu-item-selected{color:var(--accent-blue)!important;background:#2563eb14!important;border-bottom:2px solid var(--accent-blue)!important}.custom-menu .ant-menu-item-selected:after{border-bottom:none!important}.custom-menu .ant-menu-item-selected a{color:var(--accent-blue)!important}.custom-menu .ant-menu-item a{color:inherit!important;text-decoration:none!important}.custom-menu .ant-menu-item-selected,.custom-menu .ant-menu-item-active{background-color:#2563eb14!important}.custom-dark-menu .ant-menu-item{color:var(--text-tertiary)!important;background:transparent!important;border-radius:6px!important;margin:16px 6px!important;padding:6px 16px!important;height:auto!important;line-height:1.5!important;transition:all .3s ease!important}.custom-dark-menu .ant-menu-item:hover{color:var(--text-primary)!important;background:var(--bg-deep)!important}.custom-dark-menu .ant-menu-item:hover a{color:var(--text-primary)!important}.custom-dark-menu .ant-menu-item-selected{color:var(--accent-blue)!important;background:#2563eb14!important;border-bottom:2px solid var(--accent-blue)!important}.custom-dark-menu .ant-menu-item-selected:after{border-bottom:none!important}.custom-dark-menu .ant-menu-item-selected a{color:var(--accent-blue)!important}.custom-dark-menu .ant-menu-item a{color:inherit!important;text-decoration:none!important}.custom-dark-menu .ant-menu-item-selected,.custom-dark-menu .ant-menu-item-active{background-color:#2563eb14!important}.ant-menu-horizontal>.ant-menu-item{color:var(--text-tertiary);transition:all .2s ease}.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-item:hover:after,.ant-menu-horizontal>.ant-menu-item-active:after,.ant-menu-horizontal>.ant-menu-item-selected:after,.ant-menu-horizontal>.ant-menu-item-open:after{display:none!important;border-bottom:none!important;content:none!important;transition:none!important}.ant-menu-horizontal>.ant-menu-item:hover{background-color:#2563eb14!important;color:var(--accent-blue)!important;border-radius:6px}.ant-menu-horizontal>.ant-menu-item-selected{background-color:#2563eb14!important;color:var(--accent-blue)!important;border-radius:6px}.ant-menu-horizontal>.ant-menu-item-selected:after{border-bottom:none!important}.logout-button{color:var(--text-tertiary)!important}.logout-button:hover{color:var(--accent-red)!important;background-color:#dc262614!important;border-color:var(--accent-red)!important}.logout-button:hover .anticon{color:var(--accent-red)!important}.logout-button .anticon{color:var(--text-tertiary)!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-page);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:6px;border:2px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--bg-page)}.ant-table{background:#fff!important;color:var(--text-primary)!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--border-dark)!important;font-family:inherit!important;font-variant-numeric:tabular-nums!important}.ant-table-container{border-radius:8px!important}.ant-table-thead>tr>th{background:var(--bg-deep)!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-medium)!important;border-right:1px solid var(--border-dark)!important;font-weight:600!important;font-size:13px!important;padding:10px 12px!important;position:sticky!important;top:0!important;z-index:1!important}.ant-table-thead>tr>th:last-child{border-right:none!important}.ant-table-tbody>tr{background:#fff!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border-dark)!important;border-right:1px solid var(--border-dark)!important;color:var(--text-primary)!important;font-size:13px!important;padding:10px 12px!important;transition:none!important;background:inherit!important}.ant-table-tbody>tr>td:last-child{border-right:none!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-table-tbody>tr>td.ant-table-column-sort{background:inherit!important}.ant-table-tbody>tr:hover,.ant-table-tbody>tr:hover>td,.ant-table-tbody>tr>td.ant-table-cell-row-hover{background:#f5f3f0!important}.ant-table-placeholder{background:#fff!important}.ant-table-placeholder:hover,.ant-table-placeholder:hover>td,.ant-table-placeholder>td.ant-table-cell-row-hover{background:#fff!important}.ant-table-placeholder>td{border-bottom:none!important}.ant-table-cell-fix-left,.ant-table-cell-fix-right{background:#fff!important}.ant-table-tbody>tr:hover>.ant-table-cell-fix-left,.ant-table-tbody>tr:hover>.ant-table-cell-fix-right{background:#f5f3f0!important}.ant-table-column-sorter{color:var(--text-tertiary)!important}.ant-table-column-sorter-up,.ant-table-column-sorter-down{color:var(--text-muted)!important}.ant-table-column-sorter-up.active,.ant-table-column-sorter-down.active{color:var(--accent-blue)!important}.ant-pagination{color:var(--text-primary)!important}.ant-pagination-item{background:var(--bg-elevated)!important;border-color:var(--border-medium)!important}.ant-pagination-item a{color:var(--text-secondary)!important}.ant-pagination-item:hover{background:var(--bg-deep)!important}.ant-pagination-item:hover a{color:var(--text-primary)!important}.ant-pagination-item-active{background:var(--accent-blue)!important;border-color:var(--accent-blue)!important}.ant-pagination-item-active a{color:#fff!important}.ant-pagination-prev,.ant-pagination-next{background:var(--bg-elevated)!important;border-color:var(--border-medium)!important}.ant-pagination-prev button,.ant-pagination-next button{color:var(--text-tertiary)!important}.ant-pagination-prev:hover,.ant-pagination-next:hover{background:var(--bg-deep)!important}.ant-pagination-prev:hover button,.ant-pagination-next:hover button{color:var(--text-primary)!important}.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link{color:var(--text-tertiary)!important}.ant-pagination-prev:hover .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link{color:var(--text-primary)!important}.ant-pagination-disabled .ant-pagination-item-link{color:var(--text-muted)!important}.ant-pagination-total-text,.ant-pagination-options{color:var(--text-primary)!important}.ant-select-selector,div.ant-select-selector,.ant-pagination .ant-select-selector,.ant-pagination-options .ant-select-selector,.ant-pagination-options-size-changer .ant-select-selector,.ant-select-single .ant-select-selector{background:#fff!important;background-color:#fff!important;border-color:var(--border-medium)!important;color:var(--text-primary)!important;height:36px!important}.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:34px!important;padding-inline-end:18px!important}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px!important}.ant-select-arrow{color:var(--text-tertiary)!important}.ant-select-dropdown,div.ant-select-dropdown,div[class*=ant-select-dropdown]{background:#fff!important;background-color:#fff!important}.ant-select-item,div.ant-select-item,.ant-select-item-option{background:#fff!important;background-color:#fff!important;color:var(--text-primary)!important}.ant-select-item-option-active,.ant-select-item:hover{background:#f5f3f0!important;background-color:#f5f3f0!important}.ant-select-item-option-selected{background:#2563eb1a!important;background-color:#2563eb1a!important;color:var(--accent-blue)!important}.ant-select-selection-item,span.ant-select-selection-item{color:var(--text-primary)!important;line-height:34px!important}.ant-select-selection-placeholder,span.ant-select-selection-placeholder{color:var(--text-muted)!important;line-height:34px!important}.rc-virtual-list,.rc-virtual-list-holder,.rc-virtual-list-holder-inner{background:#fff!important;background-color:#fff!important}.ant-checkbox-wrapper{color:var(--text-primary)!important}.ant-checkbox-inner{background-color:var(--bg-elevated)!important;border-color:var(--border-medium)!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--accent-blue)!important;border-color:var(--accent-blue)!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff!important}.ant-checkbox-disabled .ant-checkbox-inner{background-color:var(--bg-deep)!important;border-color:var(--border-dark)!important}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after{border-color:var(--text-muted)!important}.ant-tabs,.ant-tabs-top,.theme-tabs,.dark-tabs{background:transparent!important;background-color:transparent!important}.ant-tabs-tab{color:var(--text-tertiary)!important;background:transparent!important;font-size:16px!important;font-weight:500!important}.ant-tabs-tab:hover{color:var(--text-primary)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--accent-blue)!important;font-weight:600!important}.ant-tabs-ink-bar{background:var(--accent-blue)!important}.ant-tabs-nav:before{border-bottom:1px solid var(--border-medium)!important}.ant-progress-text{color:var(--text-primary)!important}.ant-progress-bg{background:var(--accent-blue)!important}.ant-progress-inner{background:var(--bg-deep)!important}.ant-picker-input>input{color:var(--text-primary)!important}.ant-picker-input>input::placeholder{color:var(--text-muted)!important}.ant-picker-suffix,.ant-picker-suffix svg,.ant-picker-suffix .anticon,.ant-picker-suffix .anticon svg,span.ant-picker-suffix,span.ant-picker-suffix svg,.ant-picker-separator,.ant-picker-separator svg,.ant-picker-separator .anticon,.ant-picker-separator .anticon svg{color:var(--text-muted)!important;fill:currentColor!important}.ant-picker,.ant-picker-range{background:#fff!important;height:36px!important}.ant-picker:hover{border-color:var(--border-medium)!important}.ant-picker-focused{border-color:var(--accent-blue)!important}.ant-picker-clear{background:#fff!important;color:var(--text-muted)!important}.ant-picker-clear:hover{color:var(--text-primary)!important}.ant-picker-dropdown,.ant-picker-panel-container{background:#fff!important}.ant-picker-panel{background:#fff!important;border-color:var(--border-dark)!important}.ant-picker-header{color:var(--text-primary)!important;border-bottom:1px solid var(--border-dark)!important}.ant-picker-header button{color:var(--text-secondary)!important}.ant-picker-header button:hover{color:var(--text-primary)!important}.ant-picker-content th{color:var(--text-muted)!important}.ant-picker-cell{color:var(--text-secondary)!important}.ant-picker-cell:hover .ant-picker-cell-inner{background:#f5f3f0!important;color:var(--text-primary)!important}.ant-picker-cell-in-view{color:var(--text-primary)!important}.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--accent-blue)!important;color:#fff!important}.ant-picker-cell-today .ant-picker-cell-inner{border-color:var(--accent-blue)!important}.ant-picker-presets{background:var(--bg-card)!important;border-right:1px solid var(--border-dark)!important}.ant-picker-presets ul li{color:var(--text-secondary)!important}.ant-picker-presets ul li:hover{background:#f5f3f0!important;color:var(--text-primary)!important}input[type=date]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-input-number-group-wrapper .ant-input-number{border-color:var(--border-medium)!important;color:var(--text-primary)!important;background:#fff!important}.ant-input:not(.ant-input-affix-wrapper .ant-input){height:36px!important}.ant-input-affix-wrapper,.ant-input-number{height:36px!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-input-number:hover{border-color:var(--accent-blue-light)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-input-number-focused{border-color:var(--accent-blue)!important}.ant-select-selector,div.ant-select-selector,.ant-select-single .ant-select-selector{border-color:var(--border-medium)!important}.ant-select:hover .ant-select-selector{border-color:var(--accent-blue-light)!important}.ant-select-focused .ant-select-selector{border-color:var(--accent-blue)!important}.ant-picker,.ant-picker-range{border-color:var(--border-medium)!important;background:#fff!important;height:36px!important}.ant-input::placeholder,.ant-input-password input::placeholder{color:var(--text-muted)!important}.ant-input,.ant-input-password input{color:var(--text-primary)!important}.ant-modal-footer{padding:20px 24px!important}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}code,pre,.code-block{font-family:Monaco,Consolas,Courier New,monospace!important}.ant-drawer .ant-drawer-header{background:var(--bg-elevated)!important;border-bottom:1px solid var(--border-dark)!important}.ant-drawer .ant-drawer-body{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.ant-drawer .ant-drawer-title{color:var(--text-primary)!important}.ant-drawer .ant-drawer-close{color:var(--text-tertiary)!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-panel{background:var(--bg-elevated);border-radius:8px;padding:24px;box-shadow:0 25px 50px -12px #00000026}.modal-content{background:var(--bg-elevated);border-radius:12px;width:100%;max-height:80vh;overflow:auto;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-dark)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-dark)}.modal-close-btn{width:32px;height:32px;background:var(--bg-card);color:var(--text-secondary);border:none;border-radius:6px;font-size:20px;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:var(--bg-deep)}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.scanner-card{background:#fff;padding:20px;cursor:pointer}.warning-banner{padding:15px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px}.warning-text{color:#92400e}.warning-hint{margin-top:6px;padding:8px;background:#fef3c7;border-radius:4px;font-size:12px;color:#92400e}.page-header-panel-indigo{border-left:4px solid #6366f1}.console-station-card{background:var(--bg-elevated);border-color:var(--border-dark);border-width:1px}.console-station-card-active{background:var(--bg-elevated);border-color:var(--accent-green-light);border-width:2px}.text-green-accent{color:var(--accent-green)}.console-divider.ant-divider{border-color:var(--border-dark)!important}.btn-receive-tag{background:var(--bg-card)!important;border-color:var(--border-medium)!important;color:var(--accent-blue-light)!important}.btn-submit-tag{background:var(--bg-card)!important;border-color:var(--border-medium)!important;color:var(--accent-green-light)!important}.console-tag-item{background:var(--bg-card);border:1px solid var(--border-medium)}.console-info-tip{background:#2563eb0f;border:1px solid rgba(37,99,235,.2)}.page-title-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;margin-bottom:20px;border-radius:8px;background:var(--bg-elevated);border-left:4px solid var(--accent-blue)}.page-title-bar h1{font-size:20px;font-weight:700;margin:0;color:var(--text-primary)}.page-title-bar-blue{border-left-color:var(--accent-blue)}.page-title-bar-yellow{border-left-color:var(--accent-yellow)}.page-title-bar-green{border-left-color:var(--accent-green)}.page-title-bar-pink{border-left-color:#ec4899}.page-title-bar-purple{border-left-color:#a855f7}.page-title-bar-indigo{border-left-color:#6366f1}.page-title-bar-teal{border-left-color:#14b8a6}