body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-content *{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.dashboard-content{background-color:#f5f7fa;color:#333;min-height:100vh;padding:20px}.dashboard-content .dashboard-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px;position:sticky;top:0;z-index:5}.dashboard-content .dashboard-header .header-left{align-items:center;display:flex;gap:20px}.dashboard-content .dashboard-header .header-left .header-logo{color:#3498db;color:var(--primary-color);font-size:1.5rem;font-weight:700}.dashboard-content .dashboard-header .header-right{align-items:center;display:flex;gap:20px}.dashboard-content .connection-status{align-items:center;background:#0000000d;border-radius:20px;display:flex;font-size:12px;gap:8px;padding:4px 12px}.dashboard-content .connection-status .status-indicator{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.dashboard-content .connection-status .status-indicator.connected{animation:pulse-green 2s infinite;background:#10b981;box-shadow:0 0 8px #10b981}.dashboard-content .connection-status .status-indicator.partial{animation:pulse-orange 2s infinite;background:#f59e0b;box-shadow:0 0 8px #f59e0b}.dashboard-content .connection-status .status-indicator.disconnected{background:#ef4444;box-shadow:0 0 8px #ef4444}.dashboard-content .connection-status .status-text{color:#6b7280;font-size:.85rem;font-weight:500}.dashboard-content .page-titles{margin-bottom:20px}.dashboard-content .page-titles h1{color:#2c3e50;color:var(--dark-color);font-size:1.8rem}.dashboard-content .page-titles p{color:#95a5a6;color:var(--gray-color);font-size:.9rem}.dashboard-content .dashboard-stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-bottom:20px}.dashboard-content .dashboard-stats-container .quickstats{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.dashboard-content .dashboard-stats-container .quickstats .statsheader{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.dashboard-content .dashboard-stats-container .quickstats .statsheader .statstitle{color:#2c3e50;color:var(--dark-color);font-size:1.1rem;font-weight:600}.dashboard-content .dashboard-stats-container .quickstats .statsheader .statsrefresh{align-items:center;color:#3498db;color:var(--primary-color);cursor:pointer;display:flex;font-size:.9rem;gap:5px;transition:transform .3s ease}.dashboard-content .dashboard-stats-container .quickstats .statsheader .statsrefresh i{font-size:.9rem}.dashboard-content .dashboard-stats-container .quickstats .statsgrid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard{background:#f8f9fa;border-radius:8px;overflow:hidden;padding:15px;position:relative}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard:before{background:var(--stat-color);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard.power{--stat-color:#4361ee}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard.current{--stat-color:#4cc9f0}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard.active{--stat-color:#2ecc71}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard.idle{--stat-color:#f39c12}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard.off{--stat-color:#6c757d}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard.overload{--stat-color:#e74c3c}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard .statlabel{align-items:center;color:#95a5a6;color:var(--gray-color);display:flex;font-size:.75rem;gap:5px;margin-bottom:5px}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard .statlabel i{font-size:.8rem}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard .statvalue{font-size:1.4rem;font-weight:700;margin-bottom:3px}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard .statunit{color:#95a5a6;color:var(--gray-color);font-size:.8rem}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard .statchange{align-items:center;display:flex;font-size:.7rem;gap:3px}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard .statchange.positive{color:#2ecc71}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard .statchange.negative{color:#e74c3c}.dashboard-content .dashboard-stats-container .quickstats .statsgrid .statcard .statchange i{font-size:.7rem}.dashboard-content .dashboard-stats-container .oeecontainer{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.dashboard-content .dashboard-stats-container .oeecontainer .oeeheader{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dashboard-content .dashboard-stats-container .oeecontainer .oeeheader .oeetitle{align-items:center;display:flex;gap:10px}.dashboard-content .dashboard-stats-container .oeecontainer .oeeheader .oeetitle i{color:#4361ee;color:var(--oee-color);font-size:1.3rem}.dashboard-content .dashboard-stats-container .oeecontainer .oeeheader .oeetitle h3{color:#2c3e50;color:var(--dark-color);font-size:1.2rem;font-weight:600;margin:0}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;padding:15px;transition:all .3s}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card:hover{box-shadow:0 5px 15px #0000000d;transform:translateY(-3px)}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card.oee{border-top:3px solid #4361ee;border-top:3px solid var(--oee-color)}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card.availability{border-top:3px solid #4cc9f0;border-top:3px solid var(--availability-color)}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card.performance{border-top:3px solid #4895ef;border-top:3px solid var(--performance-color)}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge{height:120px;margin-bottom:10px;position:relative;width:100%}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-svg{height:100%;width:100%}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-svg .gauge-circle{fill:none;stroke-width:10;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .8s ease}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-svg .gauge-circle.gauge-background{stroke:#e9ecef}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-svg .gauge-circle.gauge-fill{stroke:currentColor;transition:stroke-dashoffset 1s ease-in-out}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-text .metric-value{font-size:1rem;font-weight:600}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-text .metric-value.oee-excellent{color:#2ecc71}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-text .metric-value.oee-good{color:#3498db}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-text .metric-value.oee-fair{color:#f39c12}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metric-gauge .gauge-text .metric-value.oee-poor{color:#e74c3c}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metriclabel{color:#95a5a6;color:var(--gray-color);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-top:5px;text-transform:uppercase}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row .oeemetric-card .metricdescription{color:#95a5a6;color:var(--gray-color);font-size:.75rem;margin-top:10px;text-align:center}.dashboard-content .status-filter-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.dashboard-content .status-filter-bar .status-filter{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 15px;transition:all .3s ease}.dashboard-content .status-filter-bar .status-filter.all{background-color:#2c3e50;background-color:var(--dark-color);color:#fff}.dashboard-content .status-filter-bar .status-filter.working{background-color:#2ecc71;background-color:var(--success-color);color:#fff}.dashboard-content .status-filter-bar .status-filter.idle{background-color:#f39c12;background-color:var(--warning-color);color:#fff}.dashboard-content .status-filter-bar .status-filter.off{background-color:#95a5a6;background-color:var(--gray-color);color:#fff}.dashboard-content .status-filter-bar .status-filter.overload{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.dashboard-content .status-filter-bar .status-filter.error{background-color:#9b59b6;color:#fff}.dashboard-content .status-filter-bar .status-filter.active{box-shadow:0 2px 8px #0003;transform:scale(1.05)}.dashboard-content .status-filter-bar .status-filter i{font-size:.9rem}.dashboard-content .status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard-content .status-grid .status-card{background-color:#fff;border-radius:5px;box-shadow:0 2px 8px #0000000d;cursor:pointer;font-size:.8rem;padding:10px;transition:all .3s}.dashboard-content .status-grid .status-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard-content .status-grid .status-card[data-status=off]{opacity:.85}.dashboard-content .status-grid .status-card .status-card-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:5px}.dashboard-content .status-grid .status-card .status-card-header .crane-name{align-items:center;display:flex;font-size:.9rem;font-weight:600;line-height:1.2}.dashboard-content .status-grid .status-card .status-card-header .crane-id{color:#95a5a6;color:var(--gray-color);font-size:.75rem;margin-top:2px}.dashboard-content .status-grid .status-card .status-card-header .status-badge{border-radius:20px;font-size:.7rem;font-weight:600;padding:3px 8px;text-transform:uppercase}.dashboard-content .status-grid .status-card .status-card-header .status-badge.status-working{background-color:#2ecc71;background-color:var(--success-color);color:#fff}.dashboard-content .status-grid .status-card .status-card-header .status-badge.status-idle{background-color:#f39c12;background-color:var(--warning-color);color:#fff}.dashboard-content .status-grid .status-card .status-card-header .status-badge.status-off{background-color:#95a5a6;background-color:var(--gray-color);color:#fff}.dashboard-content .status-grid .status-card .status-card-header .status-badge.status-overload{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.dashboard-content .status-grid .status-card .status-card-header .status-badge.status-error{background-color:#9b59b6;color:#fff}.dashboard-content .status-grid .status-card .status-card-body{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.dashboard-content .status-grid .status-card .status-card-body .status-metric{margin-bottom:10px}.dashboard-content .status-grid .status-card .status-card-body .status-metric .metric-label{color:#95a5a6;color:var(--gray-color);font-size:.65rem;margin-bottom:3px}.dashboard-content .status-grid .status-card .status-card-body .status-metric .metric-value{font-size:.8rem;font-weight:600}.dashboard-content .status-grid .status-card .status-card-body .status-metric .metric-value.motor-status.emergency{animation:text-pulse 1s infinite;color:#dc3545;font-weight:700}.dashboard-content .status-grid .status-card .status-card-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:15px;padding-top:10px}.dashboard-content .status-grid .status-card .status-card-footer .last-updated{color:#95a5a6;color:var(--gray-color);font-size:.7rem}.dashboard-content .status-grid .status-card .status-card-footer .view-details{align-items:center;color:#3498db;color:var(--primary-color);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:5px}.dashboard-content .status-grid .status-card .status-card-footer .view-details i{font-size:.7rem;transition:transform .3s ease}.dashboard-content .status-grid .status-card .status-card-footer .view-details:hover i{transform:translateX(3px)}.dashboard-content .status-grid .loading-message{color:#95a5a6;color:var(--gray-color);grid-column:1/-1;padding:40px;text-align:center}.dashboard-content .status-grid .loading-message i{margin-right:10px}.dashboard-content .user-info-wrapper{--primary-color:#4361ee;--danger-color:#ef233c;--text-color:#2b2d42;--hover-bg:#f8f9fa;--transition-speed:0.25s}.dashboard-content .user-info-wrapper .account-dropdown{display:inline-block;position:relative}.dashboard-content .user-info-wrapper .account-dropdown .account-trigger{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-color);cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all var(--transition-speed) ease}.dashboard-content .user-info-wrapper .account-dropdown .account-trigger:hover{background-color:#0000000d}.dashboard-content .user-info-wrapper .account-dropdown .account-trigger .fa-user-circle{color:#3498db;color:var(--primary-color);font-size:1.5rem}.dashboard-content .user-info-wrapper .account-dropdown .account-trigger span{font-size:.875rem;font-weight:500}.dashboard-content .user-info-wrapper .account-dropdown .account-trigger .fa-caret-down{font-size:.75rem;transition:transform var(--transition-speed)}.dashboard-content .user-info-wrapper .account-dropdown .account-trigger.active .fa-caret-down{transform:rotate(180deg)}.dashboard-content .user-info-wrapper .account-dropdown .account-menu{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;min-width:180px;opacity:1;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(0);visibility:visible;z-index:1000}.dashboard-content .user-info-wrapper .account-dropdown .account-menu .account-menu-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem 1rem;text-align:left;text-decoration:none;transition:background-color var(--transition-speed),color var(--transition-speed);width:100%}.dashboard-content .user-info-wrapper .account-dropdown .account-menu .account-menu-item:focus,.dashboard-content .user-info-wrapper .account-dropdown .account-menu .account-menu-item:hover{background-color:var(--hover-bg);color:#3498db;color:var(--primary-color)}.dashboard-content .user-info-wrapper .account-dropdown .account-menu .account-menu-item i{color:inherit;text-align:center;width:1.25rem}.dashboard-content .user-info-wrapper .account-dropdown .account-menu .account-menu-item.plan-info{background-color:#f8f9fa;color:#2c3e50;color:var(--dark-color);font-weight:600;justify-content:center;pointer-events:none}.dashboard-content .user-info-wrapper .account-dropdown .account-menu .account-menu-item.logout-account-btn:focus,.dashboard-content .user-info-wrapper .account-dropdown .account-menu .account-menu-item.logout-account-btn:hover{color:#e74c3c;color:var(--danger-color)}.dashboard-content .user-info-wrapper .account-dropdown .account-menu .account-menu-divider{background-color:#e9ecef;height:1px;margin:.5rem 0}@keyframes text-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media(max-width:1200px){.dashboard-content .dashboard-stats-container{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-content .status-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row{grid-template-columns:repeat(2,1fr)}.dashboard-content .dashboard-stats-container .quickstats .statsgrid{grid-template-columns:1fr}.dashboard-content .dashboard-header{flex-direction:column;gap:10px}.dashboard-content .dashboard-header .header-left{justify-content:space-between;width:100%}}@media(max-width:480px){.dashboard-content .dashboard-stats-container .oeecontainer .oeemetrics-row,.dashboard-content .status-grid{grid-template-columns:1fr}}:root{--primary-light:#5dade2;--success-color:#36df7c;--success-light:#58d68d;--warning-light:#f8c471;--danger-light:#ec7063;--dark-light:#34495e;--gray-light:#bdc3c7;--purple-color:#9b59b6;--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 #0000001a,0 6px 6px #0000001a;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--gantt-working:#2ecc71;--gantt-idle:#f39c12;--gantt-stop:#95a5a6;--gantt-overload:#e74c3c;--gantt-maintenance:#9b59b6;--gantt-grid-line:#ecf0f1;--gantt-task-border:#fff}*{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:#f8f9fa;color:#2c3e50;color:var(--dark-color);line-height:1.6}.dashboard-container{display:grid;grid-template-columns:60px 1fr;min-height:100vh;transition:grid-template-columns .3s ease}.page-title{font-size:24px;font-weight:700}.crane-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:15px;padding:16px 20px}.crane-title{font-size:1.5rem;font-weight:700}.back-button,.crane-title{color:#2c3e50;color:var(--dark-color)}.back-button{align-items:center;background-color:#ecf0f1;background-color:var(--light-color);border:1px solid #bdc3c7;border:1px solid var(--gray-light);border-radius:4px;display:inline-flex;font-size:.8rem;gap:6px;margin-bottom:15px;padding:8px 12px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:120px}.back-button:hover{background-color:#bdc3c7;background-color:var(--gray-light);color:#2c3e50;color:var(--dark-color)}.metrics-grid{display:flex;gap:15px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.metric-card{border:1px solid #0000000d;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);flex:1 1;min-height:120px;min-width:220px;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.metric-card:hover{box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-title{color:#34495e;color:var(--dark-light);font-size:.8rem;gap:6px;margin-bottom:8px}.metric-title i{color:#3498db;color:var(--primary-color);font-size:.8rem}.metric-value{align-items:flex-end;display:flex;font-size:1.2rem;margin-bottom:2px}.metric-unit{font-size:.8rem;font-weight:400;margin-left:4px}.metric-label,.metric-unit{color:#95a5a6;color:var(--gray-color)}.metric-label{font-size:.7rem;margin-bottom:4px}.metric-subtext{border-top:1px solid #0000000d;font-size:.65rem;margin-top:6px;padding-top:6px}.metric-trend{align-items:center;display:flex;font-size:.6rem;margin-top:3px}.trend-down{color:#36df7c}.alert-badge{border-radius:3px;font-size:.5rem;font-weight:600;letter-spacing:.5px;padding:2px 5px;position:absolute;right:6px;text-transform:uppercase;top:6px}.alert-warning{background-color:#f8c471;background-color:var(--warning-light);color:#f39c12;color:var(--warning-color)}.alert-danger{background-color:#ec7063;background-color:var(--danger-light);color:#e74c3c;color:var(--danger-color)}.alerts-container{border:1px solid #0000000d;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:12px}.alerts-header{justify-content:space-between;margin-bottom:10px}.alerts-header,.alerts-title{align-items:center;display:flex}.alerts-title{color:#2c3e50;color:var(--dark-color);font-size:.9rem;font-weight:600;gap:6px}.alerts-count{background-color:#e74c3c;background-color:var(--danger-color);border-radius:50%;color:#fff;font-size:.7rem;height:18px;justify-content:center;width:18px}.alert-item,.alerts-count{align-items:center;display:flex}.alert-item{border-bottom:1px solid #0000000d;font-size:.75rem;gap:8px;padding:8px 0}.alert-item:last-child{border-bottom:none}.alert-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.7rem;height:20px;justify-content:center;width:20px}.alert-icon-warning{background-color:#f8c471;background-color:var(--warning-light);color:#f39c12;color:var(--warning-color)}.alert-icon-danger{background-color:#ec7063;background-color:var(--danger-light);color:#e74c3c;color:var(--danger-color)}.alert-time{color:#95a5a6;color:var(--gray-color);font-size:.6rem;margin-left:auto}.status-indicator{align-items:center;display:inline-flex;gap:5px}.status-dot{border-radius:50%;display:inline-block;height:6px;width:6px}.status-container{background-color:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:12px}.status-header{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;font-size:.9rem;font-weight:600;gap:6px;margin-bottom:10px}.status-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.status-item{background-color:#ecf0f14d;border-radius:5px;font-size:.7rem;padding:8px}.status-name{align-items:center;display:flex;font-size:.7rem;font-weight:600;gap:4px;margin-bottom:2px}.status-value{font-size:.8rem;font-weight:600}.status-info{color:#95a5a6;color:var(--gray-color);font-size:.65rem}.chartcontainer{background-color:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);height:350px;overflow:hidden;padding:10px;position:relative}.chartcontainer:hover{box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;box-shadow:var(--shadow-md)}.chart-header{border-bottom:1px solid #0000000d;margin-bottom:10px;padding:0 0 10px}.chart-header .card-title{font-size:.9rem}.chart-actions{display:flex;gap:5px;position:absolute;right:12px;top:12px;z-index:10}.chart-btn{align-items:center;background:#fff;border:1px solid #bdc3c7;border:1px solid var(--gray-light);border-radius:3px;cursor:pointer;display:flex;font-size:9px;height:18px;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:18px}.chart-btn:hover{background:#ecf0f1;background:var(--light-color)}.chartcontainer canvas{bottom:10px;height:calc(100% - 40px)!important;left:10px;right:10px;width:100%!important}.date-range-selector{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-bottom:15px}.date-range-selector label{color:#34495e;color:var(--dark-light);font-size:.7rem;font-weight:600}.date-range-selector input{border:1px solid #bdc3c7;border:1px solid var(--gray-light);border-radius:4px;font-size:.7rem;padding:5px 8px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.date-range-selector input:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33;outline:none}.date-range-selector button{background:#3498db;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;padding:5px 10px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.date-range-selector button:hover{background:#2980b9;background:var(--secondary-color)}.dot-working{background-color:#36df7c;background-color:var(--success-color)}.dot-idle{background-color:#f39c12;background-color:var(--warning-color)}.dot-off{background-color:#95a5a6;background-color:var(--gray-color)}.dot-error{background-color:#e74c3c;background-color:var(--danger-color)}.pulse-warning{animation:pulse 2s infinite;box-shadow:0 0 0 2px #f39c124d}.layout-main{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 340px}.charts-col{grid-column:1/2}.metrics-col{align-self:start;grid-column:2/3;position:sticky;top:120px}.metrics-grid-cards-right{display:flex;flex-direction:column;gap:15px}.key-metrics-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.key-metric{min-width:140px}.timeline-panel{background-color:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);padding:12px}.timeline-panel h4{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;font-size:.9rem;font-weight:600;gap:6px;margin-bottom:10px}.timeline{list-style:none;margin:0;max-height:360px;overflow:auto;padding:0}.timeline li{align-items:flex-start;border-left:none;display:flex;gap:1rem;margin-bottom:1rem;padding-left:0}.gantt-bar{border-radius:4px;box-shadow:0 1px 3px #0003;cursor:pointer;height:40px;min-width:2px;position:absolute;top:10px;transition:all .2s;z-index:2}.gantt-bar.working{background:#2ecc71}.gantt-bar.idle{background:#f39c12}.gantt-bar.stop{background:#95a5a6}.gantt-bar.overload{background:#e74c3c}.gantt-bar.offline{background:#6e6e6e}.gantt-bar:hover{box-shadow:0 2px 8px #0000004d;opacity:.9;transform:scaleY(1.1);z-index:10}.gantt-bar:hover:after{background:#333;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;content:attr(data-tooltip);font-size:.7rem;margin-bottom:4px;padding:4px 8px;pointer-events:none;white-space:nowrap}.gantt-bar:hover:after,.gantt-bar:hover:before{bottom:100%;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.gantt-bar:hover:before{border:4px solid #0000;border-top-color:#333;content:"";margin-bottom:-4px}.grid-column{border-left:1px solid #f0f0f0;flex:1 1;height:100%}.grid-column:first-child{border-left:none}.axis-marker{bottom:0;color:#999;font-size:.6rem;position:absolute;transform:translateX(-50%)}.axis-marker.major{color:#666;font-weight:600}@media(max-width:1200px){.layout-main{grid-template-columns:1fr}.metrics-col{grid-column:1/2;margin-bottom:20px;order:-1;position:static}.metrics-grid-cards-right{flex-direction:row;flex-wrap:wrap}.metrics-grid-cards-right>*{flex:1 1 48%;min-width:280px}}@media(max-width:992px){.dashboard-container{grid-template-columns:1fr}.sidebar{width:0}.sidebar.expanded{width:200px}.container.sidebar-expanded{grid-template-columns:200px 1fr}}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}.chartcontainer{height:350px}.metrics-grid-cards-right{flex-direction:column}}@media(max-width:576px){.chartcontainer{height:350px;padding:8px}.chartcontainer canvas{bottom:8px;left:8px;right:8px}.key-metrics-section{flex-direction:column}.key-metric{width:100%}}.plan-advanced{color:#36df7c}.status-operating{background-color:#36df7c;background-color:var(--success-color);color:#fff}.status-offline{background-color:#95a5a6;background-color:var(--gray-color);color:#fff}.crane-status.status-overload,.status-emergency{animation:pulse 1s infinite}.metric-card:has(.status-emergency){animation:pulse 1.5s infinite;border-left:4px solid #e74c3c;border-left:4px solid var(--danger-color)}.pulse-danger{animation:pulse 1.5s infinite;box-shadow:0 0 0 2px #e74c3c4d}.status-working{background-color:#36df7c;background-color:var(--success-color);color:#fff;font-size:1.2rem}.status-idle{background-color:#f39c12;background-color:var(--warning-color)}.status-idle,.status-off{color:#fff;font-size:1.2rem}.status-off{background-color:#95a5a6;background-color:var(--gray-color)}.status-overload{background-color:#e74c3c;background-color:var(--danger-color);color:#fff;font-size:1.2rem}.status-error{background-color:#9b59b6;background-color:var(--purple-color);color:#fff;font-size:1.2rem}.status-emergency{background-color:#e74c3c;background-color:var(--danger-color);color:#fff;font-size:1.2rem}.crane-status{border-radius:50px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-sm);font-size:.8rem;font-weight:600;letter-spacing:1px;padding:8px 15px;text-transform:uppercase}.crane-status.status-working{background-color:#36df7c;background-color:var(--success-color)}.crane-status.status-idle{background-color:#f39c12;background-color:var(--warning-color)}.crane-status.status-off{background-color:#95a5a6;background-color:var(--gray-color)}.crane-status.status-overload{background-color:#e74c3c;background-color:var(--danger-color)}.crane-status.status-error{background-color:#9b59b6;background-color:var(--purple-color)}.crane-status.status-emergency{background-color:#e74c3c;background-color:var(--danger-color)}.connection-status{background:#ffffff1a;margin-left:16px}.metricsdashboard{background-color:#fefefe;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:12px}.metriccard{background-color:#f8f9fa;border-left:3px solid #3498db;border-left:3px solid var(--primary-color);border-radius:6px;flex:1 1;min-width:120px;padding:8px 10px;transition:all .3s ease}.metriccard:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.metriccard:first-child{border-left-color:#28a745}.metriccard:nth-child(2){border-left-color:#007bff}.metriccard:nth-child(3){border-left-color:#ffc107}.metriccard:nth-child(4){border-left-color:#6c757d}.metriccard:nth-child(5){border-left-color:#17a2b8}.metriccard:nth-child(6){border-left-color:#6610f2}.metricheader{align-items:center;display:flex;margin-bottom:6px}.metrictitle{color:#95a5a6;color:var(--gray-color);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metricicon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.6rem;height:18px;justify-content:center;margin-right:5px;width:18px}.metricvalue{color:#2c3e50;color:var(--dark-color);font-size:1rem;font-weight:700;margin-bottom:2px}.metricdetails{display:flex;font-size:.65rem;justify-content:space-between;margin-top:4px}.metricdetail{flex:1 1;padding:0 2px;text-align:center}.detailvalue{color:#2c3e50;color:var(--dark-color);font-weight:600}.detaillabel{color:#95a5a6;color:var(--gray-color);font-size:.6rem}.icon-hoist{background-color:#28a745}.icon-lower{background-color:#007bff}.icon-travel{background-color:#ffc107}.icon-switch{background-color:#6c757d}.icon-total{background-color:#3498db;background-color:var(--primary-color)}.icon-duration{background-color:#17a2b8}.icon-load{background-color:#6610f2}.filter-inputk,.filter-selectk{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.action-buttons{flex-direction:row;flex-wrap:nowrap}@media(max-width:768px){.action-buttons{flex-wrap:wrap;gap:8px;width:60%}.btn{flex:0 1 auto;min-width:auto}}.btn{flex-shrink:0}.btn-primary:hover:not(:disabled){background-color:#2980b9;box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.btn-primary:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.6}.btn-secondary:hover:not(:disabled){background-color:#f8f9fa;border-color:#95a5a6}.btn-refresh{border:none}.logtable-container{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:20px;position:relative}.operation-type{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.type-hoist-downs{background-color:#f8d7da;color:#721c24}.type-lt-forwards{background-color:#cce5ff;color:#004085}.type-lt-reverse{background-color:#fff3cd;color:#856404}.type-ct-lefts{background-color:#e2e3e5;color:#383d41}.type-ct-rights{background-color:#d1ecf1;color:#0c5460}.type-emergency{background-color:#f8d7da;color:#721c24;font-weight:700}.paginationcontainer{border-top:1px solid #eee;justify-content:space-between;margin-top:20px;padding:15px 0}.paginationcontainer,.paginationcontrols{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pagination-btn{padding:6px 12px}.pagination-btn:disabled{color:#aaa}.pagination-numbers{flex-wrap:wrap}.page-number{padding:6px 10px}.page-number:hover:not(.active){background-color:#f8f9fa}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-top-color:#fff;height:20px;margin-right:8px;width:20px}.table-loading{min-height:200px;position:relative}.table-loading-overlay .loading-spinner{border-color:#3498db #f3f3f3 #f3f3f3;border-top-color:var(--primary-color);border-width:4px;height:40px;width:40px}.gantt-container{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;max-height:600px;overflow-x:auto;overflow-y:auto;padding:20px}.gantt-operations{min-width:1000px;padding:10px}.gantt-row{border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.gantt-crane-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:15px 20px}.gantt-crane-name{align-items:center;display:flex;font-size:1rem;gap:8px}.gantt-tooltip{background:#2c3e50;background:var(--dark-color);border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;font-size:.8rem;max-width:250px;padding:10px 15px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:10000}.gantt-operation-line.operation-emergency{animation:pulse-emergency 1.5s infinite;background-color:#f44336!important;box-shadow:0 0 0 1px #f4433680;z-index:5}.gantt-operation-line.operation-emergency.current-operation{animation:pulse-emergency-current 1s infinite;box-shadow:0 0 20px #f44336!important;width:5px!important}.gantt-operation-type-row .fa-exclamation-triangle{animation:warning-flash 2s infinite;color:#f44336!important}@keyframes pulse-emergency{0%{opacity:.8;width:2px}50%{box-shadow:0 0 15px #f44336;opacity:1;width:4px}to{opacity:.8;width:2px}}@keyframes pulse-emergency-current{0%{opacity:.9;width:5px}50%{box-shadow:0 0 30px #f44336;opacity:1;width:7px}to{opacity:.9;width:5px}}@keyframes warning-flash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(min-width:769px)and (max-width:1024px){.metricsdashboard{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.metriccard{min-width:0;min-width:auto}.action-buttons{grid-column:1/-1;justify-content:flex-start;width:60%}.gantt-container{padding:12px}.filter-inputk,.filter-selectk{font-size:.85rem;padding:8px 10px;width:60%}}@media(max-width:768px){.container{grid-template-columns:1fr}.main-content{padding:20px}.header{flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px 12px;position:sticky;top:0}.header-logo{font-size:1.2rem}.connection-status{font-size:11px;margin-left:0;padding:3px 8px}.account-trigger span,.status-text{display:none}.account-trigger{gap:.4rem;padding:.4rem .6rem}.customer-logo{height:26px;width:26px}.page-title{margin-bottom:12px}.page-title h1{font-size:1.3rem}.page-title p{font-size:.8rem}.metricsdashboard{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px;padding:10px}.metriccard{border-radius:8px;min-width:0;min-width:auto;padding:10px}.metriccard:hover{transform:none}.metricvalue{font-size:1.1rem}.metrictitle{font-size:.65rem}.filter-inputk,.filter-selectk{font-size:.85rem;padding:8px 10px;width:60%}.action-buttons{flex-direction:row;flex-wrap:wrap;gap:8px;grid-column:1;width:60%}.btn{flex:1 1;font-size:.82rem;justify-content:center;min-width:0;padding:8px 10px}.logtable-container{border-radius:8px;margin-bottom:12px;padding:12px}.log-table{font-size:.78rem;min-width:480px}.log-table td,.log-table th{padding:10px}.operation-type{font-size:.7rem;padding:3px 6px}.paginationcontainer{align-items:stretch;flex-direction:column;gap:10px;padding:10px 0}.pagination-info{font-size:.8rem;text-align:center}.paginationcontrols{flex-wrap:wrap;gap:6px;justify-content:center}.pagination-btn{font-size:.8rem;padding:5px 10px}.page-number{font-size:.8rem;padding:5px 9px}.gantt-section{margin-bottom:12px!important;margin-top:12px!important}.gantt-header{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.gantt-header h3{font-size:1rem!important}.gantt-controls{justify-content:space-between!important;width:100%}.gantt-date-picker{flex:1 1!important}.gantt-date-picker input{font-size:.85rem;width:100%!important}.gantt-legend{border-radius:6px!important;gap:10px!important;padding:10px 12px!important}.gantt-legend .legend-item span:last-child{font-size:.75rem!important}.gantt-container{border-radius:8px;max-height:400px;padding:10px}.notification{font-size:.85rem;left:12px;padding:12px 15px;right:12px;top:12px;transform:translateY(-120%)}.notification.show{transform:translateY(0)}}@media(max-width:480px){.main-content{padding:8px}.header{border-radius:6px;padding:8px 10px}.header-logo{font-size:1rem}.page-title h1{font-size:1.1rem}.metricsdashboard{gap:6px;grid-template-columns:repeat(2,1fr);padding:8px}.metriccard{padding:8px}.metricvalue{font-size:1rem}.btn{font-size:.78rem;padding:7px 8px}.log-table td,.log-table th,.logtable-container{padding:8px}.gantt-container{max-height:350px;padding:8px}.gantt-legend{gap:8px!important;padding:8px 10px!important}.gantt-legend .legend-item{gap:5px!important}.gantt-legend .legend-item span:first-child{border-radius:4px!important;height:18px!important;width:18px!important}.gantt-legend .legend-item span:last-child{font-size:.7rem!important}.account-menu{min-width:160px}.filter-inputk,.filter-selectk{font-size:.85rem;padding:8px 10px;width:60%}}@media(max-width:768px){.custom-tooltip{max-width:280px;min-width:200px;padding:8px}.tooltip-crane-name{font-size:.75rem}.tooltip-status-text{font-size:.7rem}.filter-inputk,.filter-selectk{font-size:.85rem;padding:8px 10px;width:60%}}.container{overflow:hidden;width:100%}.main-content{overflow-x:hidden}.filter-inputs,.filter-selects{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.action-buttonsg{align-self:flex-end;display:flex;gap:10px}.load-status{font-size:.8rem}.metrics-wrapper{display:flex;justify-content:center;margin-bottom:20px}.metrics-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:15px;width:75%}.metric-card{background-color:#fff;border-left:4px solid #3498db;border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 12px #00000014;padding:10px;transition:transform .3s,box-shadow .3s}.metric-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-5px)}.metric-card:first-child{border-left-color:#3498db}.metric-card:nth-child(2){border-left-color:#2ecc71}.metric-card:nth-child(3){border-left-color:#e74c3c}.metric-card:nth-child(4){border-left-color:#f39c12}.metric-title{align-items:center;color:#95a5a6;color:var(--gray-color);display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:5px}.metric-title i{font-size:1rem}.metric-value{color:#2c3e50;color:var(--dark-color);font-size:1.6rem;font-weight:700;margin-bottom:5px}.metric-value span{font-size:.9rem;font-weight:500}.metric-subtext,.metric-value span{color:#95a5a6;color:var(--gray-color)}.metric-subtext{background-color:#f8f9fa;border-radius:12px;display:inline-block;font-size:.75rem;padding:4px 8px}.chart-containerc{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;height:550px;margin-bottom:20px;padding:20px}@media(max-width:1200px){.metrics-container{width:90%}.filter-inputs,.filter-selects{font-size:.85rem;padding:8px 10px;width:50%}.action-buttonsg{grid-column:1;width:60%}}@media(max-width:992px){.metrics-container{grid-template-columns:repeat(2,1fr);width:85%}.filter-inputs,.filter-selects{font-size:.85rem;padding:8px 10px;width:50%}.action-buttonsg{grid-column:1;width:60%}}@media(max-width:768px){.container{grid-template-columns:1fr}.sidebar{display:none}.log-controls{grid-template-columns:1fr}.filter-inputss,.filter-selects{font-size:.85rem;padding:8px 10px;width:50%}.action-buttonsg{grid-column:1;width:60%}.metrics-container{grid-template-columns:1fr;width:80%}}.notification-info{background-color:#17a2b8}#paginationControls{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px;text-align:center}#paginationControls button{min-width:80px}#paginationControls button:disabled{cursor:not-allowed;opacity:.5}#pageInfo{color:#95a5a6;color:var(--gray-color);font-size:.9rem}.new-row{background-color:#28a7451a!important;transition:background-color 2s ease-out}.table-info-row{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:15px;padding:10px}.page-size-selector{align-items:center;display:flex;gap:10px}.page-size-selector select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:5px 10px}.pagination-wrapper{border-top:1px solid #eee;margin-top:20px;padding:15px 0}.pagination-controls button{min-width:100px}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.records-info{color:#2c3e50;color:var(--dark-color);font-size:.85rem;font-weight:500}.page-size-selector select{background-color:#fff;cursor:pointer}.page-size-selector select:hover{border-color:#3498db;border-color:var(--primary-color)}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);height:30px;width:30px}.new-row{background-color:#3498db1a!important;transition:background-color .5s ease-out}.load-status{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}@media(max-width:768px){.pagination-wrapper{align-items:center;flex-direction:column;gap:10px}.pagination-controls{order:2}.records-info{order:1}.page-size-selector{order:3}.pagination-controls button{min-width:80px;padding:6px 12px}}.sidebar{align-self:stretch;left:0;min-height:100vh;padding:0;position:sticky;top:0;transition:width .3s ease;z-index:1000}.sidebar:hover .under-development-text{display:block;opacity:1}.sidebar.expanded{box-shadow:2px 0 10px #0000004d}.sidebar.expanded .under-development-text{display:block;opacity:1}.sidebar .sidebar-toggle{align-items:center;background:#2c3e50;background:var(--dark-color);border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:10px;position:absolute;top:15px;transition:all .3s ease;width:40px;z-index:20}.sidebar .sidebar-toggle:hover{background:#3498db;background:var(--primary-color);transform:scale(1.05)}.sidebar .sidebar-toggle i{font-size:1.2rem;transition:transform .3s ease}.sidebar.expanded .sidebar-toggle{left:10px}.sidebar.expanded .sidebar-toggle i{transform:rotate(90deg)}.sidebar .sidebar-nav{flex:1 1;height:calc(100vh - 80px);margin-top:60px;overflow-y:auto;padding:15px 0;position:relative}.sidebar .sidebar-nav::-webkit-scrollbar{width:6px}.sidebar .sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar .nav-divider{margin:15px 10px 10px;position:relative}.sidebar .nav-divider:before{background:#fff3;content:"";height:1px;left:0;position:absolute;right:0;top:-8px}.sidebar .nav-divider .divider-text{color:#ffffff80;font-size:.5rem;letter-spacing:1px;overflow:hidden;padding:5px 0 0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sidebar .nav-list{display:flex;flex-direction:column;gap:5px;list-style:none;padding:0 10px}.sidebar .nav-item,.sidebar .nav-item.dropdown{position:relative}.sidebar .nav-link{align-items:center;background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;padding:12px 15px;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%}.sidebar .nav-link:hover{background-color:#ffffff1a}.sidebar .nav-link.active{background-color:#3498db;background-color:var(--primary-color)}.sidebar .nav-link span{display:none;margin-left:10px;opacity:0;transition:opacity .3s ease}.sidebar .nav-link i{min-width:20px;text-align:center}.sidebar:not(:hover):not(.expanded) .nav-link{justify-content:center;padding:12px 8px}.sidebar .dropdown-toggle{font-size:1rem;position:relative}.sidebar .dropdown-toggle .dropdown-icon{font-size:.9rem;margin-left:auto;transition:transform .3s ease}.sidebar .dropdown-toggle.show .dropdown-icon{transform:rotate(180deg)}.sidebar .dropdown-menu{display:none;flex-direction:column;gap:5px;max-height:0;overflow:hidden;padding-left:20px;transition:max-height .3s ease,padding .3s ease}.sidebar .dropdown-menu.show{display:flex;max-height:500px}.sidebar .dropdown-item{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:.9rem;gap:12px;padding:10px 15px;text-decoration:none;transition:all .2s}.sidebar .dropdown-item:hover{background-color:#ffffff1a}.sidebar .dropdown-item i{margin-right:10px;text-align:center;width:20px}.sidebar .under-development{border-top:1px solid #fff3;margin-top:20px;padding:15px 10px;text-align:center}.sidebar .under-development .under-development-text{color:#fff9;display:none;font-size:.75rem;font-style:italic;opacity:0;transition:opacity .3s ease}@media(max-width:768px){.sidebar{background-color:#2c3e50;background-color:var(--dark-color);display:block!important;height:auto;left:0;min-height:100vh;position:absolute;top:0;z-index:1000}.sidebar,.sidebar:hover{width:60px}.sidebar:hover .nav-link span{display:none;opacity:0}.sidebar:hover .nav-link{justify-content:center;padding:12px 8px}.sidebar:hover .under-development-text{display:none;opacity:0}.sidebar.expanded{box-shadow:2px 0 10px #0000004d;width:250px}.sidebar.expanded .nav-link span{display:inline;opacity:1}.sidebar.expanded .nav-link{justify-content:flex-start;padding:12px 15px}.sidebar.expanded .under-development-text{display:block;opacity:1}.sidebar.expanded:before{background:#00000080;content:"";height:100vh;left:250px;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.sidebar .sidebar-toggle{display:flex!important;height:44px;left:8px;position:sticky;top:10px;width:44px}.sidebar .sidebar-nav{height:auto;margin-top:60px;overflow-y:visible;padding-bottom:20px}}@media(max-width:480px){.sidebar.expanded{width:200px}.sidebar.expanded:before{left:200px}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.sidebar.expanded .dropdown-menu.show .dropdown-item{animation:fadeIn .3s ease forwards}.nav-link.active{background-color:#3498db;background-color:var(--primary-color);position:relative}.nav-link.active:before{background-color:#fff;border-radius:0 3px 3px 0;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.layout-container{align-items:flex-start;display:flex;min-height:100vh;position:relative}.main-content{background-color:#f4f6f9;flex:1 1;margin-left:0;min-height:100vh;transition:margin-left .3s ease;width:100%}.main-content.expanded{width:calc(100% - 250px)}.main-content .content-area{height:100%}@media(max-width:768px){.main-content{margin-left:0;width:calc(100% - 60px)}.main-content.expanded{width:calc(100% - 250px)}}@media(max-width:480px){.main-content{width:calc(100% - 60px)}.main-content.expanded{width:calc(100% - 200px)}}.connection-status{align-items:center;background:#0000000d;border-radius:20px;display:flex;font-size:12px;gap:8px;margin-right:15px;padding:4px 12px}.connection-indicator{border-radius:50%;flex-shrink:0;height:8px;transition:background-color .3s ease,box-shadow .3s ease;width:8px}.connection-indicator.connected{animation:pulse-green 2s infinite;background:#10b981;box-shadow:0 0 8px #10b981}.connection-indicator.partial{animation:pulse-orange 2s infinite;background:#f59e0b;box-shadow:0 0 8px #f59e0b}.connection-indicator.disconnected{background:#ef4444;box-shadow:0 0 8px #ef4444}.connection-text{color:#95a5a6;color:var(--gray-color);font-size:12px;font-weight:500}.log-controlss{grid-gap:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px;padding:20px}.action-buttonsa{align-self:flex-end;display:flex;flex-wrap:wrap;gap:10px}.btn-refresh{background-color:#17a2b8;color:#fff}.btn-refresh:hover{background-color:#138496}.summarycards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.summarycard{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;padding:20px}.summarycardicon{color:#3498db;color:var(--primary-color);font-size:2rem;margin-bottom:10px}.summarycardvalue{font-size:1.5rem;font-weight:700;margin-bottom:5px;text-align:center;word-break:break-word}.summarycardlabel{color:#95a5a6;color:var(--gray-color);font-size:.9rem;text-align:center}.chart-containera{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;height:400px;margin-bottom:20px;overflow:hidden;padding:20px;position:relative}.chart-title{margin-bottom:10px}.chart-wrapper canvas{display:block}.chart-grid{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.chart-grid,.chart-grid-1{display:grid;gap:20px;margin-bottom:20px}.chart-grid-1{grid-gap:20px;grid-template-columns:repeat(1,1fr)}.log-table-container{-webkit-overflow-scrolling:touch;margin-top:20px;position:relative}.log-table th{white-space:nowrap}.energy-status{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.table-loading-overlay{align-items:center;background:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;border-top:4px solid var(--primary-color);display:inline-block;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pagination{align-items:center;flex-wrap:wrap;gap:10px}.pagination-info{color:#95a5a6;color:var(--gray-color);font-size:.9rem;margin:0 15px}.pagination-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#2c3e50;color:var(--dark-color);cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#3498db;background-color:var(--primary-color);border-color:#3498db;border-color:var(--primary-color);color:#fff}.pagination-btn:disabled{background-color:#f8f9fa;color:#95a5a6;color:var(--gray-color);cursor:not-allowed;opacity:.6}.pagination-numbers{display:flex;gap:5px}.page-number{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#2c3e50;color:var(--dark-color);cursor:pointer;font-size:.85rem;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s}.page-number:hover{background-color:#f8f9fa}.page-number.active{background-color:#3498db;background-color:var(--primary-color);border-color:#3498db;border-color:var(--primary-color);color:#fff}.table-footer{border-top:1px solid #eee;flex-wrap:wrap;justify-content:space-between;margin-top:15px;padding-top:15px}.rows-per-page,.table-footer{align-items:center;display:flex;gap:10px}.rows-per-page{font-size:.85rem}.rows-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:5px 8px}.notification-warning{background-color:#f39c12;background-color:var(--warning-color)}.notification-info{background-color:#3498db;background-color:var(--primary-color)}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.info-text{color:#95a5a6;color:var(--gray-color);font-size:.85rem;font-style:italic;margin:10px 0}@media(min-width:769px)and (max-width:1200px){.summarycards{gap:15px;grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.log-controlss{grid-template-columns:repeat(2,1fr)}.action-buttonsa{grid-column:1/-1}}@media(max-width:768px){.container{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:12px}.header{gap:8px;margin-bottom:12px;padding:10px 12px}.header-logo{font-size:1.2rem}.connection-status{font-size:11px;margin-right:0;padding:3px 8px}.account-trigger span,.connection-text{display:none}.account-trigger{gap:.4rem;padding:.4rem .6rem}.customer-logo{height:26px;width:26px}.page-title{margin-bottom:12px}.page-title h1{font-size:1.3rem}.page-title p{font-size:.8rem}.log-controlss{gap:10px;grid-template-columns:1fr;margin-bottom:12px;padding:14px}.filter-input,.filter-select{font-size:.85rem;padding:8px 10px}.action-buttonsa{flex-direction:row;flex-wrap:wrap;gap:8px;grid-column:1}.btn{flex:1 1;font-size:.82rem;justify-content:center;min-width:0;padding:8px 10px}.summarycards{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.summarycard{padding:14px 10px}.summarycardicon{font-size:1.5rem;margin-bottom:6px}.summarycardvalue{font-size:1.1rem}.summarycardlabel{font-size:.78rem}.chart-grid{grid-template-columns:1fr}.chart-grid,.chart-grid-1{gap:12px;margin-bottom:12px}.chart-containera{border-radius:8px;height:350px;padding:14px}.chart-title{font-size:.9rem;margin-bottom:8px}.log-table-container{border-radius:8px;margin-top:12px;padding:12px}.log-table{font-size:.78rem;min-width:520px}.log-table td,.log-table th{padding:9px 10px}.table-footer{align-items:stretch;flex-direction:column;gap:10px;padding-top:10px}.rows-per-page{font-size:.8rem;justify-content:flex-end}.pagination{gap:6px;margin-top:10px}.pagination-info{font-size:.8rem;margin:0 8px;order:-1;text-align:center;width:100%}.pagination-numbers{flex-wrap:wrap;justify-content:center;margin-top:6px;order:3;width:100%}.page-number,.pagination-btn{font-size:.8rem;padding:6px 10px}.page-number{min-width:34px}.notification{font-size:.85rem;left:12px;padding:12px 15px;right:12px;top:12px;transform:translateY(-120%)}.notification.show{transform:translateY(0)}.account-menu{min-width:160px;right:-10px}}@media(max-width:480px){.main-content{padding:8px}.header{border-radius:6px;padding:8px 10px}.header-logo{font-size:1rem}.page-title h1{font-size:1.1rem}.summarycards{gap:8px;grid-template-columns:repeat(2,1fr)}.summarycard{padding:10px 8px}.summarycardicon{font-size:1.3rem;margin-bottom:4px}.summarycardvalue{font-size:1rem}.summarycardlabel{font-size:.72rem}.chart-containera{height:350px;padding:10px}.log-controlss{gap:8px;padding:10px}.btn{font-size:.78rem;padding:7px 8px}.log-table td,.log-table th,.log-table-container{padding:8px}}.custom-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#2c3e50,#1a2632);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:350px;min-width:250px;opacity:0;padding:12px;pointer-events:none;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:10000}.custom-tooltip.show{opacity:1;pointer-events:auto;visibility:visible}.crane-status-tooltip{font-size:.85rem}.tooltip-header{align-items:center;border-bottom:1px solid #fff3;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:8px;padding-bottom:8px}.tooltip-header i{color:#3498db;color:var(--primary-color)}.tooltip-body{margin-bottom:8px;max-height:250px;overflow-y:auto}.tooltip-body::-webkit-scrollbar{width:6px}.tooltip-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.tooltip-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.tooltip-body::-webkit-scrollbar-thumb:hover{background:#ffffff80}.tooltip-crane-item{align-items:center;border-radius:4px;display:flex;margin:2px 0;padding:6px 8px;transition:background-color .2s}.tooltip-crane-item:hover{background-color:#ffffff1a}.tooltip-status-icon{font-size:12px;margin-right:8px;text-align:center;width:16px}.tooltip-status-icon.online{animation:pulse-green 2s infinite;color:#10b981;text-shadow:0 0 4px #10b98180}.tooltip-status-icon.offline{color:#ef4444}.tooltip-crane-name{flex:1 1;font-size:.85rem;font-weight:500}.tooltip-status-text{border-radius:12px;font-size:.75rem;font-weight:500;padding:2px 6px}.tooltip-status-text.online{background:#10b98133;color:#10b981}.tooltip-status-text.offline{background:#ef444433;color:#ef4444}.tooltip-footer{align-items:center;border-top:1px solid #fff3;color:#fff9;display:flex;font-size:.7rem;gap:4px;justify-content:center;margin-top:8px;padding-top:8px;text-align:center}.tooltip-footer i{font-size:.65rem}@media(max-width:768px){.custom-tooltip{max-width:280px;min-width:200px;padding:8px}.tooltip-crane-name{font-size:.75rem}.tooltip-status-text{font-size:.7rem}}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.connected{animation:pulse-green 2s infinite;background:#10b981;box-shadow:0 0 8px #10b981}.status-indicator.partial{animation:pulse-orange 2s infinite;background:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-indicator.disconnected{background:#ef4444;box-shadow:0 0 8px #ef4444}.status-text{color:#6b7280;font-weight:500}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}@keyframes pulse-orange{0%{box-shadow:0 0 0 0 #f59e0bb3}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 0 0 #f59e0b00}}.actionbuttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.btn{text-decoration:none}.table-container{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:15px}.machine-table{border-collapse:collapse;font-size:.85rem;width:100%}.machine-table th{background-color:#f8f9fa;border-bottom:2px solid #eee;color:#2c3e50;color:var(--dark-color);font-weight:600;padding:12px 15px;text-align:left;white-space:nowrap}.machine-table td{border-bottom:1px solid #eee;padding:12px 15px}.machine-table tr:last-child td{border-bottom:none}.machine-table tr:hover{background-color:#f8f9fa}.action-btns a,.action-btns button{align-items:center;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:5px 8px;text-decoration:none}@media(min-width:769px)and (max-width:1024px){.machine-table{font-size:.8rem}.machine-table td,.machine-table th{padding:10px}}@media(max-width:768px){.container{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:12px}.header{gap:8px;margin-bottom:12px;padding:10px 12px}.header-logo{font-size:1.2rem}.account-trigger span{display:none}.account-trigger{gap:.4rem;padding:.4rem .6rem}.customer-logo{height:26px;width:26px}.account-menu{min-width:160px;right:-10px}.page-title{margin-bottom:12px}.page-title h1{font-size:1.3rem}.page-title p{font-size:.8rem}.actionbuttons{margin-bottom:12px}.btn{font-size:.85rem;padding:8px 14px}.table-container{border-radius:8px;padding:10px}.machine-table{font-size:.78rem;min-width:600px}.machine-table td,.machine-table th{padding:9px 10px}.action-btns{gap:4px}.action-btns a,.action-btns button{font-size:.75rem;padding:5px 7px}.notification{font-size:.85rem;left:12px;padding:12px 15px;right:12px;top:12px;transform:translateY(-120%)}.notification.show{transform:translateY(0)}}@media(max-width:480px){.main-content{padding:8px}.header{border-radius:6px;padding:8px 10px}.header-logo{font-size:1rem}.page-title h1{font-size:1.1rem}.table-container{padding:8px}.machine-table{font-size:.75rem}.machine-table td,.machine-table th{padding:8px}.btn{font-size:.82rem;padding:7px 12px}}:root{--oee-color:#4361ee;--availability-color:#4cc9f0;--performance-color:#4895ef;--quality-color:#560bad}.form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-top:20px;padding:25px}input[type=number],input[type=text],select{border:1px solid #ddd;border-radius:4px;font-size:.85rem;padding:8px 12px;transition:border-color .3s;width:100%}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33;outline:none}.full-width{grid-column:span 2}.threshold-group{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.section-header{border-bottom:1px solid #eee;color:#2c3e50;color:var(--dark-color);font-size:1.2rem;grid-column:span 2;margin:20px 0 10px}.switch-config{margin-bottom:20px}.switch-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.switch-title{color:#2c3e50;color:var(--dark-color);font-size:1rem;font-weight:600}.add-switch-btn{align-items:center;background-color:#2ecc71;background-color:var(--success-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:5px;padding:5px 10px}.switch-table{border-collapse:collapse;margin-bottom:15px;width:100%}.switch-table th{background-color:#f8f9fa;font-size:.8rem;font-weight:600;padding:8px 10px;text-align:left}.switch-table td{border-bottom:1px solid #eee;padding:8px 10px}.switch-table input[type=number],.switch-table input[type=text],.switch-table select{padding:6px 8px;width:100%}.remove-switch{background:none;border:none;color:#e74c3c;color:var(--danger-color);cursor:pointer;font-size:1rem}.custom-io-input{display:none;margin-top:5px}@media(max-width:992px){.form-grid{grid-template-columns:1fr}.full-width,.section-header{grid-column:span 1}}@media(max-width:768px){.container{grid-template-columns:1fr}.sidebar{display:none}}.sidebar-toggle{margin-bottom:20px}.sidebar-toggle i{font-size:1.2rem}.alarm-controls{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:30px}.alarm-controls h2{color:#2c3e50;color:var(--dark-color);font-size:1.5rem;margin-bottom:30px;text-align:center}.alarm-grid{display:flex;flex-wrap:wrap;gap:60px;justify-content:center}.alarm-item{align-items:center;background-color:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;gap:20px;min-width:200px;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.alarm-item:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.alarm-item.active{background:linear-gradient(135deg,#f8f9fa,#e8f5e8)}.alarm-icon-container{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;box-shadow:0 4px 15px #3498db4d;display:flex;height:120px;justify-content:center;position:relative;transition:all .3s ease;width:120px}.alarm-item.active .alarm-icon-container{animation:pulse 2s infinite;background:linear-gradient(135deg,#2ecc71,#27ae60);background:linear-gradient(135deg,var(--success-color) 0,#27ae60 100%);box-shadow:0 4px 15px #2ecc714d}.alarm-icon{color:#fff;font-size:3.5rem;transition:all .3s ease}.alarm-item.active .alarm-icon{transform:scale(1.1)}.alarm-label{color:#2c3e50;color:var(--dark-color);font-size:1.4rem;font-weight:600}.toggle-switch{display:inline-block;height:50px;position:relative;width:100px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:42px;left:4px;position:absolute;transition:.4s;width:42px}input:checked+.toggle-slider{background-color:#2ecc71;background-color:var(--success-color)}input:checked+.toggle-slider:before{transform:translateX(50px)}@keyframes pulse{0%{box-shadow:0 0 0 0 #2ecc71b3}70%{box-shadow:0 0 0 15px #2ecc7100}to{box-shadow:0 0 0 0 #2ecc7100}}@media(max-width:768px){.container{grid-template-columns:1fr}.sidebar{display:none}.alarm-grid{align-items:center;flex-direction:column;gap:30px}.alarm-item{max-width:300px;width:100%}}.view-btn{background-color:#3498db;background-color:var(--primary-color);color:#fff}.view-btn:hover{background-color:#2980b9;background-color:var(--secondary-color)}@media(max-width:768px){.container{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:12px}.header{margin-bottom:12px;padding:10px 12px}.header-logo{font-size:1.2rem}.account-trigger span{display:none}.account-trigger{gap:.4rem;padding:.4rem .6rem}.customer-logo{height:26px;width:26px}.account-menu{min-width:160px;right:-10px}.page-title{margin-bottom:12px}.page-title h1{font-size:1.3rem}.page-title p{font-size:.8rem}.device-form-container{margin-bottom:12px;padding:14px}.form-title{font-size:1rem}.form-grid{gap:0;grid-template-columns:1fr}.form-group{margin-bottom:12px}input[type=text],select{font-size:.85rem;padding:8px 10px}.form-actions{flex-direction:row;flex-wrap:wrap;gap:8px;grid-column:span 1;margin-top:4px}.form-actions .btn{flex:1 1;font-size:.82rem;justify-content:center;min-width:0;padding:8px 10px}.device-table-container{border-radius:8px;padding:12px}.device-table{font-size:.78rem;min-width:780px}.device-table td,.device-table th{padding:9px 10px}.action-btns{gap:4px}.action-btns button{font-size:.75rem;padding:5px 7px}.modal{align-items:flex-start;padding:10px}.modal-content{border-radius:8px;margin:0;max-height:95vh;max-width:100%;width:100%}.modal-header{border-radius:8px 8px 0 0;padding:14px 16px}.modal-header h3{font-size:1rem;gap:6px}.close-modal{font-size:1.5rem}.modal-body{padding:14px 16px}.modal-footer{border-radius:0 0 8px 8px;padding:12px 16px}.detail-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:2px}.detail-label{color:#95a5a6;color:var(--gray-color);font-size:.75rem;margin-bottom:2px;width:100%}.detail-value{font-size:.85rem}.detail-section h4{font-size:1rem}.sub-section{padding:10px}.sub-section h5{font-size:.9rem}.notification{font-size:.85rem;left:12px;padding:12px 15px;right:12px;top:12px;transform:translateY(-120%)}.notification.show{transform:translateY(0)}}.user-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}input[type=email],input[type=password],input[type=text],select{border:1px solid #ddd;border-radius:4px;font-size:.85rem;padding:8px 12px;transition:border-color .3s;width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33;outline:none}.btn-success:hover{background-color:#27ae60}.password-strength{background-color:#eee;border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.password-strength-bar{height:100%;transition:width .3s ease;width:0}.strength-weak{background-color:#e74c3c;background-color:var(--danger-color);width:33.33%}.strength-medium{background-color:#f39c12;background-color:var(--warning-color);width:66.66%}.strength-strong{background-color:#2ecc71;background-color:var(--success-color);width:100%}.user-table-container{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:20px}.table-controls{display:flex;justify-content:flex-end;margin-bottom:15px}.user-table{border-collapse:collapse;font-size:.85rem;width:100%}.user-table th{background-color:#f8f9fa;border-bottom:2px solid #eee;color:#2c3e50;color:var(--dark-color);font-weight:600;padding:12px 15px;text-align:left;white-space:nowrap}.user-table td{border-bottom:1px solid #eee;padding:12px 15px}.user-table tr:last-child td{border-bottom:none}.user-table tr:hover{background-color:#f8f9fa}.status-active{background-color:#d4edda}.status-inactive{background-color:#f8d7da}.modal{background-color:#0009;display:flex;padding:20px;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;border-radius:10px;box-shadow:0 5px 30px #0000004d;max-width:500px}.modal-header{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px 10px 0 0;color:#fff;justify-content:space-between;padding:20px 25px;position:sticky;top:0;z-index:1}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{font-size:1.3rem;gap:10px;margin:0}.modal-body{padding:25px}.modal-footer{background-color:#f8f9fa;border-radius:0 0 10px 10px;padding:15px 25px;text-align:right}.checkbox-group{display:flex;flex-direction:column;gap:15px;margin-top:15px}.checkbox-item{align-items:center;display:flex;gap:10px}.checkbox-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-item label{cursor:pointer;margin-bottom:0}#password:disabled{background-color:#f5f5f5;cursor:not-allowed}.enable-password-edit{align-items:center;display:flex;gap:8px;margin-top:8px}.enable-password-edit input{cursor:pointer;width:auto}.enable-password-edit label{cursor:pointer;font-size:.8rem;font-weight:400;margin-bottom:0}@media(min-width:769px)and (max-width:1024px){.user-table{font-size:.8rem}.user-table td,.user-table th{padding:10px}}@media(max-width:768px){.container{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:12px}.header{margin-bottom:12px;padding:10px 12px}.header-logo{font-size:1.2rem}.account-trigger span{display:none}.account-trigger{gap:.4rem;padding:.4rem .6rem}.customer-logo{height:26px;width:26px}.account-menu{min-width:160px;right:-10px}.page-title{margin-bottom:12px}.page-title h1{font-size:1.3rem}.page-title p{font-size:.8rem}.user-form-container{margin-bottom:12px;padding:14px}.form-title{font-size:1rem}.form-grid{gap:0;grid-template-columns:1fr}.form-group{margin-bottom:12px}input[type=email],input[type=password],input[type=text],select{font-size:.85rem;padding:8px 10px}.form-actions{flex-direction:row;flex-wrap:wrap;gap:8px;grid-column:span 1;margin-top:4px}.form-actions .btn{flex:1 1;font-size:.82rem;justify-content:center;min-width:0;padding:8px 10px}.table-controls{justify-content:stretch}.table-controls input[type=text]{font-size:.85rem;width:100%!important}.user-table-container{border-radius:8px;padding:12px}.user-table{font-size:.78rem;min-width:560px}.user-table td,.user-table th{padding:9px 10px}.action-btns{gap:4px}.action-btns button{font-size:.75rem;padding:5px 7px}.modal{align-items:flex-start;padding:10px}.modal-content{border-radius:8px;margin:0;max-height:95vh;max-width:100%;width:100%}.modal-header{border-radius:8px 8px 0 0;padding:14px 16px}.modal-header h3{font-size:1rem}.close-modal{font-size:1.5rem}.modal-body{padding:14px 16px}.modal-footer{border-radius:0 0 8px 8px;padding:12px 16px}.notification{font-size:.85rem;left:12px;padding:12px 15px;right:12px;top:12px;transform:translateY(-120%)}.notification.show{transform:translateY(0)}}@media(max-width:480px){.main-content{padding:8px}.header{border-radius:6px;padding:8px 10px}.header-logo{font-size:1rem}.page-title h1{font-size:1.1rem}.user-form-container{padding:10px}.user-table td,.user-table th,.user-table-container{padding:8px}.btn{font-size:.78rem;padding:7px 8px}}.delete-btn.disabled{cursor:not-allowed;opacity:.6}.delete-btn.disabled,.delete-btn.disabled:hover{background-color:#95a5a6;background-color:var(--gray-color)}.org-admin-badge{background-color:#3498db;background-color:var(--primary-color);border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-left:5px;padding:2px 6px}.container.sidebar-expanded{grid-template-columns:250px 1fr}.sidebar{background-color:#2c3e50;background-color:var(--dark-color);color:#fff;overflow:hidden;padding:20px 0;position:relative;transition:width .3s ease,background-color .2s ease;width:60px;z-index:10}.sidebar:hover{width:250px}.sidebar:hover .nav-link span{display:inline;opacity:1}.sidebar.expanded{width:250px}.sidebar.expanded .nav-link span{display:inline;opacity:1}.header{flex-wrap:wrap;gap:8px}.device-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.form-title{border-bottom:1px solid #eee;color:#2c3e50;color:var(--dark-color);font-size:1.2rem;margin-bottom:15px;padding-bottom:10px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}label{color:#2c3e50;color:var(--dark-color);display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}input[type=text],select{border:1px solid #ddd;border-radius:4px;font-size:.85rem;padding:8px 12px;transition:border-color .3s;width:100%}input[type=text]:focus,select:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33;outline:none}.form-actions{flex-wrap:wrap}.btn{font-size:.85rem;white-space:nowrap}.btn-danger:hover{background-color:#c0392b}.btn-secondary{background-color:#95a5a6;background-color:var(--gray-color);color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.device-table-container{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:20px}.device-table{border-collapse:collapse;font-size:.85rem;width:100%}.device-table th{background-color:#f8f9fa;border-bottom:2px solid #eee;color:#2c3e50;color:var(--dark-color);font-weight:600;padding:12px 15px;text-align:left;white-space:nowrap}.device-table td{border-bottom:1px solid #eee;padding:12px 15px}.device-table tr:last-child td{border-bottom:none}.device-table tr:hover{background-color:#f8f9fa}.action-btns{display:flex;gap:5px}.action-btns button{border:none;border-radius:3px;cursor:pointer;font-size:.8rem;padding:5px 8px}.edit-btn{background-color:#f39c12;background-color:var(--warning-color);color:#fff}.edit-btn:hover{background-color:#e0a800}.delete-btn{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.delete-btn:hover{background-color:#c82333}.view-btns{background-color:#3498db;background-color:var(--primary-color);color:#fff}.view-btns:hover{background-color:#2980b9;background-color:var(--secondary-color)}.status-active{color:#155724;font-weight:600}.status-inactive{color:#721c24;font-weight:600}.modals{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modals-content{animation:modalSlideIn .3s ease;background-color:#fff;border-radius:10px;box-shadow:0 5px 30px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modals-header{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-bottom:1px solid #eee;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px;position:sticky;top:0;z-index:1}.modals-header h3{align-items:center;display:flex;font-size:1.3rem;gap:10px;margin:0}.close-modal{font-size:1.8rem;line-height:1;transition:color .2s}.close-modal:hover{color:#e74c3c;color:var(--danger-color)}.modals-body{padding:25px}.modals-footer{background-color:#f8f9fa;border-radius:0 0 10px 10px;border-top:1px solid #eee;padding:15px 25px;text-align:right}.detail-section{border-bottom:1px solid #e9ecef;margin-bottom:25px;padding-bottom:20px}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h4{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;font-size:1.1rem;gap:8px;margin-bottom:15px}.detail-section h4 i{color:#3498db;color:var(--primary-color)}.sub-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px}.sub-section h5{color:#2980b9;color:var(--secondary-color);font-size:1rem;font-weight:600;margin-bottom:12px}.detail-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detail-item{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:8px 12px}.detail-label{color:#2c3e50;color:var(--dark-color);flex-shrink:0;font-weight:600;width:110px}.detail-value{color:#495057;word-break:break-all}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 8px}.status-badge.status-active{background-color:#d4edda;color:#155724}.status-badge.status-inactive{background-color:#f8d7da;color:#721c24}.dropdown-menu{z-index:1000}.dropdown-toggle.show .dropdown-icon,.sidebar:hover .dropdown-toggle.show .dropdown-icon{transform:rotate(180deg)}.sidebar:not(:hover):not(.expanded) .dropdown-menu{display:none!important;max-height:0!important;padding:0!important}.sidebar:not(:hover):not(.expanded) .dropdown-toggle.show .dropdown-icon{transform:rotate(0deg)!important}.sidebar-toggle{align-items:center;background:#2c3e50;background:var(--dark-color);border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:10px;position:fixed;top:15px;width:40px;z-index:20}@media(min-width:769px)and (max-width:1024px){.device-table{font-size:.8rem}.device-table td,.device-table th{padding:10px}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:12px}.header{margin-bottom:12px;padding:10px 12px}.header-logo{font-size:1.2rem}.account-trigger span{display:none}.account-trigger{gap:.4rem;padding:.4rem .6rem}.customer-logo{height:26px;width:26px}.account-menu{min-width:160px;right:-10px}.page-title{margin-bottom:12px}.page-title h1{font-size:1.3rem}.page-title p{font-size:.8rem}.device-form-container{margin-bottom:12px;padding:14px}.form-title{font-size:1rem}.form-grid{gap:0;grid-template-columns:1fr}.form-group{margin-bottom:12px}input[type=text],select{font-size:.85rem;padding:8px 10px}.form-actions{flex-direction:row;flex-wrap:wrap;gap:8px;grid-column:span 1;margin-top:4px}.form-actions .btn{flex:1 1;font-size:.82rem;justify-content:center;min-width:0;padding:8px 10px}.device-table-container{border-radius:8px;padding:12px}.device-table{font-size:.78rem;min-width:780px}.device-table td,.device-table th{padding:9px 10px}.action-btns{gap:4px}.action-btns button{font-size:.75rem;padding:5px 7px}.modals{align-items:flex-start;padding:10px}.modals-content{border-radius:8px;margin:0;max-height:95vh;max-width:100%;width:100%}.modals-header{border-radius:8px 8px 0 0;padding:14px 16px}.modals-header h3{font-size:1rem;gap:6px}.close-modal{font-size:1.5rem}.modals-body{padding:14px 16px}.modals-footer{border-radius:0 0 8px 8px;padding:12px 16px}.detail-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:2px}.detail-label{color:#95a5a6;color:var(--gray-color);font-size:.75rem;margin-bottom:2px;width:100%}.detail-value{font-size:.85rem}.detail-section h4{font-size:1rem}.sub-section{padding:10px}.sub-section h5{font-size:.9rem}.notification{font-size:.85rem;left:12px;padding:12px 15px;right:12px;top:12px;transform:translateY(-120%)}.notification.show{transform:translateY(0)}}@media(max-width:480px){.main-content{padding:8px}.header{border-radius:6px;padding:8px 10px}.header-logo{font-size:1rem}.page-title h1{font-size:1.1rem}.device-form-container{padding:10px}.device-table td,.device-table th,.device-table-container{padding:8px}.modal-body{padding:10px 12px}.btn{font-size:.78rem;padding:7px 8px}}.container{width:100vw}.main-content{min-width:0}.log-controls,.page-title{width:100%}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;width:100%}.stat-card{display:flex;flex-direction:column}.stat-title{color:#95a5a6;color:var(--gray-color);font-size:.9rem;margin-bottom:10px}.stat-valueb{color:#2c3e50;color:var(--dark-color);font-size:1.8rem;font-weight:700}.stat-trend{align-items:center;display:flex;font-size:.85rem;margin-top:5px}.trend-up{color:#e74c3c;color:var(--danger-color)}.trend-down{color:#2ecc71;color:var(--success-color)}.trend-neutral{color:#95a5a6;color:var(--gray-color)}.chart-row{align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%}.chart-containere{background-color:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:var(--shadow-sm);height:300px;overflow:hidden;padding:10px;position:relative}.chart-title{flex-shrink:0}.chart-wrapper{height:250px}.chart-wrapper canvas{height:auto!important;max-height:100%;max-width:100%;width:auto!important}.log-table-container{width:100%}.brake-status{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-fault{background-color:#d1ecf1;color:#0c5460}.wear-progress{background-color:#e9ecef;border-radius:4px;height:8px;margin-top:5px;overflow:hidden}.wear-progress-bar{border-radius:4px;height:100%;transition:width .3s ease}.wear-low{background-color:#2ecc71;background-color:var(--success-color)}.wear-medium{background-color:#f39c12;background-color:var(--warning-color)}.wear-high{background-color:#e74c3c;background-color:var(--danger-color)}@media(max-width:992px){.log-controls{grid-template-columns:1fr 1fr}.action-buttons{grid-column:span 2}.stats-container{grid-template-columns:1fr 1fr}}@media(max-width:768px){.container{grid-template-columns:1fr}.main-content{padding:15px;width:100vw!important}.chart-row,.log-controls,.stats-container{grid-template-columns:1fr}.action-buttons{grid-column:1}.header{align-items:flex-start;flex-direction:column;gap:15px}}@media(max-width:576px){.account-menu{bottom:70px;left:20px;position:fixed;right:20px;top:auto;width:calc(100% - 40px)}}.main-content{display:flex;flex-direction:column;gap:20px}.crane-statusa,.page-title{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.crane-statusa{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-cards{align-items:center;border-radius:6px;display:flex;flex-direction:column;padding:15px}.status-cards i{font-size:2rem;margin-bottom:10px}.status-cards .label{color:#95a5a6;color:var(--gray-color);font-size:.9rem;margin-bottom:5px}.status-cards .value{font-size:1.2rem;font-weight:600}.status-operational{background-color:#2ecc711a;color:#2ecc71;color:var(--success-color)}.status-warning{background-color:#f39c121a;color:var(--warning-color)}.status-danger{background-color:#e74c3c1a;color:var(--danger-color)}.viewer-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;height:500px;overflow:hidden;position:relative}#crane3dViewer{height:100%;width:100%}.viewer-controls{bottom:20px;display:flex;gap:10px;left:20px;position:absolute;z-index:10}.viewer-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.viewer-btn:hover{background-color:#f8f9fa;transform:scale(1.1)}.crane-controls{bottom:20px;display:flex;gap:15px;position:absolute;right:20px;z-index:10}.control-group{align-items:center;background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:10px;padding:15px}.control-group h4{color:#2c3e50;color:var(--dark-color);font-size:.9rem;margin:0}.control-btn{align-items:center;background-color:#fff;border:2px solid #3498db;border:2px solid var(--primary-color);border-radius:50%;color:#3498db;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .2s;width:50px}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-btn:hover:not(:disabled){background-color:#3498db;background-color:var(--primary-color);color:#fff;transform:scale(1.1)}.control-btn:active:not(:disabled){transform:scale(.95)}.horizontal-controls,.vertical-controls{display:flex;gap:10px}.vertical-controls{flex-direction:column}.control-value{color:#2c3e50;color:var(--dark-color);font-size:.9rem;margin-top:5px;text-align:center}.zone-controls{grid-gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px}.zone-configuration,.zone-list{display:flex;flex-direction:column}.zone-control-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.zone-control-title{color:#2c3e50;color:var(--dark-color);font-size:1.2rem;font-weight:600}.zone-types{display:flex;gap:10px;margin-bottom:20px}.zone-type{border:2px solid #0000;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:10px;text-align:center;transition:all .3s}.zone-type:hover{opacity:.9}.zone-type.active{border-color:currentColor}.zone-type.work{background-color:#28a7451a;color:#28a745}.zone-type.restricted{background-color:#dc35451a;color:#dc3545}.zone-type.warning{background-color:#ffc1071a;color:#ffc107}.zone-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:span 2}.form-input,.form-select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.form-actions{grid-column:span 2}.btn{display:inline-flex}.zone-table{border-collapse:collapse;font-size:.85rem;margin-top:15px;width:100%}.zone-table th{background-color:#f8f9fa;border-bottom:2px solid #eee;color:#2c3e50;color:var(--dark-color);font-weight:600;padding:12px 15px;text-align:left}.zone-table td{border-bottom:1px solid #eee;padding:12px 15px}.zone-table tr:last-child td{border-bottom:none}.zone-table tr:hover{background-color:#f8f9fa}.zone-status{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-work{background-color:#d4edda;color:#155724}.status-restricted{background-color:#f8d7da;color:#721c24}.position-tracker{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.position-values{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:15px}.position-value{background-color:#f8f9fa;border-radius:6px;padding:15px;text-align:center}.position-label{color:#95a5a6;color:var(--gray-color);font-size:.9rem;margin-bottom:5px}.position-number{color:#3498db;color:var(--primary-color);font-size:1.5rem;font-weight:600}.position-unit{color:#95a5a6;color:var(--gray-color);font-size:.9rem}.account-trigger{border-radius:6px;color:#2c3e50;color:var(--dark-color);gap:10px;padding:8px 12px;transition:all .2s}.account-menu{border-radius:6px;display:none;min-width:200px;padding:10px 0;top:calc(100% + 5px)}.account-menu.show{display:block}.account-menu-item{color:#2c3e50;color:var(--dark-color);font-size:.9rem;gap:10px;padding:10px 15px;transition:all .2s}.account-menu-item:hover{background-color:#f8f9fa;color:#3498db;color:var(--primary-color)}.account-menu-item i{width:20px}.account-menu-divider{background-color:#eee;margin:10px 0}.customer-logo{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.zone-alert{background:#f00c;border-radius:8px;display:none;font-weight:700;padding:15px;right:10px}.data-status,.zone-alert{color:#fff;position:absolute;top:10px;z-index:100}.data-status{background:#3498dbe6;border-radius:20px;font-size:.8rem;left:50%;padding:8px 15px;transform:translateX(-50%)}.connection-connected{background:#2ecc71e6;color:#fff}.connection-disconnected{background:#e74c3ce6;color:#fff}@media(max-width:1024px){.zone-controls{grid-template-columns:1fr}.crane-controls{bottom:10px;flex-direction:column;right:10px}}@media(max-width:768px){.container,.zone-form{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.position-values{grid-template-columns:1fr}.crane-controls{flex-direction:row;justify-content:center;margin-top:15px;position:static}}@media(max-width:480px){.crane-controls{align-items:center;flex-direction:column}.control-group{width:100%}}:root{--pulley-color:#9b59b6;--wheels-color:#f1c40f;--hook-color:#1abc9c}body{overflow-x:hidden}.nav-link{color:#fff;gap:10px}.nav-link i{flex-shrink:0;font-size:1.2rem;text-align:center;width:20px}.page-title h1{margin-bottom:5px}.header-right{align-items:center;display:flex;gap:15px}.log-controls{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.overview-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px;width:100%}.overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.overview-title{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;font-size:1.3rem;font-weight:600;gap:10px}.overview-chart{height:350px;margin-bottom:20px;min-width:300px;width:100%}.parameter-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:20px}.parameter-card{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:15px;text-align:center}.parameter-value{color:#2c3e50;color:var(--dark-color);font-size:1.5rem;font-weight:700;margin:10px 0}.parameter-label{font-size:.9rem}.parameter-label,.parameter-unit{color:#95a5a6;color:var(--gray-color)}.parameter-unit{font-size:.8rem;margin-top:5px}.component-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;height:auto;margin-bottom:20px;min-height:700px;padding:20px;width:100%}.component-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.component-name{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;font-size:1.2rem;font-weight:600;gap:10px}.component-status{border-radius:4px;font-size:.8rem;font-weight:600;padding:5px 10px}.axis-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.axis-btn{align-items:center;background-color:#f8f9fa;border:2px solid #0000;border-radius:20px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.axis-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.axis-btn.active{border-color:#0000;box-shadow:0 4px 8px #00000026;color:#fff}.axis-btn:first-child,.axis-btn:first-child.active,.axis-btn[data-axis=all],.axis-btn[data-axis=all].active,button.axis-btn[data-axis=all],button.axis-btn[data-axis=all].active{background-color:#fff;color:#000!important}.axis-btn[data-axis=x]{border-color:#3498db;color:#3498db}.axis-btn[data-axis=x].active{background-color:#3498db;color:#fff}.axis-btn[data-axis=y]{border-color:#2ecc71;color:#2ecc71}.axis-btn[data-axis=y].active{background-color:#2ecc71;color:#fff}.axis-btn[data-axis=z]{border-color:#e74c3c;color:#e74c3c}.axis-btn[data-axis=z].active{background-color:#e74c3c;color:#fff}.axis-btn i{font-size:.9rem}.combined-chart{height:300px;margin-bottom:20px;min-width:300px;width:100%}.vibration-meters{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.vibration-meter{height:180px;min-width:150px;position:relative}.meter-value{font-size:24px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.status-monitoring{background-color:#d1ecf1;color:#0c5460}.settings-container{background-color:#fff;box-shadow:-5px 0 15px #0000001a;display:none;height:100vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transition:transform .3s ease;width:400px;z-index:1000}.settings-container.show{display:block;transform:translateX(0)}.settings-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.settings-title{color:#2c3e50;color:var(--dark-color);font-size:1.5rem;font-weight:600}.close-settings{background:none;border:none;color:#95a5a6;color:var(--gray-color);cursor:pointer;font-size:1.5rem}.settings-section{margin-bottom:25px}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:15px}.settings-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.form-group{margin-bottom:15px}.form-label{color:#2c3e50;color:var(--dark-color);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.form-actions{border-top:1px solid #eee;padding-top:20px}.overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.overlay.show{display:block}.components-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.component-panel{min-width:0}@media(max-width:1024px){.parameter-cards,.vibration-meters{grid-template-columns:repeat(2,1fr)}.components-grid{grid-template-columns:1fr}}@media(max-width:768px){.container,.log-controls{grid-template-columns:1fr}.action-buttons{grid-column:1;justify-content:flex-start}.parameter-cards,.vibration-meters{grid-template-columns:1fr}.combined-chart,.overview-chart{height:250px}.settings-container{width:100%}.header{flex-direction:column;gap:15px;text-align:center}.header-left,.header-right{justify-content:center;width:100%}.page-title{order:-1;width:100%}.components-grid{grid-template-columns:1fr}}.chart-containerd{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;height:300px;padding:20px;position:relative}.hidden{display:none!important}.temp-status{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-normal{background-color:#d5f5e3;color:#28a745}.status-warning{background-color:#fef9e7;color:#f39c12}.status-danger{background-color:#fadbd8;color:#e74c3c}@media(max-width:1200px){.chart-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.chart-row,.container,.log-controls{grid-template-columns:1fr}.action-buttons{grid-column:1}}:root{--vfd-color:#9b59b6;--limit-color:#1abc9c;--manual-color:#f1c40f;--temp-color:#e74c3c;--load-cell-color:#3498db;--rope-color:#2ecc71;--mechanical-color:#e67e22;--electrical-color:#9b59b6;--safety-color:#e74c3c;--software-color:#3498db;--data-color:#f1c40f}.log-controls{grid-gap:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:20px;padding:20px}.filter-group{flex:1 1;min-width:180px}.filter-label{font-size:.85rem}.filter-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.action-buttons{margin-left:auto}.btn-success{background-color:#2ecc71;background-color:var(--success-color);color:#fff}.chart-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.chart-containerb{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;height:300px;padding:20px}.chart-title{color:#2c3e50;color:var(--dark-color);font-size:1rem;font-weight:600;margin-bottom:15px}.chart-wrapper{height:calc(100% - 30px);position:relative;width:100%}.log-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:20px}.log-table{border-collapse:collapse;font-size:.85rem;width:100%}.log-table th{background-color:#f8f9fa;border-bottom:2px solid #eee;color:#2c3e50;color:var(--dark-color);font-weight:600;padding:12px 15px;position:sticky;text-align:left;top:0}.log-table td{border-bottom:1px solid #eee;padding:12px 15px}.log-table tr:last-child td{border-bottom:none}.log-table tr:hover{background-color:#f8f9fa}.error-status{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-info{background-color:#d1ecf1;color:#0c5460}.status-danger{background-color:#f8d7da;color:#721c24}.status-critical{background-color:#721c24;color:#fff}.error-code{background-color:#f8f9fa;border-radius:3px;font-family:monospace;padding:2px 4px}.error-code,.viewbtn{border:1px solid #ddd}.viewbtn{align-items:center;background-color:#ecf0f1;background-color:var(--light-color);border-radius:3px;cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:4px 8px}@media(max-width:1024px){.chart-row{grid-template-columns:1fr}.chart-containerb{height:280px}}@media(max-width:768px){.container,.log-controls{grid-template-columns:1fr}.filter-group{min-width:100%}.action-buttons{justify-content:flex-end;margin-left:0;margin-top:10px}}.modal{align-items:center;background-color:#000000b3;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;width:90%}.modal-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.modal-title{color:#2c3e50;color:var(--dark-color);font-size:1.5rem;margin-bottom:5px}.modal-subtitle{font-size:.9rem}.close-modal,.modal-subtitle{color:#95a5a6;color:var(--gray-color)}.close-modal{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px}.modal-body{margin-bottom:30px}.modal-section{margin-bottom:25px}.modal-section-title{border-bottom:1px solid #eee;color:#2c3e50;color:var(--dark-color);font-size:1.1rem;margin-bottom:15px;padding-bottom:8px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column}.detail-label{color:#95a5a6;color:var(--gray-color);font-size:.85rem;margin-bottom:5px}.detail-value{font-size:1rem;font-weight:500}.progress-container{margin-top:20px}.progress-labels{color:#95a5a6;color:var(--gray-color);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:5px}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:#3498db;background-color:var(--primary-color);height:100%;transition:width .5s ease;width:0}.status-indicators{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;padding:4px 10px}.status-indicators .dot{background-color:currentColor;border-radius:50%;height:8px;width:8px}.status-unresolved{background-color:#f8d7da;color:#721c24}.status-investigating{background-color:#d1ecf1;color:#0c5460}.status-acknowledged{background-color:#fff3cd;color:#856404}.status-resolved{background-color:#d4edda;color:#155724}.error-source-vfd{background-color:#9b59b626;color:#9b59b6}.error-source-limit{background-color:#1abc9c26;color:#1abc9c}.error-source-manual{background-color:#f1c40f26;color:#f1c40f}.error-source-temp{background-color:#e74c3c26;color:#e74c3c}.error-source-load{background-color:#3498db26;color:#3498db}.error-source-rope{background-color:#2ecc7126;color:#2ecc71}.error-type-mechanical{background-color:#e67e2226;color:#e67e22}.error-type-electrical{background-color:#9b59b626;color:#9b59b6}.error-type-safety{background-color:#e74c3c26;color:#e74c3c}.error-type-software{background-color:#3498db26;color:#3498db}.assigned-to{gap:8px}.assigned-to,.user-avatar{align-items:center;display:flex}.user-avatar{background-color:#3498db;background-color:var(--primary-color);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.priority-high{color:#e74c3c;font-weight:700}.priority-medium{color:#f39c12;font-weight:700}.priority-low{color:#3498db;font-weight:700}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.report-error-btn{margin-bottom:20px;width:200px}.report-form-group{margin-bottom:15px}.report-form-label{color:#2c3e50;color:var(--dark-color);display:block;font-weight:600;margin-bottom:5px}.report-form-input,.report-form-select,.report-form-textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.report-form-textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.chart-containerb{position:relative}.sensor-status{align-items:center;border-radius:4px;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;padding:4px 8px}.sensor-status .dot{border-radius:50%;height:8px;width:8px}.sensor-normal{background-color:#2ecc7126;color:#2ecc71}.sensor-warning{background-color:#f1c40f26;color:#f1c40f}.sensor-critical{background-color:#e74c3c26;color:#e74c3c}.error-type-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;padding:4px 8px}.error-type-indicator .dot{border-radius:50%;height:8px;width:8px}.error-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;margin-bottom:5px;margin-right:5px;padding:4px 8px}.error-badge .dot{border-radius:50%;height:8px;width:8px}.error-indicators{display:flex;flex-wrap:wrap;gap:5px}#reportErrorModal .modal-content{max-width:600px}#reportErrorModal .modal-header{background-color:#3498db;background-color:var(--primary-color);border-radius:8px 8px 0 0;color:#fff;margin:-30px -30px 20px;padding:20px 30px}#reportErrorModal .modal-title{color:#fff;font-size:1.4rem;margin-bottom:5px}#reportErrorModal .modal-subtitle{color:#fffc;font-size:.9rem}#reportErrorModal .report-form-group{margin-bottom:20px;position:relative}#reportErrorModal .report-form-label{color:#2c3e50;color:var(--dark-color);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}#reportErrorModal .report-form-input,#reportErrorModal .report-form-select,#reportErrorModal .report-form-textarea{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:12px 15px;transition:all .3s ease;width:100%}#reportErrorModal .report-form-input:focus,#reportErrorModal .report-form-select:focus,#reportErrorModal .report-form-textarea:focus{background-color:#fff;border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db33;outline:none}#reportErrorModal .report-form-textarea{min-height:120px;resize:vertical}#reportErrorModal .form-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}#reportErrorModal .btn{align-items:center;border-radius:6px;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:10px 20px;transition:all .2s}#reportErrorModal .btn-secondary{background-color:#fff;border:1px solid #ddd;color:#2c3e50;color:var(--dark-color)}#reportErrorModal .btn-secondary:hover{background-color:#f5f5f5}#reportErrorModal .btn-primary{background-color:#3498db;background-color:var(--primary-color);border:none;color:#fff}#reportErrorModal .btn-primary:hover{background-color:#2980b9;background-color:var(--secondary-color)}.form-group-with-icon{position:relative}.form-group-with-icon .form-icon{color:#95a5a6;color:var(--gray-color);left:15px;position:absolute;top:50%;transform:translateY(-50%)}.form-group-with-icon .report-form-input,.form-group-with-icon .report-form-select{padding-left:45px}.priority-selector{display:flex;gap:10px;margin-top:8px}.priority-option{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px;text-align:center;transition:all .2s}.priority-option:hover{border-color:#3498db;border-color:var(--primary-color)}.priority-option.low.selected,.priority-option.selected{background-color:#3498db1a;border-color:#3498db;border-color:var(--primary-color)}.priority-option.medium.selected{background-color:#f39c121a;border-color:#f39c12;border-color:var(--warning-color)}.priority-option.high.selected{background-color:#e74c3c1a;border-color:#e74c3c;border-color:var(--danger-color)}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@media(max-width:768px){#reportErrorModal .modal-content{padding:20px;width:95%}#reportErrorModal .modal-header{margin:-20px -20px 15px;padding:15px 20px}#reportErrorModal .form-actions{flex-direction:column}#reportErrorModal .btn{width:100%}}.report-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px;margin-bottom:20px}.report-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.stat-card{border-radius:8px;padding:20px}.stat-card .icon{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:10px;width:40px}.stat-card .icon.primary{background-color:#3498db1a;color:#3498db;color:var(--primary-color)}.stat-card .icon.success{background-color:#2ecc711a;color:#2ecc71;color:var(--success-color)}.stat-card .icon.warning{background-color:#f39c121a;color:#f39c12;color:var(--warning-color)}.stat-card .icon.danger{background-color:#e74c3c1a;color:#e74c3c;color:var(--danger-color)}.stat-valuec{font-size:1.8rem;font-weight:700;margin:5px 0}.quick-actions{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.quick-actions h3{margin-bottom:15px}.action-btnsss,.quick-actions h3{color:#2c3e50;color:var(--dark-color)}.action-btnsss{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;gap:10px;margin-bottom:10px;padding:12px;text-decoration:none;transition:all .2s}.action-btnsss:hover{background-color:#e9ecef;transform:translateX(3px)}.action-btnsss i{text-align:center;width:20px}.report-types{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.report-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px;transition:all .3s}.report-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.report-card h3{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;gap:10px;margin-bottom:10px}.report-card h3 i{color:#3498db;color:var(--primary-color)}.report-card p{font-size:.9rem}.report-card p,.report-meta{color:#95a5a6;color:var(--gray-color);margin-bottom:15px}.report-meta{display:flex;font-size:.8rem;justify-content:space-between}.report-actions{display:flex;gap:10px}.report-filters{grid-gap:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px;padding:20px}.filter-input,.filter-select{border-radius:6px;padding:10px 12px;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.btn{border-radius:6px;padding:10px 16px}.btn:hover{transform:translateY(-1px)}.btn-primary:hover{background-color:#2980b9;background-color:var(--secondary-color)}.btn-secondary:hover{background-color:#f8f9fa}.report-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:20px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.table-actions{display:flex;gap:10px}.report-table{border-collapse:collapse;font-size:.85rem;width:100%}.report-table th{background-color:#f8f9fa;border-bottom:2px solid #eee;color:#2c3e50;color:var(--dark-color);font-weight:600;padding:12px 15px;position:sticky;text-align:left;top:0}.report-table td{border-bottom:1px solid #eee;padding:12px 15px}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover{background-color:#f8f9fa}.report-status{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-ready{background-color:#d4edda;color:#155724}.status-processing{background-color:#fff3cd;color:#856404}.status-failed{background-color:#f8d7da;color:#721c24}.export-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.export-btn{align-items:center;background-color:#2ecc71;background-color:var(--success-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:5px;padding:8px 16px;transition:all .2s}.export-btn:hover{opacity:.9;transform:translateY(-1px)}.export-btn.pdf{background-color:#e74c3c}.export-btn.excel{background-color:#2ecc71}.export-btn.png{background-color:#3498db}.export-btn.csv{background-color:#9b59b6}.export-btn.json{background-color:#f39c12}.report-preview{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:none;margin-top:20px;padding:20px}.preview-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.preview-content{background-color:#f9f9f9;border:1px solid #eee;max-height:400px;overflow:auto;padding:15px}@media(max-width:768px){.container,.report-dashboard,.report-filters{grid-template-columns:1fr}.action-buttons{grid-column:1}}.badge{background-color:#eee;border-radius:10px;color:#555;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 8px}.badge-primary{background-color:#e3f2fd;color:#1976d2}.badge-success{background-color:#e8f5e9;color:#388e3c}.badge-warning{background-color:#fff8e1;color:#ffa000}.pagination{display:flex;gap:5px;justify-content:center;margin-top:20px}.page-item{list-style:none}.page-link{border:1px solid #ddd;border-radius:4px;color:#2c3e50;color:var(--dark-color);padding:8px 12px;text-decoration:none;transition:all .2s}.page-link:hover{background-color:#f8f9fa}.page-link.active{background-color:#3498db;background-color:var(--primary-color);border-color:#3498db;border-color:var(--primary-color);color:#fff}.chart-containerss{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.chart-wrapperss{height:300px;position:relative;width:500px}.dropdown-menu{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.dropdown-menu.show{max-height:200px}.dropdown-item{transition:all .2s}.dropdown-item:hover{background-color:#ffffff1a}.dropdown-toggle .dropdown-icon{transition:transform .3s ease}:root{--info-color:#1abc9c;--rule-engine-color:#9b59b6}.logo{border-bottom:1px solid #ffffff1a;display:none;padding:0 20px 20px;text-align:center}.nav-item.active .nav-link,.nav-item:hover .nav-link{color:#fff}.severity-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.severity-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:5px;padding:8px 16px;transition:all .2s}.severity-btn.all{background-color:#2c3e50;background-color:var(--dark-color);color:#fff}.severity-btn.critical{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.severity-btn.warning{background-color:#f39c12;background-color:var(--warning-color);color:#fff}.severity-btn.info{background-color:#1abc9c;background-color:var(--info-color);color:#fff}.severity-btn.normal{background-color:#2ecc71;background-color:var(--success-color);color:#fff}.severity-btn.rule-engine{background-color:#9b59b6;background-color:var(--rule-engine-color);color:#fff}.severity-btn.active{box-shadow:0 2px 8px #0003;transform:scale(1.05)}.stats-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:10px}.stat-card{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000000d;padding:5px;text-align:center;transition:all .3s}.stat-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.stat-card.critical{border-top:4px solid #e74c3c;border-top:4px solid var(--danger-color)}.stat-card.warning{border-top:4px solid #f39c12;border-top:4px solid var(--warning-color)}.stat-card.info{border-top:4px solid #1abc9c;border-top:4px solid var(--info-color)}.stat-card.normal{border-top:4px solid #2ecc71;border-top:4px solid var(--success-color)}.stat-card.rule-engine{border-top:4px solid #9b59b6;border-top:4px solid var(--rule-engine-color)}.stat-valuea{font-size:1.8rem;font-weight:700;margin:10px 0}.stat-valuea.critical{color:#e74c3c;color:var(--danger-color)}.stat-valuea.warning{color:#f39c12;color:var(--warning-color)}.stat-valuea.info{color:#1abc9c;color:var(--info-color)}.stat-valuea.normal{color:#2ecc71;color:var(--success-color)}.stat-valuea.rule-engine{color:#9b59b6;color:var(--rule-engine-color)}.stat-label{color:#95a5a6;color:var(--gray-color);font-size:.9rem}.alert-controls{grid-gap:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px;padding:20px}.filter-group{margin-bottom:0}.filter-label{color:#2c3e50;color:var(--dark-color);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.filter-input,.filter-select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.action-buttons{align-self:flex-end;display:flex;gap:10px}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:5px;padding:8px 16px;transition:all .2s}.btn-primary{background-color:#3498db;background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:#fff;border:1px solid #ddd;color:#2c3e50;color:var(--dark-color)}.btn-danger{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.btn-purple{background-color:#9b59b6;background-color:var(--rule-engine-color);color:#fff}.alerts-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:20px}.alerts-table{border-collapse:collapse;font-size:.85rem;width:100%}.alerts-table th{background-color:#f8f9fa;border-bottom:2px solid #eee;color:#2c3e50;color:var(--dark-color);font-weight:600;padding:12px 15px;position:sticky;text-align:left;top:0}.alerts-table td{border-bottom:1px solid #eee;padding:12px 15px}.alerts-table tr:last-child td{border-bottom:none}.alerts-table tr:hover{background-color:#f8f9fa}.alert-severity{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.severity-critical{background-color:#f8d7da;color:#721c24}.severity-warning{background-color:#fff3cd;color:#856404}.severity-info{background-color:#d1ecf1;color:#0c5460}.severity-normal{background-color:#d4edda;color:#155724}.severity-rule-engine{background-color:#e8d6f3;color:#5e3370}.alert-actions{display:flex;gap:5px}.action-btn{align-items:center;background-color:#f8f9fa;border:none;border-radius:50%;color:#2c3e50;color:var(--dark-color);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s;width:30px}.action-btn:hover{background-color:#e9ecef}.action-btn.resolve{color:#2ecc71;color:var(--success-color)}.action-btn.ignore{color:#f39c12;color:var(--warning-color)}.action-btn.delete{color:#e74c3c;color:var(--danger-color)}.alert-details{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:none;margin-top:20px;padding:20px}.details-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.details-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.details-section{margin-bottom:15px}.details-label{color:#95a5a6;color:var(--gray-color);font-size:.9rem;margin-bottom:5px}.details-value{font-weight:600}.timeline-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.timeline-header{margin-bottom:15px}.timeline{padding-left:30px;position:relative}.timeline:before{background-color:#eee;bottom:0;content:"";left:10px;position:absolute;top:0;width:2px}.timeline-item{padding-bottom:20px;position:relative}.timeline-item:before{background-color:#e74c3c;background-color:var(--danger-color);border-radius:50%;content:"";height:12px;left:-30px;position:absolute;top:5px;width:12px}.timeline-item.warning:before{background-color:#f39c12;background-color:var(--warning-color)}.timeline-item.info:before{background-color:#1abc9c;background-color:var(--info-color)}.timeline-item.normal:before{background-color:#2ecc71;background-color:var(--success-color)}.timeline-item.rule-engine:before{background-color:#9b59b6;background-color:var(--rule-engine-color)}.timeline-time{color:#95a5a6;color:var(--gray-color);font-size:.8rem;margin-bottom:5px}.timeline-content{background-color:#f8f9fa;border-radius:4px;padding:10px}.settings-intro{background-color:#f8f9fa;border-left:4px solid #3498db;border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:25px;padding:15px}.settings-intro p{color:#2c3e50;color:var(--dark-color);margin:0}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:20px}.settings-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 15px #0000000d;overflow:hidden}.settings-card-header{align-items:center;background-color:#ecf0f1;background-color:var(--light-color);border-bottom:1px solid #eee;display:flex;gap:10px;padding:15px 20px}.settings-card-header h3{color:#2c3e50;color:var(--dark-color);font-size:1.1rem;margin:0}.settings-card-header i{color:#3498db;color:var(--primary-color);font-size:1.2rem}.settings-card-body{padding:15px 20px}.settings-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.settings-item:last-child{border-bottom:none}.settings-item-info{align-items:center;display:flex;flex:1 1;gap:15px}.settings-item-info i{font-size:1.4rem}.settings-item-info h4{color:#2c3e50;color:var(--dark-color);font-size:.95rem;margin:0 0 5px}.settings-item-info p{color:#95a5a6;color:var(--gray-color);font-size:.85rem;margin:0}.settings-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:20px}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#2ecc71;background-color:var(--success-color)}input:checked+.slider:before{transform:translateX(26px)}.rule-engine-panel{background-color:#fff;border-left:4px solid #9b59b6;border-left:4px solid var(--rule-engine-color);border-radius:10px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:25px}.rule-header{border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.rule-header,.rule-header h3{align-items:center;display:flex}.rule-header h3{color:#2c3e50;color:var(--dark-color);font-size:1.4rem;gap:10px}.rule-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.rule-form-group{margin-bottom:20px}.rule-form-group.full-width{grid-column:1/-1}.rule-label{align-items:center;color:#2c3e50;color:var(--dark-color);display:block;display:flex;font-weight:600;gap:8px;margin-bottom:10px}.rule-input,.rule-select,.rule-textarea{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:10px 15px;transition:all .2s;width:100%}.rule-input:focus,.rule-select:focus,.rule-textarea:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.rule-textarea{min-height:100px;resize:vertical}.rule-conditions{margin-bottom:10px}.rule-condition{border-left:3px solid #3498db;border-left:3px solid var(--primary-color);border-radius:6px;padding:12px}.rule-condition input,.rule-condition select{flex:1 1;font-size:.9rem;padding:8px 12px}.add-condition{border-radius:6px;font-weight:500;padding:12px;transition:all .2s}.add-condition:hover{border-color:#3498db;border-color:var(--primary-color)}.add-condition i{margin-right:8px}.crane-selection,.notification-methods{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.crane-checkbox,.method-checkbox{align-items:center;display:flex;gap:8px}.crane-checkbox input,.method-checkbox input{margin:0}.status-toggle{display:flex;gap:15px}.status-toggle input[type=radio]{display:none}.status-toggle label{background-color:#f8f9fa;border-radius:20px;cursor:pointer;padding:8px 15px;transition:all .2s}.status-toggle input[type=radio]:checked+label{background-color:#3498db;background-color:var(--primary-color);color:#fff}.rule-actions{border-top:1px solid #eee;display:flex;gap:15px;grid-column:1/-1;justify-content:flex-end;margin-top:20px;padding-top:20px}.rules-list{margin-top:30px}.rule-search{align-items:center;display:flex;gap:15px}.search-input{border:1px solid #ddd;border-radius:20px;font-size:.95rem;padding:8px 15px;width:250px}.rules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.rule-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.rule-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-5px)}.rule-card-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.rule-card-header h4{color:#2c3e50;color:var(--dark-color);font-size:1.1rem;margin:0}.rule-severity{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.rule-card.critical .rule-severity{background-color:#f8d7da;color:#721c24}.rule-card.warning .rule-severity{background-color:#fff3cd;color:#856404}.rule-card.info .rule-severity{background-color:#d1ecf1;color:#0c5460}.rule-card.custom .rule-severity{background-color:#e8d6f3;color:#5e3370}.rule-card-body{padding:15px 20px}.rule-card-body p{color:#555;font-size:.9rem;margin:0 0 15px}.rule-meta{color:#95a5a6;color:var(--gray-color);display:flex;flex-direction:column;font-size:.8rem;gap:8px}.rule-meta span{align-items:center;display:flex;gap:5px}.rule-card-footer{background-color:#f8f9fa;display:flex;justify-content:space-between;padding:15px 20px}.btn-sm{font-size:.85rem;padding:6px 12px}.btn-edit,.btn-toggle{background-color:#f8f9fa;border:1px solid #ddd;color:#2c3e50;color:var(--dark-color)}.btn-toggle.active{background-color:#2ecc71;background-color:var(--success-color);border-color:#2ecc71;border-color:var(--success-color);color:#fff}.trends-chart{height:360px}.distribution-chart,.trends-chart{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.distribution-chart{height:300px;margin-bottom:20px}.chart-placeholder{align-items:center;background-color:#f8f9fa;border-radius:4px;color:#95a5a6;color:var(--gray-color);display:flex;font-size:1.2rem;height:100%;justify-content:center}@media(max-width:768px){.alert-controls,.container{grid-template-columns:1fr}.action-buttons{grid-column:1}.crane-selection,.details-content,.notification-methods,.rule-form,.rules-grid{grid-template-columns:1fr}.rule-search{align-items:flex-start;flex-direction:column}.search-input{width:100%}}.logout-button{align-items:center;background-color:#e74c3c;background-color:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:5px;margin-left:15px;padding:6px 12px;transition:background-color .2s}.logout-button:hover{background-color:#c0392b}.dropdown-menu{display:none;padding-left:20px}.dropdown-menu.show{display:block}.dropdown-item{align-items:center;color:#fff;display:flex;padding:10px 15px;text-decoration:none}.dropdown-item i{margin-right:10px}.dropdown-toggle .dropdown-icon{margin-left:auto;transition:transform .3s}.dropdown-toggle.show .dropdown-icon{transform:rotate(180deg)}.plan-basic{color:#3498db;color:var(--primary-color)}.plan-advanced{color:#2ecc71;color:var(--success-color)}.plan-pro{color:gold}.notification{align-items:center;border-radius:5px;color:#fff;display:flex;gap:10px;padding:15px 20px;position:fixed;right:20px;top:20px;transform:translateX(120%);transition:transform .3s ease;z-index:1000}.notification.show{transform:translateX(0)}.notification-success{background-color:#2ecc71;background-color:var(--success-color)}.notification-error{background-color:#e74c3c;background-color:var(--danger-color)}.settings-dropdown .dropdown-icon{display:none}.rule-condition{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;gap:10px;margin-bottom:10px;padding:10px}.rule-condition input,.rule-condition select{border:1px solid #ddd;border-radius:4px;padding:5px}.add-condition{background-color:#f8f9fa;border:1px dashed #ddd;border-radius:4px;color:#3498db;color:var(--primary-color);cursor:pointer;margin-top:10px;padding:10px;text-align:center}.add-condition:hover{background-color:#e9ecef}.section-header{border-bottom:2px solid #3498db;border-bottom:2px solid var(--primary-color);margin:30px 0 20px;padding-bottom:10px}.section-header h2{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;font-size:1.5rem;gap:10px}.section-header h2 i{color:#3498db;color:var(--primary-color)}:root{--primary-color:#3498db;--secondary-color:#2980b9;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#e74c3c;--light-color:#ecf0f1;--dark-color:#2c3e50;--gray-color:#95a5a6}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f5f7fa;color:#333}.container{display:grid;grid-template-columns:60px 1fr;min-height:100vh;transition:grid-template-columns .3s ease}.nav-menu{display:flex;flex-direction:column;height:calc(100vh - 100px);justify-content:space-between;margin-top:20px}.nav-item{cursor:pointer;overflow:hidden;transition:all .3s;white-space:nowrap}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:#3498db;background-color:var(--primary-color)}.nav-link{align-items:center;color:inherit;display:flex;padding:12px 15px;text-decoration:none;width:100%}.nav-item i{flex-shrink:0;font-size:1.2rem;text-align:center;width:30px}.nav-link span{display:none;margin-left:10px;opacity:0;transition:opacity .3s ease}.main-content{padding:20px}.header{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;justify-content:space-between;margin-bottom:20px;padding:15px 20px;position:sticky;top:0;z-index:5}.header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.header-logo{color:#3498db;color:var(--primary-color);font-size:1.5rem;font-weight:700}.page-title{margin-bottom:20px}.page-title h1{color:#2c3e50;color:var(--dark-color);font-size:1.8rem}.page-title p{color:#95a5a6;color:var(--gray-color);font-size:.9rem}.help-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:30px}.section-title{align-items:center;border-bottom:1px solid #eee;color:#2c3e50;color:var(--dark-color);display:flex;font-size:1.4rem;gap:10px;margin-bottom:20px;padding-bottom:10px}.section-title i{color:#3498db;color:var(--primary-color)}.help-card{background-color:#f8f9fa;border-left:4px solid #3498db;border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:20px;padding:20px;transition:all .3s ease}.help-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.card-title{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin-bottom:10px}.card-title i{color:#2980b9;color:var(--secondary-color)}.card-content{color:#2c3e50;color:var(--dark-color);line-height:1.6}.card-content ul{margin-left:20px;margin-top:10px}.card-content li{margin-bottom:8px}.status-tag{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;margin-right:5px;padding:3px 8px}.status-normal{background-color:#d4edda;color:#155724}.status-warning{background-color:#fff3cd;color:#856404}.status-critical{background-color:#f8d7da;color:#721c24}.faq-item{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.faq-question{align-items:center;color:#2c3e50;color:var(--dark-color);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.faq-question:hover{color:#3498db;color:var(--primary-color)}.faq-answer{color:#2c3e50;color:var(--dark-color);display:none;line-height:1.6;padding-left:10px}.faq-answer.show{display:block}.contact-methods{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.contact-card{background-color:#ecf0f1;background-color:var(--light-color);border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.contact-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.contact-icon{color:#3498db;color:var(--primary-color);font-size:2rem;margin-bottom:15px}.contact-title{font-weight:600;margin-bottom:10px}.contact-detail{color:#2c3e50;color:var(--dark-color);margin-bottom:5px}.user-info-wrapper{--primary-color:#4361ee;--danger-color:#ef233c;--text-color:#2b2d42;--hover-bg:#f8f9fa;--transition-speed:0.25s;font-family:Segoe UI,system-ui,sans-serif}.account-dropdown{display:inline-block;position:relative}.account-trigger{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-color);cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all var(--transition-speed) ease}.account-trigger:hover{background-color:#0000000d}.account-trigger:focus{outline:2px solid #3498db;outline:2px solid var(--primary-color);outline-offset:2px}.account-trigger .fa-user-circle{color:#3498db;color:var(--primary-color);font-size:1.5rem}.account-trigger span{font-size:.875rem;font-weight:500}.account-trigger .fa-caret-down{font-size:.75rem;transition:transform var(--transition-speed)}.account-trigger.active .fa-caret-down{transform:rotate(180deg)}.account-menu{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;min-width:180px;opacity:0;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;visibility:hidden;z-index:1000}.account-menu.show{opacity:1;transform:translateY(0);visibility:visible}.account-menu-item{align-items:center;color:var(--text-color);display:flex;font-size:.875rem;gap:.75rem;padding:.625rem 1rem;text-decoration:none;transition:background-color var(--transition-speed),color var(--transition-speed)}.account-menu-item:focus,.account-menu-item:hover{background-color:var(--hover-bg);color:#3498db;color:var(--primary-color)}.account-menu-item i{color:inherit;text-align:center;width:1.25rem}.account-menu-divider{background-color:#e9ecef;height:1px;margin:.5rem 0}.logout-account-btn{background:none;border:none;color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%}.logout-account-btn:focus,.logout-account-btn:hover{color:#e74c3c!important;color:var(--danger-color)!important}.account-menu-item.plan-info{background-color:#f8f9fa;color:#2c3e50;color:var(--dark-color);font-weight:600;justify-content:center;pointer-events:none}.account-menu-item.plan-info i{margin-right:8px}.customer-logo{border-radius:50%;height:30px;object-fit:cover;width:30px}.help-section{margin-bottom:40px}.help-subsection{margin-bottom:30px}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:20px 0}.feature-card{background:#f8f9fa;border-radius:8px;padding:20px;transition:all .3s}.feature-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.feature-icon{color:#3498db;color:var(--primary-color);font-size:1.5rem;margin-bottom:10px}.feature-card h4{color:#2c3e50;color:var(--dark-color);margin-bottom:10px}.help-steps{counter-reset:step-counter;list-style-type:none}.help-steps li{counter-increment:step-counter;margin-bottom:25px;padding-left:50px;position:relative}.help-steps li:before{align-items:center;background:#3498db;background:var(--primary-color);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-weight:700;height:30px;justify-content:center;left:0;position:absolute;top:0;width:30px}.feature-list{grid-gap:15px;display:grid;gap:15px}.feature-item{background:#f8f9fa;border-radius:5px;padding:15px}.feature-item h4{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;gap:10px;margin-bottom:8px}.feature-item code{background:#e9ecef;border-radius:3px;display:inline-block;font-size:.85rem;margin-top:8px;padding:3px 6px}.troubleshooting-item{background:#fff8f8;border-left:3px solid #e74c3c;border-left:3px solid var(--danger-color);border-radius:5px;margin-bottom:15px;padding:15px}.troubleshooting-item h4{color:#e74c3c;color:var(--danger-color);margin-bottom:10px}.troubleshooting-item ul{padding-left:20px}.troubleshooting-item li{margin-bottom:5px}.interface-guide{grid-gap:20px;display:grid;gap:20px}.guide-item{background-color:#f8f9fa;border-radius:8px;padding:15px}.help-table{border-collapse:collapse;font-size:.9rem;margin:10px 0;width:100%}.help-table td,.help-table th{border:1px solid #ddd;padding:10px;text-align:left}.help-table th{background-color:#f1f1f1}.color-legend{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:10px}.legend-item{align-items:center;display:flex;gap:10px;padding:5px}.type-hoist-up{background-color:#d4edda;color:#155724}.type-hoist-down,.type-hoist-up{border-radius:4px;font-size:.8rem;padding:3px 8px}.type-hoist-down{background-color:#c3e6cb;color:#0c4128}.type-ct-left{background-color:#cce5ff;color:#004085}.type-ct-left,.type-ct-right{border-radius:4px;font-size:.8rem;padding:3px 8px}.type-ct-right{background-color:#b8daff;color:#002752}.type-lt-forward{background-color:#fff3cd;color:#856404}.type-lt-forward,.type-lt-reverse{border-radius:4px;font-size:.8rem;padding:3px 8px}.type-lt-reverse{background-color:#ffeeba;color:#6c5400}.type-switch{background-color:#e2e3e5;border-radius:4px;color:#383d41;font-size:.8rem;padding:3px 8px}@media(max-width:768px){.container{grid-template-columns:1fr}.help-container{padding:20px}.color-legend,.contact-methods,.feature-grid{grid-template-columns:1fr}}@media(max-width:480px){.header{gap:15px}.header,.header-left{flex-direction:column}.header-left{gap:10px}}
/*# sourceMappingURL=main.60ab997e.css.map*/