*{margin:0;padding:0;box-sizing:border-box}.dashboard-container{padding:20px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px 30px;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px}.company-logo h1{font-size:28px;color:#1e3a8a;margin-bottom:5px}.company-logo p{font-size:14px;color:#666}.status-badge .status-active{background:#10b981;color:#fff;padding:8px 20px;border-radius:20px;font-weight:700;font-size:14px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.card{background:#fff;padding:25px;border-radius:15px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px #0000001a;transition:transform .3s}.card:hover{transform:translateY(-5px)}.card-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-blue .card-icon{background:#dbeafe}.card-green .card-icon{background:#dcfce7}.card-red .card-icon{background:#fee2e2}.card-purple .card-icon{background:#e0e7ff}.card-content h3{font-size:32px;font-weight:700;color:#333;margin-bottom:5px}.card-content p{font-size:14px;color:#666}.orders-section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.orders-section h2{font-size:24px;color:#1e3a8a;margin-bottom:25px}.table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.orders-table thead{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff}.orders-table th{padding:15px;text-align:left;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.orders-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .3s}.orders-table tbody tr:hover{background:#eff6ff;transform:scale(1.01)}.orders-table td{padding:15px;font-size:14px;color:#333}.td-number{text-align:center;font-weight:700;color:#1e3a8a;background:#dbeafe;width:50px}.td-workorder{font-weight:700;color:#1e3a8a;font-size:15px}.td-style{font-weight:600;color:#333}.td-code{font-family:monospace;background:#f3f4f6;padding:8px 12px;border-radius:6px;font-size:13px}.td-qty{text-align:center;font-weight:600;font-size:16px}.td-good{text-align:center;font-weight:700;color:#10b981;font-size:16px;background:#d1fae5}.td-bad{text-align:center;font-weight:700;color:#ef4444;font-size:16px;background:#fee2e2}.td-progress{min-width:150px}.progress-wrapper{display:flex;align-items:center;gap:10px}.progress-bar-small{flex:1;height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,#3b82f6,#1e40af);transition:width .5s ease}.progress-percent{font-weight:700;color:#333;min-width:45px}.total-row{background:#eff6ff;border-top:3px solid #3b82f6;font-size:16px}.total-row td{padding:20px 15px;font-weight:700}.td-total{text-align:center;color:#1e3a8a;font-size:18px}.td-total-good{text-align:center;color:#10b981;font-size:18px;background:#d1fae5}.td-total-bad{text-align:center;color:#ef4444;font-size:18px;background:#fee2e2}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#fff}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;padding:50px;background:#fff;border-radius:15px;margin:50px}.error-container p{font-size:20px;color:#ef4444}.no-data{text-align:center;padding:50px;color:#666;font-size:18px}@media(max-width:1024px){.orders-table{font-size:12px}.orders-table th,.orders-table td{padding:10px}}@media(max-width:768px){.summary-cards{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-direction:column;gap:15px;text-align:center}.table-container{overflow-x:scroll}.orders-table{min-width:900px}}.settings-icon-btn{background:none;border:none;font-size:20px;cursor:pointer;margin-left:10px;padding:5px 10px;border-radius:8px;transition:all .3s}.settings-icon-btn:hover{background:#f3f4f6;transform:rotate(90deg)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:15px;width:90%;max-width:500px;box-shadow:0 10px 40px #0003;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #f3f4f6}.modal-header h3{color:#1e3a8a;font-size:20px;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn:hover{background:#f3f4f6;color:#333}.modal-body{padding:25px}.setting-item{margin-bottom:25px}.setting-item:last-child{margin-bottom:0}.toggle-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-checkbox{display:none}.toggle-switch{position:relative;width:50px;height:26px;background:#e5e7eb;border-radius:13px;transition:background .3s;margin-right:12px}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-checkbox:checked+.toggle-switch{background:#3b82f6}.toggle-checkbox:checked+.toggle-switch:after{transform:translate(24px)}.toggle-text{font-size:16px;font-weight:500;color:#333}.interval-label{display:block;font-size:14px;font-weight:600;color:#666;margin-bottom:12px}.interval-buttons{display:flex;gap:10px;flex-wrap:wrap}.interval-btn{padding:10px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s}.interval-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.interval-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.interval-btn:disabled{opacity:.4;cursor:not-allowed}.modal-footer{padding:20px 25px;border-top:2px solid #f3f4f6;display:flex;justify-content:flex-end}.done-btn{padding:10px 30px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.done-btn:hover{background:#1e40af}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.table-header h2{display:flex;align-items:center}.last-update{display:flex;align-items:center;gap:10px;font-size:14px;color:#666}.updating{color:#3b82f6;font-weight:600;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.table-header{flex-direction:column;align-items:flex-start;gap:10px}.modal-content{width:95%}.interval-buttons{justify-content:stretch}.interval-btn{flex:1;min-width:60px}}