*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--dark:#0f172a;--light:#f8fafc;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--urgent:#ff4d4f;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}body{color:#334155;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#f1f5f9;height:100dvh;margin:0;font-family:Segoe UI,Roboto,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}.login-screen{z-index:9999;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{text-align:center;background:#fff;border-radius:12px;width:320px;max-width:90%;padding:40px;box-shadow:0 20px 25px -5px #0000004d}.login-box h2{color:var(--dark);margin-bottom:20px}.login-box input,.login-box select{border:1px solid var(--border);border-radius:6px;width:100%;margin:8px 0;padding:10px;font-size:14px}.login-box input:focus,.login-box select:focus{border-color:var(--primary);outline:none}.login-box button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:10px;padding:10px;font-size:15px;transition:all .2s}.login-box button:hover{background:#1d4ed8}.login-box button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--danger);margin-top:8px;font-size:13px}.login-check{text-align:left;align-items:center;gap:8px;margin-top:15px;font-size:13px;display:flex}.login-check input{width:auto;margin:0}.app-container{width:100%;height:100vh;display:flex}.sidebar{background:var(--dark);color:#fff;flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden auto}.force-mobile .sidebar{display:none}.force-mobile .bottom-nav{display:flex}.force-mobile .content{padding-bottom:70px}.sidebar-brand{white-space:nowrap;border-bottom:1px solid #334155;align-items:center;gap:10px;padding:20px;font-size:18px;font-weight:700;display:flex}.nav-item{cursor:pointer;white-space:nowrap;color:#cbd5e1;border-left:3px solid #0000;align-items:center;gap:10px;padding:14px 20px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{border-left-color:var(--primary);color:#fff;background:#1e293b}.nav-icon{text-align:center;width:24px;font-size:18px}.nav-spacer{flex:1}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.header{padding:12px 20px;padding-top:calc(12px + var(--sat));border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.header-left h3{color:var(--dark);margin:0;font-size:18px}.header-right{align-items:center;gap:15px;font-size:13px;display:flex}.active-ops{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.clock{color:#64748b;font-size:13px}.user-badge{background:#e2e8f0;border-radius:15px;padding:6px 12px;font-size:13px}.content{height:100%;padding:10px 20px 20px;overflow-y:auto}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.toolbar input{border:1px solid var(--border);border-radius:6px;width:300px;padding:9px;font-size:13px}.toolbar input:focus{border-color:var(--primary);outline:none}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:inline-flex}.btn:hover{background:#f1f5f9}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:#1d4ed8}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:4px 8px;font-size:11px}.table-container{background:#fff;border-radius:8px;position:relative;overflow-x:auto;box-shadow:0 1px 3px #0000001a}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;border-bottom:2px solid var(--border);color:#64748b;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#f8fafc;padding:10px 12px}th.sortable{cursor:pointer}th.sortable:hover{background:#e2e8f0}th .sort-indicator{opacity:.5;margin-left:5px;font-size:10px}th.sort-asc .sort-indicator,th.sort-desc .sort-indicator{opacity:1}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}tr{transition:background .2s}tr:hover{background:#eff6ff}.badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.bg-queue{color:#0369a1;background:#e0f2fe}.bg-work{color:#b45309;background:#fef3c7}.bg-done{color:#047857;background:#d1fae5}.bg-approved{color:#1d4ed8;background:#dbeafe}.bg-rejected{color:#991b1b;background:#fee2e2}.bg-pending{color:#b45309;background:#fef3c7}.bg-in_progress{color:#0369a1;background:#e0f2fe}.bg-active{color:#047857;background:#d1fae5}.urgency{color:var(--urgent);margin-right:5px;font-weight:700}.active-filters-bar{flex-wrap:wrap;gap:8px;min-height:24px;margin-bottom:10px;display:flex}.filter-badge{color:#0369a1;background:#e0f2fe;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.filter-badge .remove{cursor:pointer;margin-left:4px;font-weight:700}.filter-badge .remove:hover{color:var(--danger)}.filter-popup{border:1px solid var(--border);z-index:9999;background:#fff;border-radius:8px;flex-direction:column;width:220px;max-height:300px;font-size:12px;display:none;position:fixed;box-shadow:0 4px 12px #0003}.filter-popup.active{display:flex}.filter-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 10px;font-weight:600;display:flex}.filter-search{border-bottom:1px solid var(--border);padding:6px 8px}.filter-search input{border:1px solid var(--border);border-radius:4px;width:100%;padding:4px;font-size:11px}.filter-items{flex:1;max-height:200px;padding:4px;overflow-y:auto}.filter-item{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex}.filter-item:hover{background:#f1f5f9}.filter-item input{margin:0}.filter-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:5px;padding:6px 8px;display:flex}.filter-footer button{border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:11px}.filter-footer .apply{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-content{background:#fff;border-radius:10px;flex-direction:column;width:750px;max-width:95%;max-height:90vh;padding:15px;display:flex;overflow:hidden}.modal-header{border-bottom:2px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.modal-header h3{margin:0;font-size:16px}.close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;padding:0 5px;font-size:22px}.close-btn:hover{color:var(--dark)}.modal-body{flex:1;padding-right:5px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:10px;display:flex}.detail-grid{grid-template-columns:160px 1fr;gap:12px;margin-top:10px;display:grid}.detail-img{color:#fff;text-align:center;background:#cbd5e1;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:140px;font-size:11px;font-weight:600;display:flex}.detail-info div{margin-bottom:4px;font-size:12px}.detail-info span{color:var(--dark);font-weight:600}.parts-table{border-collapse:collapse;width:auto;max-width:100%;margin-top:5px;font-size:11px}.parts-table th{text-align:center;background:#e2e8f0;padding:4px 6px;font-weight:600}.parts-table td{border-bottom:1px solid var(--border);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;overflow:hidden}.parts-table th:first-child,.parts-table td:first-child{text-align:left;padding-left:8px}.part-link{color:var(--primary);cursor:pointer;text-decoration:underline}.part-link:hover{color:#1d4ed8}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:#f8fafc;border-radius:8px;padding:20px;transition:all .2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background:#eff6ff}.upload-zone.has-file{border-color:var(--success);background:#f0fdf4}.upload-zone p{color:#64748b;margin:0;font-size:13px}.upload-zone .file-name{color:var(--success);margin-top:8px;font-weight:600}.order-form{flex-direction:column;gap:16px;display:flex}.form-row{gap:12px;display:flex}.form-group{flex-direction:column;flex:1;gap:4px;display:flex}.form-group input,.form-group textarea{border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px}.form-group textarea{resize:vertical;min-height:60px}.file-zones{flex-wrap:wrap;gap:12px;display:flex}.file-zones .upload-zone{flex:1;min-width:250px}.user-role{color:#6b21a8;background:#f3e8ff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-block}.loading{color:#64748b;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.stat-card h4{color:#64748b;margin:0 0 8px;font-size:13px;font-weight:500}.stat-card .value{color:var(--dark);font-size:28px;font-weight:700}.hidden{display:none!important}.search-highlight{color:#000;background-color:#fef08a;border-radius:2px;padding:0 1px;font-weight:600}.sched-wrapper{gap:20px;margin-top:15px;display:flex}.sched-main{flex:1}.sched-grid{background:#e2e8f0;border-radius:8px;grid-template-columns:repeat(7,1fr);gap:2px;display:grid;overflow:hidden}.sched-header{color:#fff;text-align:center;background:#0f172a;padding:8px;font-size:12px;font-weight:600}.sched-day{background:#fff}.sched-cell{text-align:center;flex-direction:column;align-items:center;gap:2px;min-height:60px;padding:4px;font-size:11px;display:flex}.sched-today{background:#dbeafe}.sched-today .sched-header{background:#2563eb}.sched-selected{outline-offset:-2px;outline:2px solid #2563eb}.sched-op{color:#0369a1;white-space:nowrap;text-overflow:ellipsis;background:#e0f2fe;border-radius:3px;width:100%;padding:2px 4px;font-size:10px;overflow:hidden}.sched-night{color:#6b21a8!important;background:#f3e8ff!important}.sched-sidebar{background:#fff;border-radius:8px;width:280px;padding:15px;box-shadow:0 1px 3px #0000001a}.sched-sidebar h3{color:#0f172a;border-bottom:2px solid #e2e8f0;margin:0 0 15px;padding-bottom:8px;font-size:14px}.operator-block{background:#f8fafc;border-radius:6px;margin-bottom:8px;padding:8px}.operator-block .label{color:#64748b;font-size:11px}.operator-block .value{font-size:13px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{color:#64748b;font-size:12px;font-weight:600}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:6px;padding:8px;font-size:13px}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;outline:none}.user-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.user-link-btn:hover{color:#1d4ed8}.online-indicator{color:#047857;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.online-dot{background:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block}.last-seen{color:#94a3b8;font-size:13px}.activity-tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:16px;display:flex}.activity-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.activity-tab:hover{color:var(--dark)}.activity-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.activity-section{min-height:200px}.chart-section{margin:16px 0}.chart-section h4{color:#64748b;margin:0 0 8px;font-size:13px}.actions-section{margin-top:16px}.actions-section h4{color:#64748b;margin:0 0 8px;font-size:13px}.bar-chart{align-items:flex-end;gap:2px;height:80px;padding:0 4px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.bar-fill{background:var(--primary);border-radius:2px 2px 0 0;width:100%;max-width:20px;min-height:2px;transition:height .3s}.bar-label{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;overflow:hidden}.actions-list{max-height:250px;overflow-y:auto}.action-item{border-bottom:1px solid #f1f5f9;align-items:baseline;gap:10px;padding:6px 0;font-size:12px;display:flex}.action-time{color:#94a3b8;white-space:nowrap;min-width:50px;font-family:monospace}.action-type{color:var(--dark);white-space:nowrap;font-weight:600}.action-resource{color:#64748b;white-space:nowrap}.action-details{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.history-controls{color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.sched-op.override{background:#fef3c7;border:1px solid #fcd34d;border-radius:3px}.operator-filtered{opacity:.3}.operator-filtered .sched-op{opacity:.5}.operator-active,.operator-active .sched-op{opacity:1}.operator-stat-block{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-bottom:12px;padding:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{color:#cbd5e1;z-index:900;padding:6px 0 calc(6px + var(--sab));background:#0f172a;border-top:1px solid #1e293b;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 12px;transition:all .2s;display:flex}.bottom-nav-item:active{background:#1e293b}.bottom-nav-item.active{color:#60a5fa}.bottom-nav-icon{font-size:20px}.bottom-nav-label{white-space:nowrap;font-size:10px}.bottom-nav-overlay{z-index:899;background:#0000004d;position:fixed;inset:0}.bottom-nav-popup{z-index:901;background:#fff;border-radius:12px;min-width:160px;position:fixed;bottom:64px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 20px #0003}.bottom-nav-popup-item{cursor:pointer;color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 20px;font-size:14px}.bottom-nav-popup-item:last-child{border-bottom:none}.bottom-nav-popup-item:active{background:#f1f5f9}.carousel-container{width:100%;position:relative}.carousel-viewport{width:100%;overflow:hidden}.carousel-image{object-fit:contain;width:100%;max-height:250px;display:block}.carousel-dots{justify-content:center;gap:5px;padding:6px 0;display:flex}.carousel-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px;transition:background .2s}.carousel-dot.active{background:#2563eb}@media (orientation:landscape) and (height<=500px){.carousel-image{max-height:40vh}}@media (width<=768px){.sidebar,.nav-text{display:none}.sidebar-brand{font-size:14px}.header{padding:8px 12px;padding-top:calc(8px + var(--sat))}.content{padding:12px;padding-bottom:calc(70px + var(--sab))}.bottom-nav{display:flex}table{font-size:12px}th,td{padding:6px 8px}.order-cards{flex-direction:column;gap:12px;display:flex}.order-card{cursor:pointer;background:#fff;border:7px solid #0000;border-radius:10px;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 2px 8px #00000014}.order-card:active{transform:scale(.98);box-shadow:0 1px 4px #0000001a}.order-card-image{object-fit:contain;background:#f8fafc;width:100%;display:block}.order-card-body{padding:12px}.order-card-customer{color:#0f172a;margin-bottom:4px;font-size:15px;font-weight:700;line-height:1.3}.order-card-meta{color:#64748b;flex-wrap:wrap;gap:4px 12px;font-size:13px;display:flex}.order-card-meta span{align-items:center;gap:3px;display:inline-flex}.order-card-footer{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.order-card-no-image{color:#94a3b8;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:120px;font-size:13px;display:flex}.order-card.priority-urgent{border-color:#ef4444}.order-card.priority-high{border-color:#f97316}.order-card.priority-medium{border-color:#3b82f6}.order-card.priority-low{border-color:#9ca3af}}.view-toggle{border:1px solid var(--border);background:#fff;border-radius:6px;display:inline-flex;overflow:hidden}.view-toggle-btn{cursor:pointer;color:#94a3b8;background:#fff;border:none;align-items:center;gap:4px;padding:5px 10px;font-size:14px;transition:all .15s;display:flex}.view-toggle-btn.active{background:var(--primary);color:#fff}.view-toggle-btn:hover:not(.active){background:#f1f5f9}.desktop-cards{grid-template-columns:repeat(5,1fr);gap:12px;padding:4px 0;display:grid}.desktop-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;gap:6px;padding:12px;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.desktop-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.desktop-card.priority-urgent{border-left:3px solid #ef4444}.desktop-card.priority-high{border-left:3px solid #f59e0b}.desktop-card.priority-medium{border-left:3px solid #3b82f6}.desktop-card.priority-low{border-left:3px solid #10b981}.desktop-card-header{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.desktop-card-id{color:#64748b;font-size:12px;font-weight:700}.desktop-card-badge{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.desktop-card-customer{color:var(--dark);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.desktop-card-meta{color:#64748b;flex-wrap:wrap;gap:4px 8px;font-size:11px;display:flex}.desktop-card-meta-item{align-items:center;gap:3px;display:flex}.desktop-card-meta-label{color:#94a3b8}.desktop-card-meta-value{color:#475569;font-weight:500}.desktop-card-footer{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;font-size:11px;display:flex}.desktop-card-tags{flex-wrap:wrap;gap:4px;display:flex}.desktop-card-tag{border-radius:3px;padding:1px 5px;font-size:10px;font-weight:500}.tag-group{color:#7c3aed;background:#ede9fe}.tag-machine{color:#0369a1;background:#e0f2fe}.tag-supply{color:#b45309;background:#fef3c7}.desktop-card-warehouse-shape{background:#f1f3f5;border-radius:4px;justify-content:center;align-items:center;width:100%;height:55px;padding:4px;display:flex;overflow:hidden}.desktop-card-warehouse-shape svg{max-width:100%;max-height:100%}.desktop-card-deficit-grid{grid-template-columns:1fr 1fr;gap:4px;font-size:11px;display:grid}.desktop-card-deficit-cell{flex-direction:column;gap:1px;display:flex}.desktop-card-deficit-label{color:#94a3b8;font-size:10px}.desktop-card-deficit-value{font-weight:600}.desktop-card-deficit-value.positive{color:#047857}.desktop-card-deficit-value.negative{color:#dc2626}.desktop-card-deficit-value.neutral{color:#64748b}@media (width<=1200px){.desktop-cards{grid-template-columns:repeat(4,1fr)}}@media (width<=1000px){.desktop-cards{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.desktop-cards{grid-template-columns:repeat(2,1fr)}.view-toggle{display:none}}.desktop-card-image{background:#f8fafc;border-radius:4px;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative;overflow:hidden}.desktop-card-image img{object-fit:contain;max-width:100%;max-height:100%}.desktop-card-image-nav{color:#64748b;background:#ffffffd9;border-radius:4px;align-items:center;gap:2px;padding:1px 4px;font-size:10px;display:flex;position:absolute;bottom:2px;right:2px}.desktop-card-image-nav button{cursor:pointer;color:#475569;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.desktop-card-image-nav button:hover{color:var(--primary)}.desktop-card-actions{gap:3px;margin-left:auto;display:flex}.desktop-card-actions .btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;padding:2px 6px;font-size:12px;transition:all .15s}.desktop-card-actions .btn:hover{background:#f1f5f9}.desktop-card-priority-wrap{display:inline-block;position:relative}.desktop-card-priority-click{cursor:pointer;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:11px}.desktop-card-priority-click:hover{opacity:.8}.desktop-card-priority-dropdown{border:1px solid var(--border);background:#fff;border-radius:6px;min-width:120px;padding:4px;box-shadow:0 4px 12px #00000026}.desktop-card-priority-option{cursor:pointer;border-radius:4px;padding:4px 8px;font-size:12px;transition:background .1s}.desktop-card-priority-option:hover{background:#f1f5f9}.desktop-card-priority-option.active{background:#eff6ff;font-weight:600}