:root{--bg-primary: #f5f6fa;--bg-secondary: #ffffff;--bg-tertiary: #f0f1f5;--bg-card: #ffffff;--bg-card-hover: #f8f9fc;--bg-elevated: #f5f6fa;--bg-input: #ffffff;--bg-overlay: rgba(15, 23, 42, .4);--accent-primary: #0d9488;--accent-primary-dim: rgba(13, 148, 136, .08);--accent-primary-glow: rgba(13, 148, 136, .15);--accent-gold: #a16207;--accent-gold-dim: rgba(161, 98, 7, .08);--accent-secondary: #a16207;--accent-secondary-dim: rgba(161, 98, 7, .08);--accent-success: #059669;--accent-success-dim: rgba(5, 150, 105, .08);--accent-warning: #d97706;--accent-warning-dim: rgba(217, 119, 6, .08);--accent-danger: #dc2626;--accent-danger-dim: rgba(220, 38, 38, .08);--accent-info: #0d9488;--accent-info-dim: rgba(13, 148, 136, .08);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-primary: rgba(161, 98, 7, .55);--border-secondary: rgba(161, 98, 7, .35);--border-accent: #0d9488;--border-focus: #0d9488;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-glow: none;--shadow-glow-strong: none;--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" -25,"opsz" 48;-webkit-user-select:none;user-select:none;flex-shrink:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-gold{color:var(--accent-gold)}.icon-teal{color:var(--accent-primary)}.icon-muted{color:var(--text-muted)}.stat-icon{border:1.5px solid var(--accent-gold)!important}.card-title .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" -25,"opsz" 48}.nav-item .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" -25,"opsz" 48;color:var(--text-secondary);transition:color var(--transition-fast)}.nav-item.active .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48;color:var(--accent-primary)}.nav-item:hover .material-symbols-outlined{color:var(--accent-gold)}.sidebar-logo .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48}.alert-bell .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" -25,"opsz" 48}.btn .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 250,"GRAD" 0,"opsz" 48}.btn-primary .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}.brain-chip .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" -25,"opsz" 48}.brain-chip.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 200,"GRAD" -25,"opsz" 48}.discipline-card-icon .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 150,"GRAD" -25,"opsz" 48}.discipline-card.active .discipline-card-icon .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 200,"GRAD" 0,"opsz" 48}.kb-article-icon .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" -25,"opsz" 48}.critical-alert-icon .material-symbols-outlined,.escalation-banner-icon .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--border-primary);z-index:300;padding:4px 0 env(safe-area-inset-bottom,0);box-shadow:none}.mobile-nav-inner{display:flex;align-items:center;justify-content:space-around;height:100%;max-width:480px;margin:0 auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600;color:var(--text-muted);text-decoration:none;padding:4px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:none;border:none;cursor:pointer;font-family:var(--font-family)}.mobile-nav-item .material-symbols-outlined{font-size:22px;font-variation-settings:"FILL" 0,"wght" 200,"GRAD" -25,"opsz" 48}.mobile-nav-item.active{color:var(--accent-primary)}.mobile-nav-item.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 200,"GRAD" 0,"opsz" 48}@media(max-width:1024px){.mobile-nav{display:block}.main-content{padding-bottom:64px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow:hidden}#root{display:flex;height:100vh;width:100vw;overflow:hidden}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-layout{display:flex;width:100%;height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--transition-normal);z-index:100;position:relative;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center}.sidebar-logo-img-wrap{width:100%;display:flex;align-items:center;justify-content:center}.sidebar-logo-img{width:200px;height:auto;border-radius:0;border:none;box-shadow:none;object-fit:contain}.sidebar-nav{flex:1;overflow-y:auto;padding:12px}.nav-section-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding:16px 12px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:500;margin-bottom:2px;position:relative;text-decoration:none}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary);text-decoration:none}.nav-item.active{background:var(--accent-primary-dim);color:var(--accent-primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent-primary);border-radius:0 4px 4px 0}.nav-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.nav-item-badge{margin-left:auto;background:var(--accent-danger);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;min-width:20px;text-align:center}.nav-item-badge.warning{background:var(--accent-warning);color:var(--text-inverse)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border-primary)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-header{padding:20px 28px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--header-height);flex-shrink:0}.page-header-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.page-body{flex:1;overflow-y:auto;padding:24px 28px}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-top:2px solid rgba(161,98,7,.6);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-fast)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(161,98,7,.45)}.card-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.card-title .icon-gold{color:var(--accent-gold);opacity:.85}.card-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--stat-color, var(--accent-primary)),transparent);opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:hover:after{opacity:1}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border:1.5px solid rgba(161,98,7,.6)}.stat-info{flex:1;min-width:0}.stat-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1}.stat-change{font-size:11px;margin-top:6px;display:flex;align-items:center;gap:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#0099cc);color:var(--text-inverse);box-shadow:0 2px 8px #00d4ff4d}.btn-primary:hover{box-shadow:0 4px 16px #00d4ff66;transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-danger{background:var(--accent-danger-dim);color:var(--accent-danger);border-color:#ef44444d}.btn-danger:hover{background:var(--accent-danger);color:#fff}.btn-success{background:var(--accent-success-dim);color:var(--accent-success);border-color:#10b9814d}.btn-success:hover{background:var(--accent-success);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn-icon{padding:8px;width:36px;height:36px;justify-content:center}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.3px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:var(--font-family);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-dim)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-textarea{min-height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-secondary);color:var(--text-secondary);vertical-align:middle}.data-table tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;gap:4px;white-space:nowrap}.badge-critical{background:var(--accent-danger-dim);color:var(--accent-danger)}.badge-high{background:var(--accent-warning-dim);color:var(--accent-warning)}.badge-medium{background:var(--accent-info-dim);color:var(--accent-info)}.badge-low{background:var(--accent-success-dim);color:var(--accent-success)}.badge-open{background:var(--accent-danger-dim);color:var(--accent-danger)}.badge-in-progress{background:var(--accent-warning-dim);color:var(--accent-warning)}.badge-scheduled{background:var(--accent-info-dim);color:var(--accent-info)}.badge-parts-ordered{background:var(--accent-secondary-dim);color:var(--accent-secondary)}.badge-closed,.badge-available{background:var(--accent-success-dim);color:var(--accent-success)}.badge-on-job{background:var(--accent-warning-dim);color:var(--accent-warning)}.badge-off-duty{background:#64748b33;color:var(--text-muted)}.badge-paid{background:var(--accent-success-dim);color:var(--accent-success)}.badge-sent{background:var(--accent-info-dim);color:var(--accent-info)}.badge-draft{background:#64748b33;color:var(--text-muted)}.badge-overdue{background:var(--accent-danger-dim);color:var(--accent-danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:90%;max-width:640px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary)}.modal-header h3{font-size:18px;font-weight:700}.modal-body{padding:24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-bar{position:relative;max-width:320px}.search-bar input{width:100%;padding:9px 14px 9px 38px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:var(--font-family)}.search-bar input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-dim)}.search-bar-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-primary);margin-bottom:20px}.tab{padding:10px 18px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-family)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}.filters-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-chip{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--border-accent);color:var(--text-primary)}.filter-chip.active{background:var(--accent-primary-dim);color:var(--accent-primary);border-color:var(--accent-primary)}.priority-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.priority-dot.critical{background:var(--accent-danger);box-shadow:0 0 6px var(--accent-danger);animation:pulse 2s infinite}.priority-dot.high{background:var(--accent-warning)}.priority-dot.medium{background:var(--accent-info)}.priority-dot.low{background:var(--accent-success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-state h3{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-secondary)}.empty-state p{font-size:13px;color:var(--text-muted);max-width:400px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.detail-section{margin-bottom:24px}.detail-section-title{font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-secondary)}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px}.detail-row-label{color:var(--text-muted);font-weight:500}.detail-row-value{color:var(--text-primary);font-weight:600}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border-primary)}.timeline-item{position:relative;padding-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-secondary)}.timeline-item-time{font-size:11px;color:var(--text-muted);margin-bottom:4px}.timeline-item-text{font-size:13px;color:var(--text-secondary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary)}.calendar-header-cell{padding:10px;text-align:center;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-secondary)}.calendar-cell{min-height:100px;padding:8px;background:var(--bg-card);transition:background var(--transition-fast)}.calendar-cell:hover{background:var(--bg-card-hover)}.calendar-cell.other-month{opacity:.3}.calendar-cell.today{background:var(--accent-primary-dim)}.calendar-day-number{font-size:12px;font-weight:600;margin-bottom:6px;color:var(--text-secondary)}.calendar-cell.today .calendar-day-number{color:var(--accent-primary);font-weight:700}.calendar-event{padding:3px 6px;border-radius:4px;font-size:10px;font-weight:500;margin-bottom:3px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform var(--transition-fast)}.calendar-event:hover{transform:scale(1.02)}.calendar-event.critical{background:var(--accent-danger-dim);color:var(--accent-danger);border-left:2px solid var(--accent-danger)}.calendar-event.high{background:var(--accent-warning-dim);color:var(--accent-warning);border-left:2px solid var(--accent-warning)}.calendar-event.medium{background:var(--accent-info-dim);color:var(--accent-info);border-left:2px solid var(--accent-info)}.calendar-event.low{background:var(--accent-success-dim);color:var(--accent-success);border-left:2px solid var(--accent-success)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:14px 20px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease,fadeOut .3s ease forwards;animation-delay:0s,2.7s;min-width:280px}.toast.success{border-color:var(--accent-success)}.toast.error{border-color:var(--accent-danger)}.toast.warning{border-color:var(--accent-warning)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.dispatch-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.dispatch-column{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.dispatch-column-header{padding:14px 18px;background:var(--bg-card);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.dispatch-column-title{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.dispatch-column-count{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);padding:2px 8px;border-radius:10px}.dispatch-column-body{padding:12px;display:flex;flex-direction:column;gap:10px;min-height:200px}.dispatch-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:14px;cursor:pointer;transition:all var(--transition-fast)}.dispatch-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dispatch-card-title{font-size:13px;font-weight:600;margin-bottom:8px}.dispatch-card-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-muted);margin-bottom:8px}.dispatch-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-secondary)}@media(max-width:1024px){.sidebar{position:fixed;left:-280px;z-index:200}.sidebar.open{left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.form-row{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.page-body,.page-header{padding:16px}.dispatch-board{grid-template-columns:1fr}.calendar-cell{min-height:60px}}@media print{.sidebar,.page-header,.nav-item,.btn{display:none!important}.main-content{margin:0}.page-body{padding:0}body{background:#fff;color:#000}.card{border:1px solid var(--border-primary);box-shadow:none}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text-muted)}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-warning{color:var(--accent-warning)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.cursor-pointer{cursor:pointer}.sidebar{background:#fff;border-right:1px solid var(--border-primary);box-shadow:1px 0 3px #0000000a}.sidebar-logo{background:var(--accent-primary);box-shadow:none}.sidebar-brand h1{background:none;-webkit-text-fill-color:var(--text-primary);color:var(--text-primary)}.nav-item.active{background:var(--accent-primary-dim);color:var(--accent-primary);border:none;box-shadow:none}.nav-item.active:before{background:var(--accent-primary)}.page-header{background:#fff;border-bottom:1px solid var(--border-primary);box-shadow:0 1px 2px #00000008}.page-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.card{background:#fff;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md);transform:none}.stat-card{background:#fff;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.stat-card:before{display:none}.stat-card:after{display:none}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-value{font-size:26px;font-weight:800;background:none;-webkit-text-fill-color:var(--text-primary);color:var(--text-primary)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:none;text-shadow:none}.btn-primary:hover{background:#0f766e;box-shadow:none;transform:translateY(-1px)}.btn-success:hover{background:var(--accent-success);color:#fff;transform:none;box-shadow:none}.data-table th{background:var(--bg-elevated)}.data-table tr:hover td{background:var(--bg-card-hover)}.signature-pad-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-primary)}.signature-pad-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.signature-pad-icon{font-size:36px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary-dim);border-radius:var(--radius-md)}.signature-canvas-wrapper{border:2px dashed var(--border-primary);border-radius:var(--radius-md);padding:4px;margin-bottom:16px;background:var(--bg-input);transition:border-color var(--transition-normal)}.signature-canvas-wrapper:hover{border-color:var(--accent-primary)}.signature-canvas{width:100%;height:200px;cursor:crosshair;border-radius:var(--radius-sm);touch-action:none}.signature-pad-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.signature-legal-text{font-size:11px;color:var(--text-muted);line-height:1.6;padding:12px 16px;background:var(--bg-elevated);border-radius:var(--radius-sm);border-left:3px solid rgba(0,212,255,.3)}.close-ticket-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.summary-section{background:var(--bg-elevated);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border-secondary)}.summary-section-title{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent-primary);margin-bottom:12px}.close-ticket-info{background:var(--accent-primary-dim);border:1px solid rgba(0,212,255,.15);border-radius:var(--radius-md);padding:16px;margin-top:16px}.close-ticket-info-title{font-size:13px;font-weight:700;margin-bottom:10px;color:var(--accent-primary)}.close-ticket-info ul{list-style:none;padding:0}.close-ticket-info li{font-size:12px;color:var(--text-secondary);padding:4px 0 4px 20px;position:relative}.close-ticket-info li:before{content:"→";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.sending-animation{position:relative;width:80px;height:80px;margin:0 auto}.sending-icon{font-size:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;animation:sendBounce 1s ease-in-out infinite}.sending-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent-primary-dim);animation:sendPulse 1.5s ease-in-out infinite}@keyframes sendBounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-60%) scale(1.1)}}@keyframes sendPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.sending-steps{text-align:left;max-width:300px;margin:24px auto 0;display:flex;flex-direction:column;gap:8px}.sending-step{font-size:12px;padding:8px 12px;border-radius:var(--radius-sm);transition:all .5s ease}.sending-step.done{color:var(--accent-success);background:var(--accent-success-dim)}.sending-step.active{color:var(--accent-primary);background:var(--accent-primary-dim);animation:pulseGlow 1.5s ease-in-out infinite}.sending-step.pending{color:var(--text-muted);background:var(--bg-elevated);opacity:.5}@keyframes pulseGlow{0%,to{box-shadow:0 0 #00d4ff00}50%{box-shadow:0 0 12px 2px #00d4ff26}}.success-checkmark{width:80px;height:80px;margin:0 auto;background:linear-gradient(135deg,var(--accent-success-dim),rgba(16,185,129,.2));border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}.success-icon{font-size:40px}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.alert-bell{position:fixed;top:18px;right:24px;z-index:500;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.alert-bell:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:scale(1.05)}.alert-bell-icon{font-size:20px}.alert-bell-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--accent-warning);color:var(--text-inverse);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px #0006}.alert-bell-badge.critical{background:var(--accent-danger);animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 6px #ef444400}}.alert-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:600;animation:fadeIn .2s ease}.alert-panel{position:fixed;top:0;right:0;width:420px;max-width:90vw;height:100vh;background:#fff;border-left:1px solid var(--border-primary);z-index:700;display:flex;flex-direction:column;animation:slideInRight .3s ease;box-shadow:-4px 0 16px #00000014}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.alert-panel-header{padding:20px 24px;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ef44440d,#f59e0b0d)}.alert-panel-header h3{font-size:18px;font-weight:800}.alert-panel-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.alert-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:14px;transition:all var(--transition-fast)}.alert-card:hover{border-color:var(--border-accent)}.alert-card.alert-critical{border-left:3px solid var(--accent-danger);background:linear-gradient(135deg,rgba(239,68,68,.06),var(--bg-card))}.alert-card.alert-warning{border-left:3px solid var(--accent-warning);background:linear-gradient(135deg,rgba(245,158,11,.04),var(--bg-card))}.alert-card.alert-info{border-left:3px solid var(--accent-info);background:linear-gradient(135deg,rgba(59,130,246,.04),var(--bg-card))}.alert-card-header{display:flex;gap:12px;align-items:flex-start}.alert-card-icon{font-size:24px;flex-shrink:0;margin-top:2px}.alert-card-info{flex:1;min-width:0}.alert-card-title{font-size:12px;font-weight:800;letter-spacing:.3px;margin-bottom:4px}.alert-card.alert-critical .alert-card-title{color:var(--accent-danger)}.alert-card.alert-warning .alert-card-title{color:var(--accent-warning)}.alert-card.alert-info .alert-card-title{color:var(--accent-info)}.alert-card-message{font-size:12px;color:var(--text-secondary);line-height:1.5}.alert-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-secondary)}.alert-card-time{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.critical-alert-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:500;background:linear-gradient(135deg,#ef4444e6,#dc2626f2);color:#fff;padding:12px 24px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;box-shadow:0 8px 32px #ef444459,0 4px 16px #0006;cursor:pointer;animation:slideUpBanner .5s ease;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.critical-alert-banner:hover{box-shadow:0 12px 40px #ef444473,0 4px 16px #00000080;transform:translate(-50%) translateY(-2px)}@keyframes slideUpBanner{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.critical-alert-pulse{width:10px;height:10px;border-radius:50%;background:#fff;animation:criticalPulse 1s ease-in-out infinite}@keyframes criticalPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.critical-alert-icon{font-size:18px}.escalation-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:24px;background:linear-gradient(135deg,#ef44441f,#ef44440f);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);font-size:14px;animation:slideDown .4s ease;box-shadow:0 4px 16px #ef44441a}.escalation-banner-pulse{width:12px;height:12px;border-radius:50%;background:var(--accent-danger);animation:criticalPulse 1.5s ease-in-out infinite;flex-shrink:0;box-shadow:0 0 12px var(--accent-danger)}.escalation-banner-icon{font-size:24px;flex-shrink:0}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.badge{font-weight:700;letter-spacing:.2px;box-shadow:0 1px 3px #0003}.badge-critical{box-shadow:0 0 8px #ef444440}.badge-on-hold{background:#f59e0b26;color:var(--accent-warning)}::selection{background:#00d4ff4d;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff33,#7c3aed33);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d4ff66,#7c3aed66)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#00d4ff80;box-shadow:0 0 0 3px #00d4ff14,0 0 16px #00d4ff0f}.modal{background:#fff;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.modal-header{background:var(--bg-elevated)}.dispatch-column,.dispatch-card{background:#fff;box-shadow:var(--shadow-sm)}.dispatch-card:hover{box-shadow:var(--shadow-md)}.calendar-cell{transition:all var(--transition-fast)}.calendar-cell:hover{background:var(--accent-primary-dim)}.calendar-cell.today{background:var(--accent-primary-dim);box-shadow:none}.calendar-cell.today .calendar-day-number{background:var(--accent-primary);color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px}.calendar-event{font-weight:600;box-shadow:var(--shadow-sm)}.toast{background:#fff;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none}.toast.success{border-color:var(--accent-success);box-shadow:var(--shadow-md)}@media(max-width:768px){.alert-panel{width:100vw}.alert-bell{top:12px;right:16px;width:40px;height:40px}.critical-alert-banner{left:16px;right:16px;transform:none;white-space:normal}.critical-alert-banner:hover{transform:translateY(-2px)}@keyframes slideUpBanner{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.close-ticket-summary{grid-template-columns:1fr}.signature-canvas{height:160px}}.brain-selector{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);overflow-x:auto}.brain-chip{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;min-width:200px;font-family:var(--font-family);color:var(--text-secondary)}.brain-chip:hover{border-color:var(--brain-color, var(--accent-primary));transform:translateY(-1px)}.brain-chip.active{border-color:var(--brain-color, var(--accent-primary));background:linear-gradient(135deg,color-mix(in srgb,var(--brain-color) 12%,transparent),var(--bg-card));box-shadow:0 0 16px color-mix(in srgb,var(--brain-color) 15%,transparent)}.brain-chip-icon{font-size:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(161,98,7,.6);border-radius:var(--radius-sm);flex-shrink:0;color:var(--brain-color, var(--text-secondary))}.brain-chip-name{font-size:13px;font-weight:700;color:var(--text-primary)}.brain-chip-desc{font-size:10px;color:var(--text-muted);margin-top:2px}.ai-chat-area{flex:1;overflow-y:auto;padding:24px}.ai-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;min-height:400px}.ai-welcome-icon{font-size:64px;margin-bottom:16px}.ai-welcome h2{font-size:24px;font-weight:800;margin-bottom:8px}.ai-welcome p{font-size:14px;color:var(--text-muted);max-width:500px}.ai-welcome-subtitle{font-size:11px;color:var(--text-muted);margin-top:8px;padding:4px 12px;background:var(--bg-elevated);border-radius:20px;font-weight:600;letter-spacing:.5px}.ai-suggestions{margin-top:32px;width:100%;max-width:700px}.ai-suggestions-title{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.ai-suggestion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.ai-suggestion-chip{padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;text-align:left;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);line-height:1.4}.ai-suggestion-chip:hover{border-color:var(--accent-primary);color:var(--text-primary);background:var(--accent-primary-dim)}.ai-messages{display:flex;flex-direction:column;gap:16px}.ai-message{display:flex;gap:12px;align-items:flex-start}.ai-message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--bg-elevated)}.ai-message-content{flex:1;min-width:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:14px 18px}.ai-message-user .ai-message-content{background:var(--accent-primary-dim);border-color:#00d4ff26}.ai-message-error .ai-message-content{background:var(--accent-danger-dim);border-color:#ef44444d}.ai-message-header{display:flex;justify-content:space-between;margin-bottom:6px}.ai-message-name{font-size:12px;font-weight:700}.ai-message-time{font-size:10px;color:var(--text-muted)}.ai-message-text{font-size:13px;color:var(--text-secondary);line-height:1.7}.ai-message-text h2,.ai-message-text h3,.ai-message-text h4{color:var(--text-primary);margin:12px 0 6px}.ai-message-text h3{font-size:15px}.ai-message-text h4{font-size:14px}.ai-message-text strong{color:var(--text-primary)}.ai-message-text code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:12px}.ai-list-item{padding:2px 0 2px 8px}.ai-table-row{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.ai-typing{display:flex;gap:4px;padding:8px 0}.ai-typing span{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);animation:typingBounce 1.4s infinite}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.ai-input-bar{padding:16px 24px;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.ai-input-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:4px 4px 4px 16px;transition:border-color var(--transition-fast)}.ai-input-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-dim)}.ai-input-brain{font-size:20px;flex-shrink:0}.ai-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:14px;font-family:var(--font-family);padding:10px 0;outline:none}.ai-input::placeholder{color:var(--text-muted)}.ai-send-btn{border-radius:var(--radius-md)!important;padding:10px 18px!important}.ai-key-warning{margin-top:8px;font-size:12px;color:var(--accent-warning);text-align:center}.discipline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.discipline-card{display:flex;flex-direction:column;align-items:center;padding:20px 12px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast);text-align:center;font-family:var(--font-family);color:var(--text-secondary)}.discipline-card:hover{border-color:var(--disc-color, var(--accent-primary));transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.discipline-card.active{border-color:var(--disc-color);background:linear-gradient(145deg,color-mix(in srgb,var(--disc-color) 10%,transparent),var(--bg-card));box-shadow:0 0 20px color-mix(in srgb,var(--disc-color) 15%,transparent)}.discipline-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:8px;border:1.5px solid rgba(161,98,7,.6);border-radius:var(--radius-md);color:var(--disc-color, var(--text-secondary))}.discipline-card-name{font-size:12px;font-weight:700;color:var(--text-primary)}.discipline-card-count{font-size:10px;color:var(--text-muted);margin-top:4px}.kb-article-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:8px;transition:all var(--transition-fast);overflow:hidden}.kb-article-card:hover{border-color:var(--border-accent)}.kb-article-card.expanded{border-color:var(--accent-primary)}.kb-article-header{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer}.kb-article-icon{font-size:24px;flex-shrink:0}.kb-article-info{flex:1;min-width:0}.kb-article-title{font-size:14px;font-weight:700;margin-bottom:6px}.kb-article-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kb-article-expand{font-size:10px;color:var(--text-muted);flex-shrink:0}.kb-tag{font-size:10px;padding:2px 8px;border-radius:12px;background:var(--bg-elevated);color:var(--text-muted)}.kb-article-body{padding:16px 18px 18px;border-top:1px solid var(--border-secondary);margin-top:0;font-size:13px;line-height:1.7;color:var(--text-secondary)}.kb-h3{font-size:16px;font-weight:700;margin:16px 0 8px;color:var(--text-primary)}.kb-h4{font-size:14px;font-weight:700;margin:12px 0 6px;color:var(--accent-primary)}.kb-list-item{padding:3px 0 3px 12px}.kb-def{padding:3px 0}.kb-bold{font-weight:600;color:var(--text-primary)}.kb-italic{font-style:italic;color:var(--text-muted);font-size:12px}.kb-spacer{height:8px}.kb-table-row{display:flex;gap:2px;font-family:var(--font-mono);font-size:11px;padding:4px 0;border-bottom:1px solid var(--border-secondary)}.kb-table-row.kb-table-header{font-weight:700;color:var(--text-primary);border-bottom:2px solid var(--border-primary)}.kb-table-cell{flex:1;min-width:0;padding:4px 8px}.calc-selector{display:flex;gap:8px;flex-wrap:wrap}.calc-chip{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);transition:all var(--transition-fast)}.calc-chip:hover{border-color:var(--accent-primary);color:var(--text-primary)}.calc-chip.active{background:var(--accent-primary-dim);border-color:var(--accent-primary);color:var(--accent-primary)}.calc-result{background:var(--bg-elevated);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border-primary)}.calc-result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid var(--border-secondary)}.calc-result-row:last-child{border-bottom:none}.calc-result-row span{color:var(--text-muted)}.calc-result-row strong{color:var(--text-primary);font-size:14px}.calc-result-row.highlight{background:var(--accent-primary-dim);margin:4px -16px;padding:12px 16px;border-radius:var(--radius-sm);border-bottom:none}.calc-result-row.highlight strong{color:var(--accent-primary);font-size:16px}@media(max-width:768px){.brain-selector{flex-direction:column}.brain-chip{min-width:unset}.discipline-grid{grid-template-columns:repeat(3,1fr)}.ai-suggestion-grid{grid-template-columns:1fr}.calc-selector{flex-direction:column}}.part-scanner-modal{max-width:640px;width:95vw}.part-scanner-choose{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px}.part-scanner-icon{font-size:56px;margin-bottom:16px}.part-scanner-choose h3{font-size:18px;font-weight:700;margin-bottom:8px}.part-scanner-choose p{font-size:13px;color:var(--text-muted);max-width:400px;margin-bottom:24px}.part-scanner-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.part-scanner-error{padding:10px 16px;background:var(--accent-danger-dim);color:var(--accent-danger);border-radius:var(--radius-sm);font-size:12px;margin-bottom:16px}.part-scanner-camera{position:relative}.part-scanner-video{width:100%;border-radius:var(--radius-md);max-height:400px;object-fit:cover;background:#000}.part-scanner-camera-controls{display:flex;align-items:center;justify-content:space-between;padding:16px}.part-scanner-capture-btn{width:64px;height:64px;border-radius:50%;border:4px solid var(--accent-primary);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.part-scanner-capture-btn:hover{background:var(--accent-primary-dim)}.capture-ring{width:48px;height:48px;border-radius:50%;background:var(--accent-danger)}.part-scanner-image{width:100%;border-radius:var(--radius-md);max-height:300px;object-fit:contain;background:var(--bg-elevated);margin-bottom:16px}.part-scanner-preview{text-align:center}.part-scanner-analyzing{position:relative;text-align:center}.part-scanner-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffd9;border-radius:var(--radius-md)}.part-scanner-loading h3{font-size:16px;margin-top:16px}.part-scanner-loading p{font-size:12px;color:var(--text-muted)}.part-scanner-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.part-scanner-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.part-scanner-result-photo img{width:100%;border-radius:var(--radius-md)}.part-scanner-result-info{display:flex;flex-direction:column;gap:8px}.part-scanner-confidence{margin-bottom:8px}.confidence-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.confidence-high{background:var(--accent-success-dim);color:var(--accent-success)}.confidence-medium{background:var(--accent-warning-dim);color:var(--accent-warning)}.confidence-low{background:var(--accent-danger-dim);color:var(--accent-danger)}.part-result-field label{display:block;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.part-result-field .part-result-value{font-size:13px;font-weight:600;color:var(--text-primary)}.part-photos-grid{display:flex;flex-direction:column;gap:10px}.part-photo-card{display:flex;gap:12px;align-items:center;padding:12px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.part-photo-img{width:80px;height:60px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.part-photo-img img{width:100%;height:100%;object-fit:cover}.part-photo-info{flex:1;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px}.part-photo-field{display:flex;flex-direction:column;min-width:80px}.part-photo-field label{font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.part-photo-field span{font-weight:600;color:var(--text-primary)}.filter-chip{padding:6px 14px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.filter-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-chip.active{background:var(--accent-primary-dim);border-color:var(--accent-primary);color:var(--accent-primary)}@media(max-width:768px){.part-scanner-result-grid{grid-template-columns:1fr}.part-photo-card{flex-direction:column}.part-photo-img{width:100%;height:120px}}.customer-portal-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.cp-login-card{background:var(--bg-card);border:2px solid var(--border-primary);border-top:3px solid var(--accent-gold);border-radius:var(--radius-lg);padding:40px 36px;max-width:420px;width:100%;text-align:center}.cp-login-logo{margin-bottom:20px}.cp-logo-img{width:140px;height:auto;border-radius:0;border:none}.cp-login-card h2{font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.cp-login-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:24px}.cp-login-form{text-align:left}.cp-login-error{background:#dc262614;color:var(--accent-danger);border:1px solid var(--accent-danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.cp-field{margin-bottom:16px}.cp-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.cp-field input,.cp-field select,.cp-field textarea{width:100%;padding:10px 14px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-fast)}.cp-field input:focus,.cp-field select:focus,.cp-field textarea:focus{outline:none;border-color:var(--accent-gold)}.cp-input-wrap{position:relative}.cp-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--accent-gold)}.cp-input-wrap input{padding-left:40px}.cp-login-btn{width:100%;padding:12px;font-size:15px;margin-top:8px}.cp-login-demo{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-primary);font-size:12px;color:var(--text-muted)}.customer-portal{min-height:100vh;background:var(--bg-primary)}.cp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:var(--bg-card);border-bottom:2px solid var(--border-primary)}.cp-header-left{display:flex;align-items:center;gap:14px}.cp-header-logo{width:48px;height:48px;border-radius:var(--radius-md);border:1.5px solid var(--accent-gold);object-fit:cover}.cp-header h1{font-size:20px;font-weight:800;color:var(--text-primary)}.cp-header-subtitle{font-size:12px;color:var(--text-muted)}.cp-header-right{display:flex;align-items:center;gap:10px}.cp-account-bar{display:flex;align-items:center;gap:24px;padding:12px 28px;background:var(--bg-card);border-bottom:1px solid var(--border-primary);font-size:13px;color:var(--text-secondary)}.cp-account-item{display:flex;align-items:center;gap:6px}.cp-tabs{display:flex;gap:0;padding:0 28px;background:var(--bg-card);border-bottom:2px solid var(--border-primary)}.cp-tab{display:flex;align-items:center;gap:6px;padding:14px 20px;border:none;background:none;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--font-family);transition:all var(--transition-fast)}.cp-tab:hover{color:var(--text-primary)}.cp-tab.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.cp-content{padding:24px 28px;max-width:900px}.cp-new-ticket-card{margin-bottom:24px}.cp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-ticket-card{margin-bottom:16px}.cp-ticket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cp-ticket-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.cp-ticket-date{font-size:12px;color:var(--text-muted)}.cp-ticket-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.cp-ticket-desc{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.cp-ticket-meta{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid var(--border-primary);margin-bottom:16px}.cp-ticket-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.cp-progress-track{display:flex;align-items:flex-start;padding-top:12px;border-top:1px solid var(--border-primary)}.cp-progress-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.cp-progress-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);background:var(--bg-card);position:relative;z-index:2}.cp-progress-step.complete .cp-progress-dot{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.cp-progress-step.current .cp-progress-dot{border-color:var(--accent-gold);background:var(--accent-gold);color:#fff}.cp-progress-label{font-size:10px;font-weight:600;color:var(--text-muted);margin-top:6px;text-align:center}.cp-progress-step.complete .cp-progress-label,.cp-progress-step.current .cp-progress-label{color:var(--text-primary)}.cp-progress-line{position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--border-primary);z-index:1}.cp-progress-line.complete{background:var(--accent-primary)}@media(max-width:768px){.cp-header{flex-direction:column;gap:12px;padding:16px}.cp-account-bar{flex-wrap:wrap;gap:12px;padding:12px 16px}.cp-content{padding:16px}.cp-form-grid{grid-template-columns:1fr}.cp-tabs{padding:0 16px;overflow-x:auto}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.login-card{background:var(--bg-card);border:1px solid var(--border-primary);border-top:3px solid var(--accent-gold);border-radius:var(--radius-lg);padding:40px 36px;max-width:400px;width:100%}.login-logo{text-align:center;margin-bottom:20px}.login-logo-img{width:120px;height:auto}.login-title{font-size:24px;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:2px}.login-subtitle{font-size:13px;color:var(--text-muted);text-align:center;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:0}.login-error{background:#dc262614;color:var(--accent-danger);border:1px solid var(--accent-danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.login-field{margin-bottom:18px}.login-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:12px;color:var(--accent-gold);z-index:1}.login-input-wrap input{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-fast)}.login-input-wrap input:focus{outline:none;border-color:var(--accent-gold)}.login-pw-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex}.login-btn{width:100%;padding:12px;font-size:15px;margin-top:4px}.login-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-primary);font-size:11px;color:var(--text-muted)}.user-mgmt-table{width:100%;border-collapse:collapse;margin-top:16px}.user-mgmt-table th{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:2px solid var(--border-primary);text-align:left}.user-mgmt-table td{padding:12px;border-bottom:1px solid var(--border-primary);vertical-align:middle}.user-mgmt-table tr:hover td{background:#a1620708}