@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--primary-red:#d32f2f;--primary-red-hover:#b71c1c;--primary-red-light:#ffcdd2;--primary-red-bg:#ffebee;--bg-color:#f8f9fa;--surface-color:#fff;--text-main:#212529;--text-muted:#6c757d;--border-color:#dee2e6;--shadow-sm:0 1px 3px #0000001f, 0 1px 2px #0000003d;--shadow-md:0 4px 6px #0000001a, 0 1px 3px #00000014;--shadow-lg:0 10px 20px #00000026, 0 3px 6px #0000001a;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Sarabun,sans-serif;overflow:hidden}input,button{font-family:inherit}#root{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container{background-color:var(--bg-color);background-image:radial-gradient(var(--border-color) 1px, transparent 1px);background-size:20px 20px;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.canvas-content{will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.screen-container{box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:default;background:#fff;width:450px;position:absolute;overflow:hidden}.screen-header{background-color:var(--primary-red);color:#fff;letter-spacing:.5px;padding:8px 16px;font-size:.85rem;font-weight:600}.login-card{flex-direction:column;align-items:center;padding:40px;display:flex}.brand-logo{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.red-house-icon{background-color:var(--primary-red);width:80px;height:80px;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.red-house-icon svg{width:50px;height:50px}.brand-logo h2{color:var(--primary-red);margin:0;font-size:1.5rem;font-weight:700}.system-title{color:var(--text-main);text-align:center;margin-bottom:24px;font-size:1.1rem;font-weight:500}.notification{border-radius:var(--radius-md);align-items:flex-start;gap:8px;width:100%;margin-bottom:24px;padding:12px 16px;font-size:.9rem;font-weight:500;line-height:1.4;display:flex}.notification.success{color:#065f46;background-color:#d1fae5;border:1px solid #10b981}.notification.error{color:#991b1b;background-color:#fee2e2;border:1px solid #ef4444}.login-form{width:100%}.form-group{margin-bottom:20px}.form-group label{color:var(--text-main);margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:12px}.input-wrapper input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);outline:none;width:100%;padding:12px 40px;font-size:1rem;transition:all .2s}.input-wrapper input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px var(--primary-red-light);background-color:#fff}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--text-main)}.form-options{justify-content:flex-end;margin-bottom:24px;display:flex}.remember-me{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.remember-me input[type=checkbox]{accent-color:var(--primary-red);cursor:pointer;width:16px;height:16px}.login-button{background-color:var(--text-muted);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.login-button:hover{background-color:var(--primary-red);box-shadow:var(--shadow-md);transform:translateY(-1px)}.language-selector{text-align:center;justify-content:center;align-items:center;gap:12px;margin-top:24px;font-weight:500;display:flex}.active-lang{color:var(--primary-red);cursor:pointer;font-weight:600}.inactive-lang{color:var(--text-muted);cursor:pointer;transition:color .2s}.inactive-lang:hover{color:var(--text-main)}.lang-divider{color:var(--border-color);font-size:.9rem}.dashboard-layout{background-color:var(--bg-color);border-radius:var(--radius-lg);width:1440px;height:900px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);cursor:default;display:flex;overflow:hidden}.sidebar{color:#fff;background-color:#212529;flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:24px 20px;display:flex}.sidebar-logo{background-color:var(--primary-red);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-logo svg{width:24px;height:24px}.sidebar-title{flex-direction:column;display:flex}.sidebar-title span{font-size:1.1rem;font-weight:700}.sidebar-title .subtitle{color:#adb5bd;font-size:.75rem;font-weight:400}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;padding:20px 12px;display:flex}.nav-item{border-radius:var(--radius-md);cursor:pointer;color:#ced4da;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background-color:#ffffff0d}.nav-item.active{background-color:var(--primary-red);color:#fff;font-weight:500}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px 12px}.text-danger:hover{color:#ff6b6b!important;background-color:#d32f2f1a!important}.main-content{background-color:var(--bg-color);flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.top-header{border-bottom:1px solid var(--border-color);background-color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.header-title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:600}.user-profile-wrapper{position:relative}.user-profile{color:var(--text-main);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:999px;align-items:center;gap:12px;padding:6px 10px 6px 6px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.user-profile:hover,.user-profile.active{border-color:var(--border-color);background-color:#f9fafb;box-shadow:0 2px 8px #0000000a}.avatar{background-color:var(--primary-red-light);width:36px;height:36px;color:var(--primary-red-hover);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-menu-scrim{z-index:80;position:fixed;inset:0}.profile-dropdown{z-index:90;border:1px solid var(--border-color);background-color:#fff;border-radius:12px;width:260px;padding:10px;position:absolute;top:48px;right:0;box-shadow:0 18px 36px #0f172a29}.profile-dropdown-header{background-color:#f9fafb;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.profile-dropdown-header div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-dropdown-header strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.profile-dropdown-header span{color:#c2410c;background-color:#ffedd5;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.72rem;font-weight:800}.profile-dropdown-item{color:#374151;cursor:pointer;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;height:36px;padding:0 10px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.profile-dropdown-item:hover{background-color:#f3f4f6}.profile-dropdown-item.danger{color:var(--primary-red)}.profile-dropdown-item.danger:hover{background-color:#fef2f2}.admin-profile-modal-backdrop{z-index:140;background-color:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.admin-profile-modal{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:560px;max-width:100%;padding:22px;box-shadow:0 24px 48px #0f172a38}.admin-profile-header{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.admin-profile-kicker{color:var(--primary-red);margin-bottom:4px;font-size:.78rem;font-weight:800;display:inline-flex}.admin-profile-header h3{color:#1f2937;margin:0 0 4px;font-size:1.18rem}.admin-profile-header p{color:#6b7280;margin:0;font-size:.9rem}.admin-profile-close{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.admin-profile-close:hover{color:var(--primary-red);background-color:#fef2f2;border-color:#fecaca}.admin-profile-card{background-color:#fff7f7;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.admin-profile-avatar{background-color:var(--primary-red);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #ffffff40}.admin-profile-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.admin-profile-main strong{color:#111827;font-size:1rem}.admin-profile-main span{color:#6b7280;font-size:.86rem;font-weight:700}.admin-role-badge{color:#c2410c;white-space:nowrap;background-color:#ffedd5;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800}.admin-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-profile-grid div{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:5px;min-width:0;padding:10px 12px;display:flex}.admin-profile-grid span{color:#6b7280;align-items:center;gap:5px;font-size:.8rem;font-weight:700;display:inline-flex}.admin-profile-grid strong{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:750;overflow:hidden}.admin-active-text{color:#059669!important}.admin-profile-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.admin-btn-secondary,.admin-btn-primary{cursor:pointer;border-radius:8px;height:38px;padding:0 14px;font-family:inherit;font-size:.9rem;font-weight:800;transition:all .2s}.admin-btn-secondary{color:#4b5563;background-color:#fff;border:1px solid #e5e7eb}.admin-btn-secondary:hover{background-color:#f9fafb}.admin-btn-primary{border:1px solid var(--primary-red);background-color:var(--primary-red);color:#fff;align-items:center;gap:8px;display:inline-flex}.admin-btn-primary:hover{background-color:var(--primary-red-hover);box-shadow:0 4px 12px #d32f2f33}.content-area{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.um-container{width:900px}.um-content{background-color:var(--surface-color);flex-direction:column;gap:16px;padding:20px;display:flex}.um-tabs{border-bottom:2px solid var(--border-color);gap:16px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:1rem;font-weight:500;transition:color .2s;position:relative}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary-red)}.tab-btn.active:after{content:"";background-color:var(--primary-red);width:100%;height:2px;position:absolute;bottom:-2px;left:0}.um-filters{background-color:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;display:flex}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{color:var(--text-muted);font-size:.8rem;font-weight:500}.filter-group input,.filter-group select{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;outline:none;padding:8px 12px;font-family:inherit;font-size:.9rem}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-red)}.spacer{flex-grow:1}.icon-button{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border-color);color:var(--text-main);background-color:#fff;align-items:center;gap:6px;height:35px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.icon-button:hover{background-color:var(--bg-color);border-color:#ccc}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.um-table{border-collapse:collapse;width:100%;font-size:.9rem}.um-table th,.um-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px}.um-table th{background-color:var(--bg-color);color:var(--text-main);font-weight:600}.um-table tbody tr:hover{background-color:var(--primary-red-bg)}.um-table tbody tr:last-child td{border-bottom:none}.text-center{text-align:center!important}.text-muted{color:var(--text-muted)}.text-sm{font-size:.85rem}.check-icon{color:#10b981}.action-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.action-btn:hover{background-color:var(--bg-color);color:var(--primary-red)}.pagination{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;justify-content:space-between;align-items:center;margin-top:-20px;padding:16px 20px;display:flex}.page-size-select{border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;padding:4px 8px;font-size:.9rem}.page-btn{border:1px solid var(--border-color);min-width:32px;height:32px;color:var(--text-main);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:.9rem;transition:all .2s;display:flex}.page-btn.active{background-color:var(--primary-red);color:#fff;border-color:var(--primary-red)}.page-btn:disabled{color:var(--text-muted);background-color:var(--bg-color);cursor:not-allowed;opacity:.6}.page-dots{color:var(--text-muted);padding:0 4px}.detail-modal-container{background-color:var(--surface-color);border-radius:var(--radius-lg);width:780px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);cursor:default;font-family:Sarabun,sans-serif;overflow:hidden}.modal-header{color:#fff;background-color:#888;align-items:center;gap:12px;padding:8px 16px;font-size:1rem;font-weight:500;display:flex}.close-btn{color:#333;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.modal-tabs{border-bottom:2px solid var(--primary-red-light);background-color:#f8f9fa;padding-top:12px;padding-left:20px;display:flex}.tab{color:var(--text-muted);cursor:pointer;border:1px solid var(--border-color);background-color:#e9ecef;border-bottom:none;border-radius:8px 8px 0 0;margin-right:6px;padding:10px 28px;font-weight:500;transition:all .2s}.tab.active{color:var(--primary-red);border-color:var(--primary-red-light);background-color:#fff;border-bottom:2px solid #fff;margin-bottom:-2px;font-weight:600}.modal-body{background-color:#fff;flex-direction:column;gap:24px;padding:24px 32px;display:flex}.top-section{grid-template-columns:200px 1fr 140px;gap:32px;display:grid}.avatar-section{flex-direction:column;align-items:center;display:flex;position:relative}.avatar-circle{border:2px solid var(--border-color);width:140px;height:140px;color:var(--text-muted);background-color:#f8f9fa;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.avatar-square{border:2px solid var(--border-color);background-color:#f8f9fa;border-radius:8px;width:140px;height:180px;margin-bottom:8px;position:relative;overflow:hidden}.height-lines{background-image:repeating-linear-gradient(#0000,#0000 19px,#ffffff4d 19px 20px);width:100%;height:100%;position:absolute;top:0;left:0}.edit-avatar-btn{color:#333;cursor:pointer;width:28px;height:28px;box-shadow:var(--shadow-md);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:30px;right:20px}.user-form-grid{flex-direction:column;gap:16px;display:flex}.form-group-modal{flex-direction:column;gap:6px;display:flex}.form-group-modal label{color:var(--text-muted);font-size:.85rem;font-weight:500}.form-group-modal input,.form-group-modal select,.form-group-modal textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem;line-height:1.5;transition:all .2s}.form-group-modal input:focus,.form-group-modal select:focus,.form-group-modal textarea:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px var(--primary-red-light);outline:none}.input-highlight{color:var(--primary-red);font-weight:600;background-color:var(--primary-red-bg)!important;border-color:var(--primary-red-light)!important}.checkbox-group{align-items:center;gap:8px;font-size:.95rem;display:flex}.checkbox-group input[type=checkbox]{accent-color:var(--primary-red);cursor:pointer;width:18px;height:18px}.action-buttons{flex-direction:column;gap:12px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background-color:var(--primary-red);color:#fff}.btn-primary:hover{background-color:var(--primary-red-hover)}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background-color:#fff}.btn-outline:hover{background-color:#f8f9fa}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn-outline-danger{color:#ef4444;background-color:#fff;border:1px solid #ef4444}.btn-outline-danger:hover{background-color:#fef2f2}.bottom-section{border-top:1px solid var(--border-color);padding-top:24px}.tabs-row{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.btn-tab{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-main);background-color:#f8f9fa;padding:8px 16px;font-weight:500;transition:all .2s}.btn-tab:hover{background-color:#e9ecef}.btn-tab.active{background-color:var(--primary-red-bg);color:var(--primary-red);border-color:var(--primary-red-light)}.permissions-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.status-active-text{color:#10b981;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out forwards fadeIn}.queue-content{background-color:#f8f9fa;flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow:hidden}.queue-tabs-minimal{background-color:#e5e7eb;border-radius:50px;width:fit-content;padding:4px;display:flex}.queue-tab-minimal{color:#6b7280;cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.queue-tab-minimal:hover{color:#374151}.queue-tab-minimal.active{color:var(--primary-red);background-color:#fff;box-shadow:0 2px 8px #0000001a}.queue-filters-modern{justify-content:space-between;align-items:center;gap:16px;display:flex}.search-pill-wrapper{width:400px;position:relative}.search-pill-wrapper input{background-color:#fff;border:1px solid #0000;border-radius:50px;width:100%;padding:12px 16px 12px 44px;font-size:.95rem;transition:all .2s;box-shadow:0 2px 8px #0000000a}.search-pill-wrapper input:focus{border-color:var(--primary-red-light);outline:none;box-shadow:0 0 0 4px #d32f2f1a}.btn-pill-outline{border:1px solid var(--border-color);height:44px;color:var(--text-main);cursor:pointer;background-color:#fff;border-radius:50px;align-items:center;gap:8px;padding:0 24px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.btn-pill-outline:hover{background-color:#f8f9fa;border-color:#ccc}.kanban-board{flex-direction:row;flex:1;gap:24px;min-height:0;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-column{width:var(--column-width,auto);background-color:#f1f3f5;border:1px solid #00000008;border-radius:12px;flex-direction:column;flex:none;min-width:262px;min-height:0;display:flex;overflow:hidden}.column-header{z-index:2;background-color:#fff;border-bottom:2px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex;box-shadow:0 1px 2px #00000005}.column-title{flex:1;align-items:center;gap:8px;min-width:0;font-size:1.05rem;font-weight:700;display:flex}.column-count{color:#4b5563;background-color:#e5e7eb;border-radius:12px;padding:2px 8px;font-size:.85rem;font-weight:700}.column-header-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.column-span-control{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:2px;height:26px;padding:2px;display:inline-flex}.column-span-control button{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:999px;width:22px;height:20px;font-family:inherit;font-size:.75rem;font-weight:800;transition:all .2s}.column-span-control button:hover{color:#1f2937;background-color:#fff}.column-span-control button.active{color:#fff;background-color:var(--primary-red);box-shadow:0 1px 3px #d32f2f38}.column-body{overscroll-behavior:contain;grid-template-columns:repeat(var(--column-span,1), 230px);flex:1;align-content:start;gap:12px;min-height:0;padding:16px;display:grid;overflow:hidden auto}.column-body::-webkit-scrollbar{width:6px}.column-body::-webkit-scrollbar-track{background:0 0}.column-body::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:10px}.column-body::-webkit-scrollbar-thumb:hover{background-color:#0003}.kanban-card{box-sizing:border-box;cursor:pointer;background-color:#fff;border-left:4px solid #0000;border-radius:10px;flex-direction:column;width:230px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000a}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.card-inner{gap:12px;padding:14px;display:flex}.avatar-compact{background-color:#f1f3f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;overflow:hidden}.avatar-compact .height-lines{background-image:repeating-linear-gradient(#0000,#0000 8px,#ffffffb3 8px 9px);width:100%;height:100%;position:absolute;top:0;left:0}.card-details{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.card-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;font-weight:700;overflow:hidden}.card-subtext{color:#6b7280;align-items:center;gap:4px;font-size:.8rem;display:flex}.card-timer-row{justify-content:space-between;align-items:flex-end;margin-top:8px;display:flex}.timer-digital-compact{color:#1f2937;font-size:1.05rem;font-weight:700}.shirt-badge-compact{color:#4b5563;background-color:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.hover-action-toolbar{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#fffffff2;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.kanban-card:hover .hover-action-toolbar{opacity:1;pointer-events:auto}.action-btn-circle{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.action-btn-circle.work{color:#10b981;background-color:#ecfdf5}.action-btn-circle.work:hover{color:#fff;background-color:#10b981}.action-btn-circle.rest{color:#f59e0b;background-color:#fffbeb}.action-btn-circle.rest:hover{color:#fff;background-color:#f59e0b}.action-btn-circle.extend{color:#3b82f6;background-color:#eff6ff}.action-btn-circle.extend:hover{color:#fff;background-color:#3b82f6}.action-btn-circle{position:relative}.action-btn-circle:hover:after{content:attr(title);color:#fff;white-space:nowrap;pointer-events:none;background:#1f2937;border-radius:4px;margin-bottom:6px;padding:4px 8px;font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.load-more-btn{color:#64748b;cursor:pointer;background-color:#0000;border:1px dashed #cbd5e1;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.load-more-btn:hover{color:#475569;background-color:#f8fafc;border-color:#94a3b8}.wq-modal-backdrop{z-index:120;background-color:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.wq-cancel-modal{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:520px;max-width:100%;padding:22px;box-shadow:0 24px 48px #0f172a38}.wq-cancel-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.wq-modal-kicker{color:var(--primary-red);margin-bottom:4px;font-size:.78rem;font-weight:800;display:inline-flex}.wq-cancel-modal-header h3{color:#1f2937;margin:0;font-size:1.12rem;font-weight:800}.wq-modal-close{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.wq-modal-close:hover{color:#ef4444;background-color:#fef2f2;border-color:#fecaca}.wq-cancel-worker-card{background-color:#fff7f7;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.wq-worker-avatar{color:#ef4444;background-color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;box-shadow:inset 0 0 0 1px #fecaca}.wq-worker-summary{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.wq-worker-summary strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;overflow:hidden}.wq-worker-summary span{color:#6b7280;font-size:.85rem;font-weight:600}.wq-worker-status-pill{color:#dc2626;white-space:nowrap;background-color:#fee2e2;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800}.wq-worker-status-pill.red{color:#dc2626;background-color:#fee2e2}.wq-worker-status-pill.green{color:#059669;background-color:#d1fae5}.wq-worker-status-pill.orange{color:#0284c7;background-color:#e0f2fe}.wq-worker-status-pill.blue{color:#2563eb;background-color:#dbeafe}.wq-worker-status-pill.yellow{color:#d97706;background-color:#fef3c7}.wq-cancel-detail-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.wq-cancel-detail-grid div{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.wq-cancel-detail-grid span,.wq-cancel-form label{color:#6b7280;font-size:.8rem;font-weight:700}.wq-cancel-detail-grid strong{color:#1f2937;font-size:.92rem}.wq-worker-shift-badge{white-space:nowrap;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.75rem;font-weight:600;line-height:1.35}.wq-worker-shift-badge.morning{color:#ea580c;background-color:#fff7ed}.wq-worker-shift-badge.evening{color:#1e3a8a;background-color:#e0e7ff}.wq-worker-shift-badge.inline{display:inline-flex}.wq-cancel-form{flex-direction:column;gap:7px;display:flex}.wq-cancel-form textarea{resize:vertical;box-sizing:border-box;color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;min-height:112px;padding:12px;font-family:inherit;font-size:.92rem;line-height:1.45;transition:all .2s}.wq-cancel-form textarea:focus{border-color:var(--primary-red-light);box-shadow:0 0 0 3px #d32f2f1a}.wq-cancel-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.wq-btn-secondary,.wq-btn-danger{cursor:pointer;border-radius:8px;height:38px;padding:0 14px;font-size:.9rem;font-weight:800;transition:all .2s}.wq-btn-secondary{color:#4b5563;background-color:#fff;border:1px solid #e5e7eb}.wq-btn-secondary:hover{background-color:#f9fafb}.wq-btn-danger{background-color:var(--primary-red);color:#fff;border:1px solid #dc2626}.wq-btn-danger:hover:not(:disabled){background-color:var(--primary-red-hover);box-shadow:0 4px 12px #d32f2f33}.wq-btn-danger:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.vq-content{background-color:#f8f9fa;flex-direction:column;flex:1;gap:24px;padding:32px;display:flex}.vq-filters-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.vq-search-wrapper{width:400px;position:relative}.vq-search-wrapper input{background-color:#fff;border:1px solid #0000;border-radius:50px;width:100%;padding:12px 16px 12px 44px;font-size:.95rem;transition:all .2s;box-shadow:0 2px 8px #0000000a}.vq-search-wrapper input:focus{border-color:var(--primary-red-light);outline:none;box-shadow:0 0 0 4px #d32f2f1a}.vq-unloading-select-wrap{flex-shrink:0;width:184px;height:44px;position:relative}.vq-unloading-select-wrap:focus-within{z-index:40}.vq-unloading-select-button{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #0000;border-radius:50px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;height:100%;padding:0 14px 0 18px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.vq-unloading-select-button:hover,.vq-unloading-select-button:focus-visible,.vq-unloading-select-button.open{border-color:var(--primary-red-light);color:#374151;outline:none;box-shadow:0 0 0 4px #d32f2f1a}.vq-unloading-select-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vq-unloading-select-button svg{color:#64748b;flex-shrink:0;transition:transform .2s,color .2s}.vq-unloading-select-button.open svg{color:var(--primary-red);transform:rotate(180deg)}.vq-unloading-menu{z-index:60;background-color:#fff;border:1px solid #fecaca;border-radius:12px;width:240px;max-height:286px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 18px 36px #0f172a2e}.vq-unloading-option{color:#334155;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;min-height:36px;padding:8px 10px;font-family:inherit;font-size:.88rem;font-weight:800;transition:background-color .16s,color .16s;overflow:hidden}.vq-unloading-option:hover,.vq-unloading-option:focus-visible{color:var(--primary-red);background-color:#ffebee;outline:none}.vq-unloading-option.active{background-color:var(--primary-red);color:#fff;box-shadow:0 6px 14px #d32f2f2e}.vq-status-group{background-color:#e5e7eb;border-radius:50px;gap:4px;padding:4px;display:flex}.vq-status-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.vq-status-btn:hover{color:#374151}.vq-status-btn.active{color:#111827;background-color:#fff;box-shadow:0 1px 3px #0000001a}.vq-status-btn.filter-green.active{color:#10b981}.vq-status-btn.filter-yellow.active{color:#f59e0b}.vq-status-btn.filter-blue.active{color:#3b82f6}.vq-status-btn.filter-indigo.active{color:#4f46e5}.vq-status-btn.filter-orange.active{color:#f97316}.vq-status-btn.filter-purple.active{color:#7c3aed}.vq-status-btn.filter-gray.active{color:#64748b}.vq-filter-left{align-items:center;gap:12px;display:flex}.vq-search-icon{position:absolute;top:13px;left:16px}.vq-kpi-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.vq-kpi-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 8px #0f172a0a}.vq-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a14}.vq-kpi-card.active{border-color:var(--primary-red);box-shadow:0 0 0 3px #d32f2f1a}.vq-kpi-card span{color:#6b7280;font-size:.82rem;font-weight:700}.vq-kpi-card strong{color:#111827;font-size:1.35rem;font-weight:850}.vq-kpi-card.neutral span,.vq-kpi-card.neutral strong{color:#111827}.vq-kpi-card.success span,.vq-kpi-card.success strong{color:#059669}.vq-kpi-card.completed span,.vq-kpi-card.completed strong{color:#64748b}.vq-kpi-card.info span,.vq-kpi-card.info strong{color:#2563eb}.vq-kpi-card.warning span,.vq-kpi-card.warning strong{color:#d97706}.vq-kpi-card.working span,.vq-kpi-card.working strong{color:#4f46e5}.vq-kpi-card.danger span,.vq-kpi-card.danger strong{color:#dc2626}.vq-grid-container{background-color:#fff;border:1px solid #0000000a;border-radius:16px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000008}.vq-grid-header{color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:2fr 2fr 1.5fr 1.5fr 1fr;padding:16px 24px;font-size:.9rem;font-weight:600;display:grid}.vq-grid-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.vq-grid-row{border-bottom:1px solid #f3f4f6;grid-template-columns:2fr 2fr 1.5fr 1.5fr 1fr;align-items:center;padding:20px 24px;transition:background-color .2s;display:grid}.vq-grid-row:hover{background-color:#f9fafb}.vq-grid-row:last-child{border-bottom:none}.col-vehicle{align-items:center;gap:12px;display:flex}.truck-icon-wrapper{color:#ef4444;background-color:#fee2e2;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.vehicle-info{flex-direction:column;display:flex}.plate-number{color:#1f2937;font-size:1.05rem;font-weight:700}.vehicle-type{color:#6b7280;font-size:.8rem}.col-location{flex-direction:column;display:flex}.market-name{color:#374151;font-weight:600}.stall-number{color:#6b7280;font-size:.85rem}.col-time{color:#4b5563;font-family:JetBrains Mono,Roboto Mono,monospace;font-weight:500}.col-status{display:flex}.status-badge{border-radius:50px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.status-badge.ready{color:#059669;background-color:#d1fae5}.status-badge.wait-worker{color:#d97706;background-color:#fef3c7}.status-badge.wait-stall{color:#2563eb;background-color:#eff6ff}.status-badge.unloading{color:#4f46e5;background-color:#e0e7ff}.status-badge.pending-count{color:#475569;background-color:#f1f5f9}.status-badge.wait-accept{color:#0284c7;background-color:#e0f2fe}.status-badge.wait-scan{color:#ea580c;background-color:#ffedd5}.status-badge.vendor-confirm{color:#7c3aed;background-color:#f3e8ff}.status-badge.pending-confirm{color:#ea580c;background-color:#ffedd5}.status-badge.completed{color:#059669;background-color:#dcfce7}.status-badge.cancelled{color:#dc2626;background-color:#fee2e2}.vq-truck-grid{column-gap:12px;font-size:12.5px;grid-template-columns:34px 1.02fr 1.04fr 1.13fr .78fr 1.28fr 1.16fr 1fr .96fr 132px!important}.vq-grid-row.vq-truck-grid{cursor:pointer;align-items:center}.vq-chevron{color:#94a3b8;display:flex}.vq-vehicle-id-cell{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.vq-plate-cell,.vq-mini-line{align-items:center;gap:5px;display:inline-flex}.vq-plate-cell{color:#111827;white-space:nowrap;font-weight:800}.vq-muted{color:#64748b;font-size:.78rem;font-weight:600}.vq-alert-chip{color:#dc2626;background-color:#fef2f2;border-radius:999px;align-items:center;gap:4px;width:fit-content;margin-top:4px;padding:2px 7px;font-size:.74rem;font-weight:800;display:inline-flex}.vq-job-number-list{color:#475569;flex-direction:column;gap:3px;font-size:.78rem;font-weight:750;line-height:1.25;display:flex}.vq-job-number-list span{white-space:nowrap}.vq-time-cell{min-width:0}.vq-gate-time{white-space:nowrap}.vq-row-actions{flex-direction:column;align-items:flex-end;gap:6px;padding-left:14px;display:flex}.vq-icon-text{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:6px;min-height:28px;padding:5px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.vq-icon-text:hover{background-color:#f9fafb;border-color:#d1d5db}.vq-icon-text.danger{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.vq-icon-text.danger:hover,.vq-icon-text.danger:focus-visible{color:#fff;background-color:#dc2626;border-color:#dc2626;outline:none;box-shadow:0 6px 14px #dc26262e}.vq-icon-text.danger:hover svg,.vq-icon-text.danger:focus-visible svg{color:#fff}.vq-icon-text.info{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.vq-icon-text.info:hover,.vq-icon-text.info:focus-visible{color:#fff;background-color:#2563eb;border-color:#2563eb;outline:none;box-shadow:0 6px 14px #2563eb2e}.vq-icon-text.info:hover svg,.vq-icon-text.info:focus-visible svg{color:#fff}.vq-icon-text.warning{color:#ea580c;background-color:#fff7ed;border-color:#fed7aa}.vq-icon-text.warning:hover,.vq-icon-text.warning:focus-visible{color:#fff;background-color:#ea580c;border-color:#ea580c;outline:none;box-shadow:0 6px 14px #ea580c2e}.vq-icon-text.warning:hover svg,.vq-icon-text.warning:focus-visible svg{color:#fff}.vq-expanded-row{background-color:#ffebee;border-bottom:1px solid #ffcdd2;flex-direction:column;gap:14px;padding:18px 28px 22px 58px;display:flex}.vq-focus-panel{background-color:#fff;border:1px solid #fecaca;border-radius:8px;grid-template-columns:minmax(240px,.95fr) minmax(390px,1.35fr) auto;align-items:center;gap:18px;padding:14px;display:grid}.vq-focus-title span{color:var(--primary-red);font-size:.76rem;font-weight:850}.vq-focus-title strong{color:#0f172a;margin-top:3px;font-size:1.08rem;display:block}.vq-focus-title p{color:#64748b;margin:4px 0 0;font-size:.84rem;font-weight:650;line-height:1.45}.vq-focus-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.vq-focus-metrics div{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.vq-focus-metrics span{color:#64748b;font-size:.74rem;font-weight:800}.vq-focus-metrics strong{color:#0f172a;margin-top:2px;font-size:1.05rem;font-weight:900;display:block}.vq-focus-metrics .danger{background-color:#fef2f2;border-color:#fecaca}.vq-focus-metrics .danger span,.vq-focus-metrics .danger strong{color:#dc2626}.vq-focus-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.vq-focus-actions .vq-icon-text{justify-content:center}.vq-market-timeline{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;padding:10px;display:grid}.vq-market-step{text-align:left;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;font-family:inherit;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:grid}.vq-market-step:hover{background-color:#fff7f7;border-color:#fecaca;box-shadow:0 4px 10px #d32f2f14}.vq-market-step.active{border-color:var(--primary-red);background-color:var(--primary-red);box-shadow:0 0 0 3px #d32f2f33}.vq-step-index{width:28px;min-width:28px;height:28px;color:var(--primary-red);text-align:center;background-color:#fee2e2;border-radius:50%;justify-content:center;place-self:center;align-items:center;font-weight:900;line-height:1;display:flex}.vq-market-step strong,.vq-market-step-main>span,.vq-market-step small{display:block}.vq-market-step strong{color:#0f172a;font-size:.92rem}.vq-market-step-main>span,.vq-market-step small{color:#64748b;font-size:.76rem;font-weight:700}.vq-market-step-meta{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.vq-market-step-meta small{color:#475569;background-color:#f1f5f9;border-radius:999px;padding:2px 7px;line-height:1.35}.vq-market-step-meta small.danger{color:#dc2626;background-color:#fee2e2}.vq-market-step.active strong{color:#fff}.vq-market-step.active .vq-market-step-main>span{color:#ffebee}.vq-market-step.active .vq-market-step-meta small{color:#fff;background-color:#ffffff2e}.vq-market-step.active .vq-step-index{color:var(--primary-red);background-color:#fff}.vq-market-detail{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.vq-market-detail-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.vq-market-heading{min-width:0}.vq-market-detail-header h5{color:#0f172a;align-items:center;gap:7px;margin:0;font-size:1rem;display:inline-flex}.vq-market-subline{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.vq-market-subline span{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:750}.vq-market-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.vq-ticket-table{border-collapse:collapse;table-layout:fixed;width:100%}.vq-ticket-col-stall{width:18%}.vq-ticket-col-products{width:10%}.vq-ticket-col-submit{width:16%}.vq-ticket-col-confirm{width:17%}.vq-ticket-col-note{width:23%}.vq-ticket-col-actions{width:16%}.vq-ticket-table th,.vq-ticket-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 12px;font-size:.82rem}.vq-ticket-table th{color:#64748b;background-color:#f8fafc;font-weight:800}.vq-ticket-table td:first-child{color:#475569;min-width:0;font-weight:800}.vq-ticket-table td:first-child strong,.vq-ticket-table td:first-child span{display:inline}.vq-ticket-table td:first-child strong{margin-right:6px}.vq-ticket-table td span{color:#64748b;font-size:.76rem;font-weight:650;display:block}.vq-ticket-table .vq-product-count{color:#0f172a;font-size:.82rem;font-weight:800}.vq-ticket-table .status-badge{box-sizing:border-box;justify-content:center;width:150px;max-width:100%}.vq-ticket-actions{text-align:right;white-space:nowrap}.vq-ticket-action-set{grid-template-columns:112px 86px;justify-content:end;gap:8px;display:grid}.vq-ticket-actions .vq-icon-text{justify-content:center;min-height:26px;padding:4px 8px;font-size:.74rem}.vq-ticket-action-placeholder{width:86px;height:26px;display:block}.vq-worker-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.vq-worker-pill-card{text-align:left;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:2px 8px;padding:10px 12px;font-family:inherit;display:grid}.vq-worker-pill-card>svg{color:var(--primary-red)}.vq-worker-main{flex-direction:column;gap:2px;min-width:0;display:flex}.vq-worker-main strong{color:#0f172a;font-size:.86rem}.vq-worker-main span{color:#64748b;font-size:.76rem;font-weight:700}.vq-worker-main .vq-worker-qr-status{border-radius:999px;width:fit-content;margin-top:2px;padding:2px 7px;font-size:.72rem;font-weight:850}.vq-worker-qr-status.waiting-team{color:#2563eb;background-color:#eff6ff}.vq-worker-qr-status.scanned{color:#15803d;background-color:#dcfce7}.vq-worker-main .vq-worker-scan-deadline{color:#ea580c;background-color:#ffedd5;border-radius:999px;width:fit-content;margin-top:2px;padding:2px 7px;font-size:.72rem;font-weight:850}.vq-worker-inline-actions{align-items:center;gap:6px;display:flex}.vq-worker-inline-actions .vq-worker-action-btn{width:30px;height:30px}.vq-empty-state{text-align:center;color:#9ca3af;padding:60px}.vq-toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-left:auto;display:inline-flex}.col-actions{justify-content:flex-end;display:flex}.btn-action-suspend{color:#2563eb;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:600;line-height:normal;transition:all .2s}.btn-action-suspend:hover{background-color:#eff6ff;border-color:#bfdbfe}.vq-worker-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;margin-top:28px;padding-top:10px;display:flex}.vq-worker-detail-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex;position:relative}.vq-worker-shift-badge{border-radius:4px;width:fit-content;padding:2px 6px;font-size:.75rem;font-weight:600;line-height:1.35}.vq-worker-detail-card>.vq-worker-shift-badge{position:absolute;bottom:20px;left:34px}.vq-worker-shift-badge.morning{color:#ea580c;background-color:#fff7ed}.vq-worker-shift-badge.evening{color:#1e3a8a;background-color:#e0e7ff}.vq-worker-shift-badge.inline{display:inline-flex}.vq-worker-photo-slot{box-sizing:border-box;color:#94a3b8;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:44px;right:18px;box-shadow:inset 0 0 0 3px #fff}.vq-worker-action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.vq-worker-action-btn.info{color:#4f46e5;background-color:#eef2ff}.vq-worker-action-btn.info:hover{color:#fff;background-color:#4f46e5}.vq-worker-action-btn.danger{color:#ef4444;background-color:#fee2e2}.vq-worker-action-btn.danger:hover{color:#fff;background-color:#ef4444}.vq-worker-action-btn.success{color:#10b981;background-color:#ecfdf5}.vq-worker-action-btn.success:hover{color:#fff;background-color:#10b981}.toast-container{color:#fff;z-index:100;background-color:#1f2937;border-radius:8px;align-items:center;gap:12px;padding:12px 20px;animation:.3s forwards slideUp;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vq-date-wrapper{position:relative}.vq-date-placeholder{color:#9ca3af;pointer-events:none;z-index:1;font-size:.95rem;font-weight:500;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.vq-date-input{color:#4b5563;background-color:#fff;border:1px solid #0000;border-radius:50px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s;box-shadow:0 2px 8px #0000000a}.vq-date-input::-webkit-datetime-edit{color:#0000}.vq-date-input:focus::-webkit-datetime-edit{color:#4b5563}.vq-date-input.has-value::-webkit-datetime-edit{color:#4b5563}.vq-date-input:focus{border-color:var(--primary-red-light);box-shadow:0 0 0 4px #d32f2f1a}.vq-modal-backdrop{z-index:120;background-color:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.vq-cancel-modal{background-color:#fff;border:1px solid #fee2e2;border-radius:12px;width:440px;max-width:100%;padding:24px;box-shadow:0 24px 48px #0f172a38}.vq-worker-cancel-modal{width:520px}.vq-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.vq-modal-header h3{color:#991b1b;margin:0 0 4px;font-size:1.15rem}.vq-modal-kicker{color:var(--primary-red);margin-bottom:4px;font-size:.78rem;font-weight:800;display:inline-flex}.vq-modal-header p{color:#6b7280;margin:0;font-size:.9rem}.vq-modal-close{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.vq-modal-close:hover{color:#ef4444;background-color:#fef2f2;border-color:#fecaca}.vq-modal-label{color:#374151;margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.vq-cancel-reason{resize:vertical;box-sizing:border-box;color:#1f2937;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;min-height:112px;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.vq-cancel-job-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.vq-cancel-job-summary div{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:5px;min-width:0;padding:10px 12px;display:flex}.vq-cancel-job-summary span{color:#6b7280;font-size:.8rem;font-weight:700}.vq-cancel-job-summary strong{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:800;overflow:hidden}.vq-cancel-job-summary .status-badge{gap:4px;width:fit-content;padding:3px 8px;font-size:.78rem}.vq-cancel-job-summary .status-badge svg{width:13px;height:13px}.vq-cancel-reason:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f}.vq-cancel-worker-card{background-color:#fff7f7;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.vq-cancel-worker-avatar{color:#ef4444;background-color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;box-shadow:inset 0 0 0 1px #fecaca}.vq-cancel-worker-summary{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.vq-cancel-worker-summary strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;overflow:hidden}.vq-cancel-worker-summary span{color:#6b7280;font-size:.85rem;font-weight:600}.vq-worker-status-pill{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800}.vq-worker-status-pill.accepted{color:#0284c7;background-color:#e0f2fe}.vq-worker-status-pill.working{color:#2563eb;background-color:#dbeafe}.vq-worker-status-pill.ready{color:#059669;background-color:#d1fae5}.vq-worker-status-pill.break{color:#d97706;background-color:#fef3c7}.vq-worker-status-pill.offline{color:#dc2626;background-color:#fee2e2}.vq-cancel-detail-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.vq-cancel-detail-grid div{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.vq-cancel-detail-grid span{color:#6b7280;font-size:.8rem;font-weight:700}.vq-cancel-detail-grid strong{color:#1f2937;font-size:.92rem}.vq-modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.vq-btn-secondary,.vq-btn-danger{cursor:pointer;border-radius:8px;height:40px;padding:0 16px;font-size:.9rem;font-weight:700;transition:all .2s}.vq-btn-secondary{color:#4b5563;background-color:#fff;border:1px solid #e5e7eb}.vq-btn-secondary:hover{background-color:#f9fafb}.vq-btn-danger{color:#fff;background-color:#ef4444;border:1px solid #ef4444}.vq-btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.vq-btn-danger:disabled{opacity:.5;cursor:not-allowed}.pagination{background-color:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pagination-info{color:#6b7280;font-size:.9rem}.pagination-controls{align-items:center;gap:24px;display:flex}.page-size-selector{align-items:center;gap:8px;display:flex}.page-size-select{color:#4b5563;border:1px solid #e5e7eb;border-radius:6px;outline:none;padding:4px 8px;font-size:.9rem}.page-size-select:focus{border-color:var(--primary-red)}.page-buttons{align-items:center;gap:4px;display:flex}.page-btn{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:.9rem;transition:all .2s;display:flex}.page-btn:hover:not(:disabled):not(.active){background-color:#f9fafb;border-color:#d1d5db}.page-btn.active{color:var(--primary-red);background-color:#fef2f2;border-color:#fca5a5;font-weight:700}.page-btn:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#f3f4f6}.lm-content{background-color:#f8f9fa;flex:1;height:100%;display:flex;overflow:hidden}.lm-left-panel{border-right:1px solid var(--border-color);z-index:10;background-color:#fff;flex-direction:column;width:400px;min-width:400px;display:flex;box-shadow:2px 0 8px #00000005}.lm-left-header{border-bottom:1px solid var(--border-color);padding:24px 24px 16px;overflow-x:hidden}.lm-left-header h3{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;display:flex}.lm-vehicle-count-badge{color:#4b5563;background-color:#e5e7eb;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;font-size:.9rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #94a3b859}.lm-search{flex:1;position:relative}.lm-search input{box-sizing:border-box;border:1px solid var(--border-color);background-color:#f9fafb;border-radius:8px;width:100%;height:42px;padding:10px 16px 10px 40px;font-size:.9rem;transition:all .2s}.lm-search input:focus{border-color:var(--primary-red-light);background-color:#fff;outline:none;box-shadow:0 0 0 3px #d32f2f1a}.lm-search .search-icon{color:#9ca3af;position:absolute;top:13px;left:12px}.lm-date-wrapper{flex-shrink:0;width:142px;position:relative}.lm-date-placeholder{color:#9ca3af;pointer-events:none;z-index:1;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lm-date-input{box-sizing:border-box;border:1px solid var(--border-color);color:#4b5563;background-color:#f9fafb;border-radius:8px;outline:none;width:100%;height:42px;padding:10px 12px;font-size:.9rem;transition:all .2s}.lm-date-input::-webkit-datetime-edit{color:#0000}.lm-date-input:focus::-webkit-datetime-edit{color:#4b5563}.lm-date-input.has-value::-webkit-datetime-edit{color:#4b5563}.lm-date-input:focus{border-color:var(--primary-red-light);background-color:#fff;box-shadow:0 0 0 3px #d32f2f1a}.btn-reset-filter{border:1px solid var(--border-color);color:#9ca3af;cursor:pointer;background-color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.btn-reset-filter:hover{color:var(--primary-red);background-color:#fef2f2;border-color:#fecaca}.lm-tabs{flex-wrap:wrap;gap:8px;padding:16px 0 0;display:flex}.lm-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #0000;border-radius:16px;padding:6px 12px;font-size:.85rem;font-weight:500;line-height:1.2;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;position:relative}.lm-tab:hover{color:#1f2937;background-color:#f3f4f6}.lm-tab.active{background-color:var(--primary-red-bg);color:var(--primary-red);border-color:var(--primary-red-light)}.lm-tab.status-all,.lm-tab.status-all:hover,.lm-tab.status-all.active{color:#374151;background-color:#f3f4f6;border-color:#d1d5db}.lm-tab.status-ready{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.lm-tab.status-ready:hover,.lm-tab.status-ready.active{color:#059669;background-color:#d1fae5;border-color:#a7f3d0}.lm-tab.status-wait{color:#d97706;background-color:#fffbeb;border-color:#fde68a}.lm-tab.status-wait:hover,.lm-tab.status-wait.active{color:#d97706;background-color:#fef3c7;border-color:#fde68a}.lm-tab.status-progress{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.lm-tab.status-progress:hover,.lm-tab.status-progress.active{color:#2563eb;background-color:#dbeafe;border-color:#bfdbfe}.lm-tab.status-unloading{color:#4f46e5;background-color:#eef2ff;border-color:#c7d2fe}.lm-tab.status-unloading:hover,.lm-tab.status-unloading.active{color:#4f46e5;background-color:#e0e7ff;border-color:#c7d2fe}.lm-tab.status-done{color:#6b7280;background-color:#f9fafb;border-color:#d1d5db}.lm-tab.status-done:hover,.lm-tab.status-done.active{color:#6b7280;background-color:#f3f4f6;border-color:#d1d5db}.lm-tab.status-scan{color:#ea580c;background-color:#ffedd5;border-color:#fed7aa}.lm-tab.status-scan:hover,.lm-tab.status-scan.active{color:#ea580c;background-color:#fed7aa;border-color:#fdba74}.lm-tab.active{box-shadow:0 4px 10px #0f172a1f}.lm-tab.active:after{content:"";background-color:currentColor;border-radius:999px;width:18px;height:3px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.lm-vehicle-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.lm-vehicle-card{border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex}.lm-vehicle-card:hover{border-color:#ccc;box-shadow:0 2px 8px #0000000a}.lm-vehicle-card.active{border-color:var(--primary-red);background-color:var(--primary-red-bg);box-shadow:0 2px 8px #d32f2f26}.vcard-top{justify-content:space-between;align-items:flex-start;display:flex}.vcard-plate{color:#1f2937;align-items:center;gap:6px;font-size:1.05rem;font-weight:700;display:flex}.vcard-job-id{color:#4b5563;margin-top:4px;font-size:.85rem;font-weight:500;display:block}.vcard-job-numbers{color:#64748b;word-break:break-word;margin-top:3px;font-size:.78rem;font-weight:700;line-height:1.3;display:block}.vcard-time{color:#6b7280;font-family:JetBrains Mono,monospace;font-size:.8rem}.vcard-location{color:#4b5563;align-items:center;gap:4px;font-size:.85rem;display:flex}.vcard-status-badge{border-radius:4px;width:fit-content;margin-top:4px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.vcard-status-badge.ready{color:#059669;background-color:#d1fae5}.vcard-status-badge.wait{color:#d97706;background-color:#fef3c7}.vcard-status-badge.progress{color:#2563eb;background-color:#dbeafe}.vcard-status-badge.pending-count{color:#475569;background-color:#f1f5f9}.vcard-status-badge.unloading{color:#4f46e5;background-color:#e0e7ff}.vcard-status-badge.working{color:#2563eb;background-color:#dbeafe}.vcard-status-badge.done{color:#6b7280;background-color:#f3f4f6}.vcard-status-badge.completed{color:#16a34a;background-color:#dcfce7}.vcard-status-badge.accepted{color:#0284c7;background-color:#e0f2fe}.vcard-status-badge.scan{color:#ea580c;background-color:#ffedd5}.vcard-status-badge.vendor{color:#7c3aed;background-color:#f3e8ff}.vcard-status-badge.cancelled{color:#dc2626;background-color:#fee2e2}.vcard-status-badge.pending-confirm{color:#ea580c;background-color:#ffedd5}.lm-left-search-row{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.lm-left-search-row .lm-search{min-width:0}.lm-date-filter-button{flex-shrink:0;width:142px}.lm-card-metrics{flex-wrap:wrap;gap:7px;display:flex}.lm-card-metrics span{color:#475569;background-color:#f8fafc;border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-size:.76rem;font-weight:800;display:inline-flex}.lm-danger-chip{color:#dc2626!important;background-color:#fef2f2!important}.lm-right-panel{background-color:#f3f4f6;flex-direction:column;flex:1;padding:32px;display:flex;overflow-y:auto}.lm-empty-state{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.lm-empty-state p{margin:0;font-size:1.1rem}.lm-workspace{flex-direction:column;gap:24px;display:flex}.lm-card{border:1px solid var(--border-color);background-color:#fff;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 4px 12px #00000008}.lm-card-title{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.lm-workers-header,.lm-section-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.lm-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.lm-workers-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.lm-workers-count{color:#1f2937;white-space:nowrap;margin-left:4px;font-size:1.1rem;font-weight:700;display:inline-block}.info-grid{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:#6b7280;font-size:.8rem;font-weight:500}.info-value{color:#1f2937;align-items:center;gap:6px;min-width:0;font-size:.95rem;font-weight:600;display:inline-flex}.lm-assign-tabs{border-bottom:2px solid #e5e7eb;margin-bottom:8px;display:flex}.lm-assign-tab{color:#6b7280;cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.lm-assign-tab:hover{color:#374151}.lm-assign-tab.active{color:var(--primary-red);border-bottom-color:var(--primary-red)}.lm-form-row{align-items:flex-end;gap:16px;display:flex}.lm-form-group{flex-direction:column;flex:1;gap:6px;display:flex}.lm-form-group label{color:#4b5563;font-size:.85rem;font-weight:600}.lm-form-group input,.lm-form-group select{border:1px solid var(--border-color);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:all .2s}.lm-form-group input:focus,.lm-form-group select:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px #d32f2f1a}.lm-btn-primary{background-color:var(--primary-red);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;height:42px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.lm-btn-primary:hover{background-color:var(--primary-red-hover);box-shadow:0 4px 12px #d32f2f33}.lm-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lm-btn-assign-worker{border-radius:7px;height:36px;padding:0 14px;font-size:.88rem}.lm-btn-secondary{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:.88rem;font-weight:700;display:inline-flex}.lm-btn-secondary:hover{background-color:#f9fafb}.lm-btn-info{color:#2563eb;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.lm-btn-info:hover,.lm-btn-info:focus-visible{color:#fff;background-color:#2563eb;border-color:#2563eb;outline:none;box-shadow:0 6px 14px #2563eb2e}.lm-btn-warning{color:#ea580c;cursor:pointer;background-color:#fff7ed;border:1px solid #fdba74;border-radius:7px;height:36px;padding:0 14px;font-size:.88rem;font-weight:700;transition:all .2s}.lm-btn-warning:hover{background-color:#ffedd5}.lm-assign-modal-backdrop{z-index:120;background-color:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.lm-assign-modal,.lm-cancel-worker-modal{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:520px;max-width:100%;padding:22px;box-shadow:0 24px 48px #0f172a38}.lm-assign-modal-header{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.lm-assign-modal-header h3{color:#1f2937;margin:0 0 4px;font-size:1.12rem}.lm-assign-modal-header p{color:#6b7280;margin:0;font-size:.9rem}.lm-cancel-modal-header{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.lm-cancel-modal-kicker{color:var(--primary-red);margin-bottom:4px;font-size:.78rem;font-weight:800;display:inline-flex}.lm-cancel-modal-header h3{color:#1f2937;margin:0 0 4px;font-size:1.12rem}.lm-cancel-modal-header p{color:#6b7280;margin:0;font-size:.9rem}.lm-modal-close{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.lm-modal-close:hover{color:#ef4444;background-color:#fef2f2;border-color:#fecaca}.lm-assign-search{color:#9ca3af;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;height:40px;margin-bottom:14px;padding:0 12px;display:flex}.lm-assign-search input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.lm-ready-worker-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.lm-ready-worker-item{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;gap:12px;width:100%;padding:12px;font-family:inherit;transition:all .2s;display:flex}.lm-ready-worker-item:hover,.lm-ready-worker-item.selected{background-color:#ecfdf5;border-color:#10b981}.lm-ready-worker-item:disabled{opacity:.45;cursor:not-allowed}.lm-ready-worker-item:disabled:hover{background-color:#fff;border-color:#e5e7eb}.lm-ready-worker-main{flex-direction:column;gap:6px;display:flex}.lm-ready-worker-name{color:#0f172a;font-size:.92rem;font-weight:800}.lm-ready-worker-meta{color:#475569;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.lm-ready-queue-badge{color:#059669;background-color:#ecfdf5;border-radius:4px;padding:2px 6px}.lm-ready-worker-empty{color:#9ca3af;text-align:center;padding:28px;font-size:.9rem}.lm-assign-modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.lm-cancel-worker-card{background-color:#fff7f7;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.lm-cancel-worker-avatar{color:#ef4444;background-color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex;box-shadow:inset 0 0 0 1px #fecaca}.lm-cancel-worker-summary{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lm-cancel-worker-summary strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;overflow:hidden}.lm-cancel-worker-summary span{color:#6b7280;font-size:.85rem;font-weight:600}.lm-cancel-status-pill{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800}.lm-cancel-status-pill.accepted{color:#0284c7;background-color:#e0f2fe}.lm-cancel-status-pill.working{color:#2563eb;background-color:#dbeafe}.lm-cancel-status-pill.offline{color:#dc2626;background-color:#fee2e2}.lm-cancel-detail-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.lm-cancel-detail-grid div{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.lm-cancel-detail-grid span,.lm-cancel-form label{color:#6b7280;font-size:.8rem;font-weight:700}.lm-cancel-detail-grid strong{color:#1f2937;font-size:.92rem}.lm-cancel-form{flex-direction:column;gap:7px;display:flex}.lm-cancel-form textarea{resize:vertical;box-sizing:border-box;color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;min-height:112px;padding:12px;font-family:inherit;font-size:.92rem;line-height:1.45;transition:all .2s}.lm-cancel-form textarea:focus{border-color:var(--primary-red-light);box-shadow:0 0 0 3px #d32f2f1a}.lm-btn-danger{border:1px solid var(--primary-red);background-color:var(--primary-red);color:#fff;cursor:pointer;border-radius:7px;height:36px;padding:0 14px;font-size:.88rem;font-weight:700;transition:all .2s}.lm-btn-danger:hover:not(:disabled){background-color:var(--primary-red-hover);box-shadow:0 4px 12px #d32f2f33}.lm-btn-danger:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lm-table{border-collapse:collapse;width:100%}.lm-workers-table{table-layout:fixed}.lm-workers-table .lm-col-worker{width:29%}.lm-workers-table .lm-col-shirt{width:17%}.lm-workers-table .lm-col-worker-status{width:16%}.lm-workers-table .lm-col-start{width:15%}.lm-workers-table .lm-col-duration{width:11%}.lm-workers-table .lm-col-actions{text-align:right;width:76px}.lm-workers-table th,.lm-workers-table td{display:table-cell}.lm-table th,.lm-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 10px}.lm-table th{color:#6b7280;background-color:#f9fafb;font-size:.85rem;font-weight:600}.lm-table td{color:#1f2937;font-size:.9rem;font-weight:500}.lm-table tr:last-child td{border-bottom:none}.worker-cell{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:100%;display:flex}.lm-worker-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:700;overflow:hidden}.lm-worker-code-badge{color:#475569;white-space:nowrap;background-color:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.lm-worker-shift-badge{white-space:nowrap;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.75rem;font-weight:600;line-height:1.35}.lm-worker-shift-badge.morning{color:#ea580c;background-color:#fff7ed}.lm-worker-shift-badge.evening{color:#1e3a8a;background-color:#e0e7ff}.lm-worker-shift-badge.inline{display:inline-flex}.lm-worker-time-cell{flex-direction:column;gap:3px;min-width:0;display:flex}.lm-worker-time-cell span{color:#6b7280;white-space:nowrap;font-size:.74rem;font-weight:700;line-height:1.2}.lm-worker-time-cell strong{color:#1f2937;font-size:.84rem;font-weight:650;line-height:1.25}.lm-worker-status-badge{color:#0284c7;white-space:nowrap;background-color:#e0f2fe;border-radius:4px;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.lm-worker-status-badge.accepted{color:#0284c7;background-color:#e0f2fe}.lm-worker-status-badge.working{color:#3b82f6;background-color:#dbeafe}.lm-worker-status-badge.cancelled{color:#dc2626;background-color:#fee2e2}.lm-worker-action-btn.info{color:#2563eb;background-color:#eff6ff}.lm-worker-action-btn.info:hover{color:#fff;background-color:#2563eb}.lm-countdown-warning{color:#ea580c;font-weight:850}.lm-empty-table{text-align:center!important;color:#9ca3af!important;padding:32px!important}.lm-workers-table-v2{table-layout:auto}.lm-market-timeline{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px;display:grid}.lm-market-step{text-align:left;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;font-family:inherit;display:grid}.lm-market-step.active{border-color:var(--primary-red);box-shadow:0 0 0 3px #d32f2f1a}.lm-market-step>span{width:28px;height:28px;color:var(--primary-red);background-color:#fee2e2;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.lm-market-step strong,.lm-market-step small{display:block}.lm-market-step strong{color:#111827;font-size:.9rem}.lm-market-step small{color:#64748b;font-size:.76rem;font-weight:700}.lm-ticket-table td span{color:#64748b;font-size:.78rem;font-weight:650;display:block}.lm-ticket-row{cursor:pointer;transition:background-color .2s}.lm-ticket-row:hover,.lm-ticket-row:focus-visible{background-color:#f8fafc;outline:none}.lm-ticket-row.selected{background-color:#fff7f7}.lm-product-detail-row td{background-color:#f8fafc;padding:10px 14px!important}.lm-product-detail-table{border-collapse:collapse;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow:hidden}.lm-product-detail-table th,.lm-product-detail-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:9px 10px;font-size:.8rem}.lm-product-detail-table th{color:#64748b;background-color:#f8fafc;font-weight:850}.lm-product-detail-table td{color:#334155;font-weight:650}.lm-product-detail-table tr:last-child td{border-bottom:none}.lm-btn-danger-sm{color:#ef4444;cursor:pointer;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.lm-btn-danger-sm:hover{color:#fff;background-color:#ef4444}.lm-worker-actions{justify-content:flex-end;gap:6px;display:flex}.lm-worker-action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.lm-worker-action-btn.danger{color:#ef4444;background-color:#fee2e2}.lm-worker-action-btn.danger:hover{color:#fff;background-color:#ef4444}.lm-btn-danger:hover:not(:disabled),.lm-btn-danger:focus-visible:not(:disabled){color:#fff;background-color:#dc2626;border-color:#dc2626;outline:none;box-shadow:0 6px 14px #dc26262e}.lm-worker-action-btn.success{color:#10b981;background-color:#ecfdf5}.lm-worker-action-btn.success:hover{color:#fff;background-color:#10b981}.alo-content{color:#1f2937;background:#f8fafc;min-height:100%;padding:18px}.alo-tabs{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:4px;margin-bottom:16px;padding:5px;display:inline-flex}.alo-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:138px;height:38px;font-family:inherit;font-weight:900;display:inline-flex}.alo-tabs button.active{color:#fff;box-shadow:var(--shadow-sm);background:#d32f2f}.alo-workspace{grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);gap:16px;display:grid}.alo-tab-panel{display:block}.alo-lower-grid{grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:16px;margin-top:16px;display:grid}.alo-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.alo-section-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.alo-section-header.compact{align-items:center}.alo-section-header h3{color:#111827;align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.alo-kicker{color:#d32f2f;text-transform:uppercase;margin-bottom:4px;font-size:.74rem;font-weight:800;display:block}.alo-header-actions{gap:8px;display:flex}.alo-btn-primary,.alo-btn-secondary,.alo-btn-complete{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-family:inherit;font-weight:800;transition:all .2s;display:inline-flex}.alo-btn-primary{color:#fff;box-shadow:var(--shadow-sm);background:#d32f2f}.alo-btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#fecaca}.alo-btn-secondary{color:#475569;background:#fff;border-color:#e2e8f0}.alo-btn-secondary.small{min-height:32px;padding:6px 10px;font-size:.82rem}.alo-btn-complete{color:#16a34a;background:#dcfce7;border-color:#bbf7d0;align-self:center}.alo-btn-cancel{cursor:pointer;white-space:nowrap;color:#ef4444;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-family:inherit;font-weight:800;transition:all .2s;display:inline-flex}.alo-btn-cancel.small{min-height:32px;padding:6px 10px;font-size:.82rem}.alo-task-actions{border-left:1px solid #f1f5f9;flex-direction:column;flex-shrink:0;justify-content:flex-start;gap:8px;padding-left:10px;display:flex}.alo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.alo-field{flex-direction:column;gap:6px;display:flex}.alo-field span{color:#64748b;font-size:.82rem;font-weight:800}.alo-field select,.alo-field input,.alo-field textarea,.alo-datetime-input,.alo-task-name-input,.alo-search input{color:#111827;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;font-family:inherit;font-weight:700}.alo-field select,.alo-field input,.alo-datetime-input,.alo-task-name-input,.alo-search input{height:40px;padding:0 12px}button.alo-datetime-input{cursor:pointer;justify-content:flex-start;align-items:center;gap:7px;display:inline-flex}.alo-readonly-time{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;width:100%;min-height:40px;padding:0 12px;font-weight:800;display:inline-flex}.alo-note{margin-top:12px}.alo-field textarea{resize:vertical;min-height:78px;padding:10px 12px;line-height:1.45}.alo-schedule-row{grid-template-columns:max-content minmax(190px,.7fr) minmax(230px,1fr);align-items:center;gap:10px;margin-top:14px;display:grid}.alo-segmented{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.alo-segmented button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;height:32px;padding:0 10px;font-family:inherit;font-weight:800;display:inline-flex}.alo-segmented button.active{color:#d32f2f;background:#ffebee}.alo-selected-summary{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.alo-selected-summary div,.alo-soft-badge{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.alo-selected-summary .service{color:#d32f2f;background:#ffebee;border:1px solid #fecdd3}.alo-selected-summary .route{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.alo-selected-summary .workers{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.alo-search{margin-bottom:12px;position:relative}.alo-search svg{color:#94a3b8;position:absolute;top:12px;left:12px}.alo-search input{padding-left:36px}.alo-worker-list{gap:10px;max-height:300px;padding-right:4px;display:grid;overflow:auto}.alo-worker-tools{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.alo-status-filter.compact button{height:28px;padding:0 8px}.alo-selected-workers{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.alo-selected-workers button{color:#d32f2f;cursor:pointer;background:#ffebee;border:1px solid #fecdd3;border-radius:999px;padding:5px 8px;font-family:inherit;font-size:.78rem;font-weight:900}.alo-worker-result-info{color:#64748b;margin-bottom:8px;font-size:.82rem;font-weight:800}.alo-worker-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 12px;font-family:inherit;display:flex}.alo-worker-item.selected{background:#ffebee;border-color:#d32f2f}.alo-worker-item:disabled{opacity:.5;cursor:not-allowed}.alo-worker-item strong,.alo-worker-item span{display:block}.alo-worker-item strong{color:#111827;font-size:.94rem}.alo-worker-item span{color:#64748b;font-size:.8rem;font-weight:700}.alo-queue-badge{background:#dcfce7;border-radius:999px;flex-shrink:0;padding:4px 8px;color:#16a34a!important}.alo-worker-pagination{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;font-size:.82rem;font-weight:900;display:flex}.alo-worker-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:30px;padding:0 10px;font-family:inherit;font-weight:900}.alo-worker-pagination button:disabled{opacity:.45;cursor:not-allowed}.alo-task-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.alo-graph-toolbar{grid-template-columns:minmax(280px,1fr) 170px max-content;align-items:center;gap:12px;margin-bottom:14px;display:grid}.alo-graph-toolbar .alo-search{margin-bottom:0}.alo-status-filter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.alo-status-filter button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;height:30px;padding:0 10px;font-family:inherit;font-size:.82rem;font-weight:900}.alo-status-filter button.active{color:#d32f2f;box-shadow:var(--shadow-sm);background:#fff}.alo-date-filter{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:flex-start;align-items:center;gap:7px;height:40px;padding:0 10px;font-family:inherit;font-weight:800;display:inline-flex}.alo-task-card{background:linear-gradient(#fff 0%,#fdfdfd 100%);border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;gap:12px;padding:14px 14px 14px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.alo-task-card:before{content:"";background:#d32f2f;width:4px;position:absolute;inset:0 auto 0 0}.alo-task-card.scheduled:before{background:#f59e0b}.alo-task-card.working:before{background:#4f46e5}.alo-task-card.pending:before{background:#db2777}.alo-task-card.completed:before{background:#16a34a}.alo-task-card.cancelled:before{background:#94a3b8}.alo-task-main{flex:1;min-width:0}.alo-task-header-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.alo-task-id-stack{align-items:center;gap:8px;min-width:0;display:inline-flex}.alo-task-accepted{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;padding:4px 8px;font-size:.76rem;font-weight:800;display:inline-flex}.alo-task-main h4{color:#111827;margin:0 0 6px;font-size:1rem;line-height:1.35}.alo-task-no{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;font-weight:900;display:inline-flex;overflow:hidden}.alo-task-route{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:stretch;gap:7px;margin-bottom:10px;display:grid}.alo-task-route div{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:7px 8px;font-size:.82rem;font-weight:800;display:flex}.alo-task-route svg{color:#64748b;flex-shrink:0}.alo-task-route span:not(.alo-route-arrow){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alo-route-arrow{color:#94a3b8;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.alo-task-meta{flex-wrap:wrap;gap:8px;margin-bottom:7px;display:flex}.alo-task-meta span{color:#475569;align-items:center;gap:5px;font-size:.82rem;font-weight:800;display:inline-flex}.alo-task-meta .alo-worker-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 8px;font-weight:800}.alo-task-meta .alo-time-badge{color:#d32f2f;background:#ffebee;border:1px solid #fecdd3;border-radius:999px;padding:4px 9px}.alo-task-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.alo-task-meta-grid span{color:#475569;background:#fff;border:1px solid #edf2f7;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 8px;font-size:.8rem;font-weight:800;display:inline-flex}.alo-task-meta-grid svg{color:#94a3b8;flex-shrink:0}.alo-task-meta-grid span:nth-child(3){color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.alo-task-meta-grid span:nth-child(3) svg{color:#3b82f6}.alo-task-note{color:#64748b;border-left:3px solid #fecdd3;margin-top:9px;padding-left:8px;font-size:.8rem;font-weight:700;line-height:1.45;display:block}.alo-graph-pagination{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;font-size:.85rem;font-weight:800;display:flex}.alo-page-size,.alo-page-buttons{align-items:center;gap:8px;display:flex}.alo-page-size select{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:32px;padding:0 8px;font-family:inherit;font-weight:800}.alo-graph-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:32px;padding:0 12px;font-family:inherit;font-weight:800}.alo-graph-pagination button.active{color:#d32f2f;background:#ffebee;border-color:#d32f2f}.alo-graph-pagination button:disabled{opacity:.45;cursor:not-allowed}.alo-page-ellipsis{color:#94a3b8;align-items:center;padding:0 2px;display:inline-flex}.alo-modal-backdrop{z-index:50;background:#0f172a61;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.alo-modal-backdrop-top{z-index:70}.alo-date-modal{width:390px;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.alo-edit-task-modal{width:min(920px,100% - 32px);max-height:calc(100% - 56px);overflow:auto}.alo-edit-task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.alo-edit-task-grid .full{grid-column:1/-1}.alo-edit-segmented{width:100%}.alo-edit-segmented button{flex:1;justify-content:center}.alo-edit-worker-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.alo-edit-worker-panel .alo-section-header{margin-bottom:12px}.alo-edit-worker-panel small{color:#64748b;margin-top:4px;font-size:.78rem;font-weight:800;display:block}.alo-edit-worker-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:250px;padding-right:4px;display:grid;overflow:auto}.alo-edit-worker-list .alo-empty-state{grid-column:1/-1}.alo-muted-text{color:#94a3b8;align-items:center;min-height:28px;font-size:.82rem;font-weight:800;display:inline-flex}.alo-date-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.alo-date-modal-header h3{color:#111827;margin:0;font-size:1.12rem}.alo-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.alo-calendar-nav{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.alo-calendar-selectors{grid-template-columns:1fr 120px;gap:8px;margin-bottom:10px;display:grid}.alo-calendar-selectors select{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:36px;padding:0 10px;font-family:inherit;font-weight:900}.alo-calendar-nav button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;height:32px;font-family:inherit;font-size:.8rem;font-weight:900;transition:all .2s}.alo-calendar-nav button:hover,.alo-calendar-nav button:focus-visible{color:#d32f2f;background:#ffebee;border-color:#fecaca;outline:none;box-shadow:0 4px 10px #d32f2f1f}.alo-calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.alo-calendar-grid.weekdays{margin-bottom:6px}.alo-calendar-grid.weekdays span{color:#94a3b8;text-align:center;font-size:.78rem;font-weight:900}.alo-calendar-grid button{aspect-ratio:1;color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-weight:900}.alo-calendar-grid button.muted{color:#cbd5e1;background:#f8fafc}.alo-calendar-grid button.selected{color:#fff;background:#d32f2f;border-color:#d32f2f}.alo-time-picker{gap:6px;margin-top:14px;display:grid}.alo-time-picker span{color:#64748b;font-size:.82rem;font-weight:900}.alo-time-picker input{color:#111827;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:40px;padding:0 12px;font-family:inherit;font-weight:900}.alo-date-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;display:flex}.alo-task-status{border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:900;display:inline-flex}.alo-task-status.scheduled{color:#d97706;background:#fef3c7}.alo-task-status.working{color:#4f46e5;background:#e0e7ff}.alo-task-status.pending{color:#db2777;background:#fce7f3}.alo-task-status.cancelled{color:#64748b;background:#f1f5f9}.alo-task-status.completed{color:#16a34a;background:#dcfce7}.alo-master-list-container{border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;margin-bottom:16px;overflow:hidden}.alo-master-list{flex-direction:column;display:flex}.alo-master-item-row{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.alo-master-item-row:last-child{border-bottom:none}.alo-master-item-row .info strong{color:#1f2937;margin-bottom:4px;font-size:.95rem;display:block}.alo-master-item-row .info span{color:#64748b;font-size:.82rem;font-weight:700;display:block}.alo-master-item-row .actions{gap:8px;display:flex}.alo-empty-state{text-align:center;color:#94a3b8;padding:32px 16px;font-size:.9rem;font-weight:800}.alo-image-upload-field{flex-direction:column;gap:6px;display:flex}.alo-image-upload-field label{color:#64748b;font-size:.82rem;font-weight:800}.alo-image-preview-box{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;transition:all .2s;display:flex;position:relative;overflow:hidden}.alo-image-preview-box:hover{background:#f1f5f9;border-color:#94a3b8}.alo-image-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:flex}.alo-preview-img{object-fit:contain;width:100%;height:100%}.alo-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.as-content{background-color:#f8f9fa;flex:1;grid-template-columns:330px minmax(0,1fr);gap:22px;min-height:0;padding:28px 32px;display:grid;overflow:hidden}.as-settings-sidebar,.as-settings-main{min-height:0;box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #e5e7eb;border-radius:12px}.as-settings-sidebar{flex-direction:column;padding:18px;display:flex}.as-sidebar-heading{border-bottom:1px solid #eef2f7;flex-direction:column;gap:4px;padding:4px 4px 16px;display:flex}.as-sidebar-heading span{color:var(--primary-red);font-size:.76rem;font-weight:800}.as-sidebar-heading strong{color:#172033;font-size:1.05rem;font-weight:800}.as-menu-list{flex-direction:column;gap:8px;min-height:0;padding-top:14px;display:flex;overflow-y:auto}.as-menu-item{color:#374151;text-align:left;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:72px;padding:10px 12px;font-family:inherit;transition:all .2s;display:flex;position:relative}.as-menu-item:hover{background-color:#f9fafb}.as-menu-item.active{color:var(--primary-red-hover);background-color:#fff1f2;border-color:#fecaca}.as-menu-icon{color:#667085;background-color:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.as-menu-item.active .as-menu-icon{background-color:var(--primary-red);color:#fff}.as-menu-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.as-menu-copy strong{color:inherit;font-size:.9rem;font-weight:800;line-height:1.25}.as-menu-copy small{color:#7b8495;font-size:.74rem;font-weight:600;line-height:1.35}.as-coming-soon{color:#4338ca;background-color:#e0e7ff;border-radius:999px;padding:2px 6px;font-size:.66rem;font-weight:800;position:absolute;top:8px;right:8px}.as-settings-main{flex-direction:column;min-width:0;padding:22px;display:flex;overflow:hidden}.as-panel-header{border-bottom:1px solid #eef2f7;align-items:flex-start;gap:14px;padding-bottom:18px;display:flex}.as-panel-header>div:nth-child(2){flex:1;min-width:0}.as-panel-icon{width:46px;height:46px;color:var(--primary-red);background-color:#ffebee;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.as-panel-header span{color:var(--primary-red);font-size:.78rem;font-weight:800}.as-panel-header h2{color:#172033;margin:2px 0 4px;font-size:1.35rem;font-weight:800}.as-panel-header p{color:#6b7280;margin:0;font-size:.9rem;font-weight:600}.as-panel-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.as-panel-body{min-height:0;padding-top:20px;overflow-y:auto}.as-section-card,.as-table-card,.as-placeholder-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px}.as-admin-card{background-color:#fff7f7;border-color:#fee2e2;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.as-admin-avatar{background-color:var(--primary-red);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.35rem;font-weight:800;display:flex}.as-admin-card h3{color:#111827;margin:0 0 4px;font-size:1.08rem}.as-admin-card p{color:#6b7280;margin:0;font-size:.88rem;font-weight:700}.as-status-pill,.as-role-pill,.as-status-text{white-space:nowrap;border-radius:999px;width:fit-content;padding:4px 9px;font-size:.78rem;font-weight:800}.as-status-pill{margin-left:auto}.as-status-pill.success,.as-status-text{color:#15803d;background-color:#dcfce7}.as-status-text.inactive{color:#6b7280;background-color:#f3f4f6}.as-role-pill{color:#c2410c;background-color:#ffedd5}.as-form-grid,.as-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.as-form-grid label{color:#6b7280;flex-direction:column;gap:7px;min-width:0;font-size:.82rem;font-weight:800;display:flex}.as-form-grid input,.as-form-grid select{color:#1f2937;background-color:#f9fafb;border:1px solid #dfe4ea;border-radius:8px;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:.92rem;font-weight:700}.as-form-grid input:focus,.as-form-grid select:focus,.as-shift-fields input:focus{background-color:#fff;border-color:#fca5a5;outline:none;box-shadow:0 0 0 3px #d32f2f1a}.as-full{grid-column:1/-1}.as-footer-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.as-btn-secondary,.as-btn-primary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 14px;font-family:inherit;font-size:.9rem;font-weight:800;display:inline-flex}.as-btn-primary:hover{background-color:#c2410c;border-color:#991b1b}.as-btn-secondary{color:#4b5563;background-color:#fff;border:1px solid #dfe4ea}.as-btn-secondary:disabled{color:#9ca3af;background-color:#f9fafb}.as-btn-primary{border:1px solid var(--primary-red);background-color:var(--primary-red);color:#fff}.as-summary-grid{margin-bottom:14px}.as-input-with-unit{grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:8px;display:grid}.as-input-with-unit span{color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;height:42px;font-size:.86rem;font-weight:800;display:flex}.as-save-note{color:#15803d;background-color:#dcfce7;border-radius:999px;margin-right:auto;padding:6px 10px;font-size:.82rem;font-weight:800}.as-policy-card{background-color:#fff7f7;border:1px solid #fee2e2;border-radius:12px;margin-top:14px;overflow:hidden}.as-policy-header{border-bottom:1px solid #fee2e2;align-items:center;min-height:48px;padding:0 16px;display:flex}.as-policy-header strong{color:#991b1b;font-size:.95rem;font-weight:800}.as-policy-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.as-policy-list div{border-top:1px solid #fee2e2b3;min-height:92px;padding:14px 16px}.as-policy-list div:first-child,.as-policy-list div:nth-child(2){border-top:none}.as-policy-list div:nth-child(odd){border-right:1px solid #fee2e2b3}.as-policy-list strong{color:#1f2937;margin-bottom:6px;font-size:.86rem;font-weight:800;line-height:1.35;display:block}.as-policy-list span{color:#6b7280;font-size:.8rem;font-weight:650;line-height:1.45;display:block}.as-summary-grid div{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.as-summary-grid span{color:#6b7280;font-size:.8rem;font-weight:700}.as-summary-grid strong{color:#111827;font-size:1.35rem;font-weight:800}.as-table-card{overflow:hidden}.as-table-row{color:#374151;border-top:1px solid #eef2f7;grid-template-columns:110px minmax(0,1fr) 130px 100px 62px;align-items:center;gap:12px;min-height:54px;padding:0 16px;font-size:.88rem;font-weight:700;display:grid}.as-table-row.head{color:#6b7280;background-color:#f9fafb;border-top:none;min-height:46px;font-size:.8rem;font-weight:800}.as-table-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.as-inline-select{cursor:pointer;border:1px solid #0000;border-radius:999px;width:fit-content;min-width:104px;max-width:100%;height:32px;padding:0 28px 0 10px;font-family:inherit;font-size:.78rem;font-weight:800}.as-inline-select:focus{outline:none;box-shadow:0 0 0 3px #d32f2f1a}.as-inline-select:disabled{cursor:not-allowed;opacity:.78}.as-inline-select.role-admin{color:#c2410c;background-color:#ffedd5}.as-inline-select.role-staff{color:#475569;background-color:#f1f5f9}.as-inline-select.status-active{color:#15803d;background-color:#dcfce7}.as-inline-select.status-inactive{color:#6b7280;background-color:#f3f4f6}.as-stall-table{overflow-x:auto}.as-stall-row{color:#374151;border-top:1px solid #eef2f7;grid-template-columns:82px 160px 140px 110px 124px 88px 62px;align-items:center;gap:12px;min-width:860px;min-height:56px;padding:0 16px;font-size:.84rem;font-weight:700;display:grid}.as-stall-row.head{color:#6b7280;background-color:#f9fafb;border-top:none;min-height:46px;font-size:.78rem;font-weight:800}.as-stall-row span,.as-stall-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.as-line-pill{color:#047857;background-color:#ecfdf5;border-radius:999px;width:fit-content;max-width:100%;padding:4px 9px;font-size:.78rem;font-weight:800}.as-line-pill.unlinked{color:#b45309;background-color:#fef3c7}.as-line-register-note{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.as-line-register-note strong{color:#1d4ed8;font-size:.84rem;font-weight:800}.as-line-register-note span{color:#475569;font-size:.8rem;font-weight:650;line-height:1.45}.as-product-meta{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:14px;display:grid}.as-product-meta div{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-direction:column;gap:5px;min-width:0;padding:12px 14px;display:flex}.as-product-meta strong{color:#1d4ed8;font-size:.84rem;font-weight:800}.as-product-meta span{color:#475569;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.84rem;font-weight:650;overflow:hidden}.as-product-table{overflow-x:auto}.as-product-row{color:#374151;border-top:1px solid #eef2f7;grid-template-columns:120px minmax(180px,1fr) 140px 62px;align-items:center;gap:12px;min-width:560px;min-height:56px;padding:0 16px;font-size:.84rem;font-weight:700;display:grid}.as-product-row.head{color:#6b7280;background-color:#f9fafb;border-top:none;min-height:46px;font-size:.78rem;font-weight:800}.as-product-row span,.as-product-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.as-icon-action{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.as-icon-action:hover{color:var(--primary-red);background-color:#fff1f2;border-color:#fecaca}.as-info-note{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:12px;flex-direction:column;gap:5px;margin-top:14px;padding:14px 16px;display:flex}.as-info-note strong{color:#1d4ed8;font-size:.9rem;font-weight:800}.as-info-note span{color:#475569;font-size:.84rem;font-weight:650;line-height:1.45}.as-shift-list,.as-toggle-list{flex-direction:column;gap:12px;display:flex}.as-shift-card,.as-toggle-row{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.as-shift-card.editable{align-items:stretch}.as-shift-card h3{color:#111827;margin:0 0 5px;font-size:1.02rem}.as-shift-card p{color:#6b7280;margin:0;font-size:.86rem;font-weight:700}.as-time-range{color:#c2410c;background-color:#fff7ed;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:190px;padding:10px 12px;display:flex}.as-time-range strong{font-size:1rem}.as-time-range span{color:#9a3412;font-size:.78rem;font-weight:800}.as-shift-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:520px;max-width:100%;display:grid}.as-shift-fields label{color:#6b7280;flex-direction:column;gap:6px;font-size:.76rem;font-weight:800;display:flex}.as-shift-fields input{color:#1f2937;background-color:#f9fafb;border:1px solid #dfe4ea;border-radius:8px;width:100%;height:38px;padding:0 8px;font-family:inherit;font-size:.86rem;font-weight:800}.as-toggle-row strong,.as-toggle-row span{display:block}.as-toggle-row strong{color:#111827;margin-bottom:4px;font-size:.95rem}.as-toggle-row span{color:#6b7280;font-size:.84rem;font-weight:650}.as-toggle-on{white-space:nowrap;background-color:#dcfce7;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;color:#15803d!important;font-size:.8rem!important;font-weight:800!important;display:inline-flex!important}.as-toggle-control{color:#6b7280;cursor:pointer;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:999px;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;width:88px;height:36px;padding:3px 9px 3px 3px;font-family:inherit;transition:all .2s;display:inline-flex}.as-toggle-control.active{color:#15803d;background-color:#dcfce7;border-color:#bbf7d0;flex-direction:row-reverse;padding:3px 3px 3px 9px}.as-toggle-knob{background-color:#fff;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 5px #0f172a26}.as-toggle-control strong{margin:0;font-size:.8rem;font-weight:800;line-height:1}.as-placeholder-panel{text-align:center;background-color:#f9fafb;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:36px;display:flex}.as-placeholder-icon{color:#4338ca;background-color:#e0e7ff;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.as-placeholder-panel h3{color:#172033;margin:0 0 8px;font-size:1.25rem}.as-placeholder-panel p{color:#6b7280;max-width:390px;margin:0 0 18px;font-size:.9rem;font-weight:650;line-height:1.55}.as-modal-backdrop{z-index:150;background-color:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.as-stall-modal{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:620px;max-width:100%;padding:22px;box-shadow:0 24px 48px #0f172a38}.as-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.as-modal-header span{color:var(--primary-red);font-size:.78rem;font-weight:800}.as-modal-header h3{color:#172033;margin:3px 0 0;font-size:1.14rem;font-weight:800}.as-modal-close{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.as-modal-close:hover{color:var(--primary-red);background-color:#fef2f2;border-color:#fecaca}.as-modal-form{background-color:#f9fafb;border:1px solid #eef2f7;border-radius:12px;padding:14px}.as-modal-form input:not([readonly]),.as-modal-form select{background-color:#fff}.as-modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.sim-screen{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;font-family:Sarabun,sans-serif;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000026}.sim-header{color:#fff;background-color:#1e293b;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.sim-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.control-group{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.control-title{color:#334155;align-items:center;gap:8px;margin:0 0 4px;font-size:.95rem;font-weight:600;display:flex}.sim-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sim-btn:hover:not(:disabled){background-color:#e2e8f0}.sim-btn.active{color:#059669;background-color:#ecfdf5;border-color:#10b981}.sim-btn.primary{color:#fff;background-color:#d32f2f;border-color:#b91c1c}.sim-btn.primary:hover:not(:disabled){background-color:#b91c1c}.sim-btn.warning{color:#fff;background-color:#f59e0b;border-color:#d97706}.sim-btn.danger{color:#fff;background-color:#ef4444;border-color:#b91c1c}.sim-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.state-display{color:#64748b;background:#f1f5f9;border-radius:4px;margin-top:-4px;margin-bottom:4px;padding:4px 8px;font-family:monospace;font-size:.85rem}.sim-admin{width:500px;height:600px}.sim-gate{width:350px;height:400px}.sim-mobile{border:8px solid #0f172a;border-radius:32px;width:375px;height:812px}.sim-vendor{width:375px;height:500px}.terminal-logs{color:#10b981;background-color:#0f172a;border-radius:8px;flex-direction:column;gap:4px;height:200px;padding:12px;font-family:monospace;font-size:.8rem;display:flex;overflow-y:auto}.log-time{color:#94a3b8;margin-right:8px}