*,body,html{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:auto;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-bg:#0f0f0f;--secondary-bg:#1a1a1a;--card-bg:#2a2a2a;--border-color:#3a3a3a;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-blue:#4a90e2;--accent-red:#e74c3c;--accent-green:#2ecc71;--accent-yellow:#f39c12;--accent-orange:#e67e22}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:#3a3a3a;background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.container{margin:0 auto;max-width:1400px;padding:20px}.card{background:#2a2a2a;background:var(--card-bg);border:1px solid #3a3a3a;border:1px solid var(--border-color);border-radius:8px;padding:20px}.btn{border-radius:5px;font-size:14px;font-weight:500;transition:all .3s ease}.btn-primary{background:var(--accent-blue)}.btn-primary:hover{background:#3a7bc8}.btn-danger{background:var(--accent-red);color:#fff}.btn-success{background:#2ecc71;background:var(--accent-green);color:#fff}.btn-success:hover{background:#27ae60}input,select,textarea{background:#1a1a1a;background:var(--secondary-bg);border:1px solid #3a3a3a;border:1px solid var(--border-color);border-radius:5px;color:#fff;color:var(--text-primary);font-size:14px;padding:10px}input:focus,select:focus,textarea:focus{border-color:#4a90e2;border-color:var(--accent-blue);outline:none}table{border-collapse:collapse;width:100%}table td,table th{border-bottom:1px solid #3a3a3a;border-bottom:1px solid var(--border-color);padding:12px;text-align:left}table th{font-weight:600}table th,table tr:hover{background:#1a1a1a;background:var(--secondary-bg)}.login-container{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);display:flex;justify-content:center;min-height:100vh}.login-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:var(--accent-blue);font-size:32px;margin-bottom:10px}.login-header p{color:var(--text-secondary);font-size:16px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group input{width:100%}.login-btn{font-size:16px;margin-top:10px;padding:12px;width:100%}.error-message{background:#e74c3c1a;border:1px solid var(--accent-red);border-radius:5px;color:var(--accent-red);font-size:14px;padding:12px;text-align:center}.navbar{background:var(--secondary-bg);border-bottom:1px solid var(--border-color);overflow-x:auto;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-container{box-sizing:border-box;width:100%}.navbar-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;height:auto;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:60px;padding:0 20px}.navbar-brand{cursor:pointer}.navbar-brand h2{color:var(--accent-blue);font-size:20px;font-weight:600}.navbar-menu{flex-wrap:wrap;gap:10px}.nav-link,.navbar-menu{align-items:center;display:flex}.nav-link{background:#0000;border:none;border-radius:5px;color:var(--text-secondary);cursor:pointer;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.nav-link:hover{background:var(--card-bg);color:var(--text-primary)}.navbar-user{align-items:center;background:var(--card-bg);border-radius:5px;display:flex;gap:5px;margin-left:10px;padding:8px 16px}.user-name{color:var(--text-primary);font-size:14px;font-weight:500}.user-role{color:var(--text-secondary);font-size:12px}.logout-btn{background:var(--accent-red);color:#fff}.logout-btn:hover{background:#c0392b;color:#fff}@media (max-width:768px){.navbar-container{align-items:flex-start;flex-direction:column;gap:15px;padding:15px 20px}.navbar-brand{width:100%}.navbar-brand h2{font-size:18px}.navbar-menu{gap:8px;justify-content:flex-start;width:100%}.nav-link{font-size:13px}.nav-link,.navbar-user{flex:1 1;justify-content:center;min-width:0;padding:6px 12px}.navbar-user{margin-left:0}.user-name,.user-role{font-size:12px}.logout-btn{flex:1 1;min-width:0}}@media (max-width:480px){.navbar-container{gap:12px;padding:12px 15px}.navbar-brand h2{font-size:16px}.navbar-menu{flex-direction:column;gap:8px;width:100%}.logout-btn,.nav-link,.navbar-user{justify-content:flex-start;width:100%}.nav-link,.navbar-user{padding:10px 15px}}.thingsboard-settings-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;max-width:600px;padding:24px}.settings-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.settings-header h3{font-size:20px;margin:0}.settings-description{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.settings-form{margin-bottom:24px}.settings-form .form-group{margin-bottom:20px}.settings-form .form-group small{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.settings-actions{display:flex;gap:12px;margin-top:24px}.settings-actions button{flex:1 1}.settings-info{background:var(--secondary-bg);border-radius:6px;margin-top:24px;padding:16px}.settings-info h4{color:var(--accent-blue);font-size:14px;margin:0 0 12px}.settings-info ul{margin:0;padding-left:20px}.settings-info li{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:8px}.settings-info li:last-child{margin-bottom:0}.user-management{padding:20px}.section-header{margin-bottom:30px}.section-header h2{align-items:center;color:#fff;display:flex;gap:10px;margin:0}.section-header p{color:#888;margin:5px 0 0}.users-table{background:#2a2a2a;border-radius:8px;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#1a1a1a;border-bottom:2px solid #3a3a3a;color:#fff;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #3a3a3a;color:#e0e0e0;padding:15px}.users-table tr:hover{background:#333}.badge{font-weight:600;text-transform:uppercase}.badge-admin{background:#e74c3c;color:#fff}.badge-user{background:#4a90e2;color:#fff}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#2ecc71;color:#fff}.status-badge.inactive{background:#95a5a6;color:#fff}.thingsboard-mapped{align-items:center;color:#2ecc71;display:flex;gap:5px}.text-muted{color:#666;font-style:italic}.action-buttons{display:flex;gap:10px}.btn-icon{color:#888;transition:all .2s}.btn-icon:hover{background:#3a3a3a;color:#4a90e2}.btn-icon:disabled{cursor:not-allowed;opacity:.3}.form-section{border-bottom:1px solid #3a3a3a;margin-bottom:30px;padding-bottom:20px}.form-section:last-child{border-bottom:none}.form-section h3{color:#4a90e2;font-size:16px;margin:0 0 10px}.form-help{margin:0 0 15px}.form-group{margin-bottom:20px}.form-group label{color:#e0e0e0;margin-bottom:8px}.form-group input,.form-group select{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#fff;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4a90e2;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.5}.form-group small{color:#888;display:block;font-size:12px;margin-top:5px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}select{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}select:focus{border-color:#4a90e2;outline:none}select option{background:#2a2a2a}.alert{border-radius:4px;padding:15px}.alert-error{border:1px solid #e74c3c;color:#e74c3c}.alert-success{border:1px solid #2ecc71;color:#2ecc71}.modal{background:#2a2a2a;border-radius:8px}.form-row{display:flex;margin-bottom:15px}.form-row .form-group{flex:1 1}.dashboard-assignments-list,.devices-list{display:flex;flex-direction:column;gap:10px}.dashboard-assignment-item,.device-item{align-items:center;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;display:flex;justify-content:space-between;padding:15px;transition:all .2s}.dashboard-assignment-item:hover,.device-item:hover{border-color:#4a90e2}.dashboard-info h4,.device-info h4{color:#fff;font-size:16px;margin:0 0 5px}.dashboard-id-badge{background:#3a3a3a;color:#888;font-family:monospace;padding:3px 10px}.dashboard-id-badge,.websocket-badge{border-radius:12px;display:inline-block;font-size:11px}.websocket-badge{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff;font-weight:600;letter-spacing:.3px;padding:4px 10px}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #667eea4d}50%{box-shadow:0 2px 12px #667eea99}}.device-id{color:#888;font-size:13px}.default-badge{background:#2ecc71;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:10px;padding:3px 10px}.dashboard-actions,.device-actions{align-items:center;display:flex;gap:10px}.btn-sm{font-size:13px}.btn-danger{background:#e74c3c}.btn-danger:hover{background:#c0392b}.btn-icon.btn-danger{background:#0000;color:#e74c3c}.btn-icon.btn-danger:hover{background:#e74c3c1a;color:#e74c3c}.modal-header{border-bottom:1px solid #3a3a3a}.modal-header h2{color:#fff;gap:10px;margin:0}.modal-close,.modal-header h2{align-items:center;display:flex}.modal-close{color:#888;font-size:28px;height:30px;justify-content:center;width:30px}.modal-close:hover{color:#fff}.modal-footer{border-top:1px solid #3a3a3a;padding:20px}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#4a90e2;color:#fff}.btn-primary:hover{background:#357ab8}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.loading{color:#888;padding:50px}.credentials-test{align-items:center;display:flex;gap:15px;margin-top:15px}.btn-test{align-items:center;background:#0000;border:2px solid #4a90e2;border-radius:4px;color:#4a90e2;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.btn-test:hover:not(:disabled){background:#4a90e2;box-shadow:0 4px 8px #4a90e24d;color:#fff;transform:translateY(-1px)}.btn-test:disabled{cursor:not-allowed;opacity:.5}.btn-test.valid{background:#2ecc711a;border-color:#2ecc71;color:#2ecc71}.btn-test.valid:hover:not(:disabled){background:#2ecc71;color:#fff}.btn-test.invalid{background:#e74c3c1a;border-color:#e74c3c;color:#e74c3c}.btn-test.invalid:hover:not(:disabled){background:#e74c3c;color:#fff}.text-success{color:#2ecc71;font-size:14px}.text-error{color:#e74c3c;font-size:14px}.admin-page{background:var(--primary-bg);min-height:100vh}.admin-container{margin:0 auto;max-width:1400px;padding:30px 20px}.admin-header{margin-bottom:30px}.admin-header h1{font-size:32px;margin-bottom:8px}.admin-header p{color:var(--text-secondary);font-size:16px}.alert{border-radius:5px;margin-bottom:20px;padding:12px 20px}.alert-error{background:#e74c3c1a;border:1px solid var(--accent-red);color:var(--accent-red)}.alert-success{background:#2ecc711a;border:1px solid var(--accent-green);color:var(--accent-green)}.admin-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:10px;margin-bottom:30px}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{border-bottom-color:var(--accent-blue);color:var(--accent-blue)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:24px}.btn-sm{font-size:12px;padding:6px 12px}.btn-icon{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .3s ease}.btn-icon:hover{background:var(--secondary-bg);color:var(--text-primary)}.btn-icon.btn-danger:hover{background:var(--accent-red);color:#fff}.table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.loading{color:var(--text-secondary);padding:40px;text-align:center}.badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.badge-admin{background:#e74c3c33;color:var(--accent-red)}.badge-user{background:#4a90e233;color:var(--accent-blue)}.badge-success{background:#2ecc7133;color:var(--accent-green)}.badge-danger{background:#e74c3c33;color:var(--accent-red)}.status-connected{color:var(--accent-green);font-size:12px}.status-disconnected{color:var(--text-secondary);font-size:12px}.dashboards-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard-card{border:1px solid var(--border-color);border-radius:8px;padding:20px}.dashboard-card:hover{transform:translateY(-2px)}.dashboard-card-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:10px}.dashboard-card-header h3{font-size:18px;margin-bottom:5px}.dashboard-id{background:var(--secondary-bg);border-radius:4px;color:var(--text-secondary);font-family:monospace;font-size:11px;padding:4px 8px}.dashboard-description{margin-bottom:15px}.dashboard-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.modal-header h2{font-size:20px}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-body hr{border:none;border-top:1px solid var(--border-color);margin:20px 0}.modal-body h3{color:var(--text-secondary);font-size:16px;margin-bottom:15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:15px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{width:100%}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.btn-secondary{background:var(--secondary-bg);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.user-dashboards-page{background:var(--primary-bg);min-height:100vh}.dashboards-container{margin:0 auto;max-width:1200px;padding:40px 20px}.dashboards-header{margin-bottom:40px;text-align:center}.dashboards-header h1{font-size:36px;margin-bottom:10px}.dashboards-header p{color:var(--text-secondary);font-size:18px}.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-blue);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{margin-bottom:20px;opacity:.5}.empty-state h2{color:var(--text-primary);font-size:24px;margin-bottom:10px}.dashboards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.dashboard-card{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:20px;padding:24px;transition:all .3s ease}.dashboard-card:hover{border-color:var(--accent-blue);box-shadow:0 8px 24px #4a90e233;transform:translateY(-4px)}.dashboard-icon{align-items:center;background:linear-gradient(135deg,var(--accent-blue) 0,#3a7bc8 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.dashboard-info{flex:1 1}.dashboard-info h3{font-size:20px;margin-bottom:8px}.dashboard-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:12px}.dashboard-meta{align-items:center;display:flex;gap:12px}.dashboard-type{background:#4a90e233;border-radius:12px;color:var(--accent-blue);font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.device-id{color:var(--text-secondary);font-family:monospace;font-size:12px}.dashboard-action{color:var(--text-secondary);flex-shrink:0;transition:all .3s ease}.dashboard-card:hover .dashboard-action{color:var(--accent-blue);transform:translateX(4px)}.production-dashboard{background:var(--primary-bg);box-sizing:border-box;max-width:100vw;min-height:calc(100vh - 60px);overflow-x:auto;padding:20px;width:100%}.dashboard-title{align-items:center;background:var(--secondary-bg);border-bottom:2px solid var(--border-color);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px 30px;width:100%}.title-content{flex:1 1;min-width:0}.title-content h1{word-wrap:break-word;color:var(--text-primary);font-size:24px;margin-bottom:8px;overflow-wrap:break-word}.subtitle{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:15px}.subtitle span{white-space:nowrap}.header-actions{display:flex;flex-shrink:0;gap:10px}.spinning{animation:spin 1s linear infinite}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1600px}.chart-card,.metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.card-header{align-items:center;background:var(--secondary-bg);border-bottom:1px solid var(--border-color);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 20px}.line-status-card-grid{display:flex;flex-direction:column;grid-column:span 1}.status-indicators-compact{flex:1 1;gap:15px;padding:20px}.status-indicator-compact,.status-indicators-compact{align-items:center;display:flex;justify-content:center}.status-indicator-compact{border:3px solid var(--border-color);border-radius:50%;flex-direction:column;height:90px;transition:all .3s ease;width:90px}.status-indicator-compact.active{border-color:currentColor;box-shadow:0 0 20px currentColor;transform:scale(1.05)}.status-label-compact{font-size:11px;font-weight:600;margin-bottom:4px}.status-count-compact,.status-label-compact{color:#fff;text-align:center;text-shadow:0 2px 4px #00000080}.status-count-compact{font-size:20px;font-weight:700}.efficiency-card{grid-column:span 1}.efficiency-value{font-size:64px;font-weight:700;padding:30px 20px 20px;text-align:center}.efficiency-bar{background:var(--secondary-bg);border-radius:6px;height:12px;margin:0 20px 20px;overflow:hidden}.efficiency-fill{height:100%;transition:width .5s ease}.metric-card{padding:0}.metric-value{font-size:72px;font-weight:700;padding:40px 20px;text-align:center}.downtime-card{background:#f39c12}.downtime-card .card-header{background:#e67e22;color:#000}.downtime-card .metric-value{color:#000}.style-info-card{grid-column:span 1;grid-row:span 2}.style-info-card .card-header{color:#fff}.style-info-content{padding:20px}.info-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:14px}.info-value{color:var(--text-primary);font-size:16px;font-weight:600}.hourly-production-card{grid-column:span 2;grid-row:span 2}.chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.date-range-controls{align-items:center;display:flex;gap:10px}.date-label{color:var(--text-secondary);font-size:12px;font-weight:500}.date-input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:12px;padding:6px 10px}.date-input:focus{border-color:#4a90e2;outline:none}.interval-selector{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;min-width:120px;padding:6px 12px}.chart-container{height:300px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:20px}.efficiency-gauge-card{grid-column:span 2;grid-row:span 2}.gauge-container{align-items:center;display:flex;flex-direction:column;height:calc(100% - 50px);justify-content:center;padding:20px}.gauge-svg{height:auto;max-width:300px;width:100%}.gauge-value{color:var(--text-primary);font-size:48px;font-weight:700;margin-top:-30px}.downtime-reasons-card{grid-column:span 2}.downtime-list{padding:20px}.downtime-item{grid-gap:15px;align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:15px;grid-template-columns:1fr auto auto;padding:15px 0}.downtime-item:last-child{border-bottom:none}.downtime-label{align-items:center;display:flex;font-size:14px;gap:10px}.downtime-icon{border-radius:2px;height:16px;width:16px}.downtime-value{font-size:20px;font-weight:700;min-width:40px;text-align:right}.downtime-bar-icon{border-radius:2px;height:24px;width:24px}.line-status-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;grid-column:span 2;justify-content:center;padding:30px}.status-indicators{display:flex;gap:40px;justify-content:space-around;width:100%}.status-light{align-items:center;border:4px solid var(--border-color);border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;position:relative;transition:all .3s ease;width:120px}.status-light.active{border-color:currentColor;box-shadow:0 0 30px currentColor}.status-label{color:#fff;font-size:12px;font-weight:600;margin-bottom:5px;text-align:center;text-shadow:0 2px 4px #00000080}.line-status-card-top .status-label{font-size:10px;margin-bottom:3px}.status-count{color:#fff;font-size:18px;font-weight:700;margin-top:5px;text-align:center;text-shadow:0 2px 4px #00000080}.line-status-card-top .status-count{font-size:14px;margin-top:2px}@media (max-width:1400px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}.line-status-card-grid{grid-column:span 1}.efficiency-gauge-card,.hourly-production-card{grid-column:span 3}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.line-status-card-grid{grid-column:span 1}.downtime-reasons-card,.efficiency-gauge-card,.hourly-production-card,.line-status-card{grid-column:span 2}.style-info-card{grid-row:span 1}.status-indicators-compact{gap:10px}.status-indicator-compact{height:75px;width:75px}.status-label-compact{font-size:10px}.status-count-compact{font-size:16px}}@media (max-width:768px){.production-dashboard{box-sizing:border-box;overflow-x:auto;padding:15px;width:100%}.dashboard-grid{box-sizing:border-box;gap:15px;grid-template-columns:1fr;width:100%}.line-status-card-grid{grid-column:span 1}.chart-card,.efficiency-card,.line-status-card,.metric-card,.style-info-card{grid-column:span 1;grid-row:span 1}.dashboard-title{align-items:flex-start;box-sizing:border-box;flex-direction:column;gap:15px;padding:15px 20px;width:100%}.title-content{width:100%}.title-content h1{font-size:20px;word-break:break-word}.subtitle{flex-wrap:wrap;font-size:12px;gap:8px;width:100%}.subtitle span{font-size:11px}.header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.websocket-status{align-items:center;display:flex;margin-left:0;margin-top:5px}.status-indicators-compact{gap:15px;padding:15px}.status-indicator-compact{height:80px;width:80px}.chart-controls{align-items:flex-start;flex-direction:column;gap:10px}.date-range-controls{flex-wrap:wrap;width:100%}.date-input{flex:1 1;min-width:150px}.interval-selector{width:100%}.chart-container{height:250px;padding:15px}.gauge-container{padding:15px}.gauge-svg{max-width:250px}}@media (max-width:480px){.production-dashboard{box-sizing:border-box;overflow-x:auto;padding:10px;width:100%}.dashboard-title{padding:12px 15px}.title-content h1{font-size:18px}.subtitle{font-size:11px;gap:6px}.subtitle span{font-size:10px}.header-actions{gap:8px}.btn-icon{padding:8px}.dashboard-grid{gap:15px}.status-indicators-compact{gap:10px;padding:10px}.status-indicator-compact{height:70px;width:70px}.status-label-compact{font-size:9px}.status-count-compact{font-size:14px}.efficiency-value{font-size:48px;padding:20px 15px 15px}.metric-value{font-size:56px;padding:30px 15px}.card-header{font-size:12px;padding:10px 15px}}.param-mapping-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.param-mapping-item{display:flex;flex-direction:column;gap:8px}.param-mapping-item label{color:#e0e0e0;font-size:14px;font-weight:500}.param-mapping-item input{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#fff;font-family:monospace;font-size:14px;padding:10px;width:100%}.param-mapping-item input:focus{border-color:#4a90e2;outline:none}.form-help{color:#888;font-size:14px;margin-bottom:20px}.modal-large{max-width:900px}.dashboard-view-page{background:var(--primary-bg);min-height:100vh}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:calc(100vh - 60px)}.default-dashboard{margin:0 auto;max-width:1400px;padding:40px 20px}.default-dashboard h2{font-size:32px;margin-bottom:10px}.default-dashboard p{color:var(--text-secondary);font-size:16px;margin-bottom:30px}.dashboard-placeholder{background:var(--card-bg);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);padding:80px 20px;text-align:center}.device-selector-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000004d;display:flex;gap:15px;padding:20px}.device-selector-container label{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.device-selector-icon{font-size:20px}.device-selector{background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;color:#333;cursor:pointer;font-size:15px;font-weight:500;min-width:250px;padding:10px 15px;transition:all .3s ease}.device-selector:hover{background:#fff;border-color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.device-selector:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e24d;outline:none}.device-selector option{background:#fff;color:#333;padding:10px}.device-count{background:#fff3;border-radius:12px;color:#ffffffe6;font-size:14px;font-weight:500;margin-left:auto;padding:6px 12px}
/*# sourceMappingURL=main.0e3cb7d5.css.map*/