:root{--primary:#6c5ce7;--primary-dark:#5a4bd1;--primary-light:#a29bfe;--secondary:#00cec9;--success:#00b894;--warning:#fdcb6e;--danger:#e17055;--info:#74b9ff;--bg-dark:#0a0a1a;--bg-sidebar:#12122a;--bg-card:#1a1a36;--bg-input:#224;--bg-hover:#2a2a50;--text-primary:#fff;--text-secondary:#b0b0cc;--text-muted:#6c6c8a;--border:#2a2a50;--shadow:0 4px 24px #0000004d;--radius:12px;--radius-sm:8px;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#0a0a1a;background-color:var(--bg-dark);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}a{color:#a29bfe;color:var(--primary-light);text-decoration:none}.app-layout{display:flex;min-height:100vh}.sidebar{background:#12122a;background:var(--bg-sidebar);border-right:1px solid #2a2a50;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:260px;width:var(--sidebar-width);z-index:100}.sidebar-logo{align-items:center;border-bottom:1px solid #2a2a50;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:20px 24px}.sidebar-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#00cec9);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:20px;font-weight:700}.sidebar-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#6c5ce7,#00cec9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px}.sidebar-nav a,.sidebar-nav button{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#b0b0cc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.sidebar-nav a:hover,.sidebar-nav button:hover{background:#2a2a50;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.sidebar-nav a.active{background:#6c5ce726;color:#a29bfe;color:var(--primary-light)}.sidebar-nav .nav-icon{font-size:16px;text-align:center;width:20px}.sidebar-section{border-top:1px solid #2a2a50;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.sidebar-section-title{color:#6c6c8a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:1px;padding:0 16px 8px;text-transform:uppercase}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-width)}.header{align-items:center;background:#12122a;background:var(--bg-sidebar);border-bottom:1px solid #2a2a50;border-bottom:1px solid var(--border);display:flex;height:64px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-title{font-size:18px;font-weight:600}.header-actions{align-items:center;display:flex;gap:16px}.badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.badge-danger{background:#e17055;background:var(--danger);color:#fff}.badge-success{background:#00b894;background:var(--success);color:#fff}.badge-warning{background:#fdcb6e;background:var(--warning);color:#333}.page-content{flex:1 1;padding:24px}.card{background:#1a1a36;background:var(--bg-card);border:1px solid #2a2a50;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #2a2a50;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.card-header h2{font-size:16px;font-weight:600}.card-body{padding:20px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.stat-card{background:#1a1a36;background:var(--bg-card);border:1px solid #2a2a50;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);gap:16px;padding:20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;font-size:20px;height:48px;justify-content:center;width:48px}.stat-icon.green{background:#00b89426;color:#00b894;color:var(--success)}.stat-icon.blue{background:#74b9ff26;color:#74b9ff;color:var(--info)}.stat-icon.purple{background:#6c5ce726;color:#a29bfe;color:var(--primary-light)}.stat-icon.orange{background:#e1705526;color:#e17055;color:var(--danger)}.stat-info h3{font-size:24px;font-weight:700;line-height:1.2}.stat-info p{color:#b0b0cc;color:var(--text-secondary);font-size:13px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#6c5ce7;background:var(--primary);color:#fff}.btn-primary:hover{background:#5a4bd1;background:var(--primary-dark)}.btn-success{background:#00b894;background:var(--success);color:#fff}.btn-danger{background:#e17055;background:var(--danger);color:#fff}.btn-outline{background:#0000;border:1px solid #2a2a50;border:1px solid var(--border);color:#b0b0cc;color:var(--text-secondary)}.btn-outline:hover{border-color:#6c5ce7;border-color:var(--primary);color:#a29bfe;color:var(--primary-light)}.btn-sm{font-size:12px;padding:6px 12px}.form-group{margin-bottom:16px}.form-group label{color:#b0b0cc;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-input{background:#224;background:var(--bg-input);border:1px solid #2a2a50;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#6c5ce7;border-color:var(--primary);outline:none}select.form-input{cursor:pointer}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #2a2a50;border-bottom:1px solid var(--border);font-size:14px;padding:12px 16px;text-align:left}th{color:#b0b0cc;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}tr:hover{background:#2a2a50;background:var(--bg-hover)}.status{align-items:center;display:inline-flex;font-size:13px;font-weight:500;gap:6px}.status-dot{border-radius:50%;height:8px;width:8px}.status-online .status-dot{background:#00b894;background:var(--success);box-shadow:0 0 8px #00b894;box-shadow:0 0 8px var(--success)}.status-moving .status-dot{background:#74b9ff;background:var(--info);box-shadow:0 0 8px #74b9ff;box-shadow:0 0 8px var(--info)}.status-idle .status-dot{background:#fdcb6e;background:var(--warning)}.status-offline .status-dot{background:#6c6c8a;background:var(--text-muted)}.map-container{height:calc(100vh - 64px);position:relative;width:100%}.map-container .leaflet-container{background:#0a0a1a;height:100%;width:100%}.device-list-panel{background:#1a1a36;background:var(--bg-card);border:1px solid #2a2a50;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;left:16px;max-height:calc(100% - 32px);overflow:hidden;position:absolute;top:16px;width:320px;z-index:1000}.device-list-panel .panel-header{border-bottom:1px solid #2a2a50;border-bottom:1px solid var(--border);padding:16px}.device-list-panel .panel-header input{background:#224;background:var(--bg-input);border:1px solid #2a2a50;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:13px;padding:8px 12px;width:100%}.device-list-panel .panel-header input:focus{border-color:#6c5ce7;border-color:var(--primary);outline:none}.device-list{flex:1 1;overflow-y:auto}.device-item{border-bottom:1px solid #2a2a50;border-bottom:1px solid var(--border);cursor:pointer;padding:12px 16px;transition:background .2s}.device-item:hover{background:#2a2a50;background:var(--bg-hover)}.device-item.selected{background:#6c5ce726;border-left:3px solid #6c5ce7;border-left:3px solid var(--primary)}.device-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.device-item-name{font-size:14px;font-weight:600}.device-item-details{color:#b0b0cc;color:var(--text-secondary);display:flex;font-size:12px;gap:12px}.leaflet-popup-content-wrapper{border-radius:12px!important;border-radius:var(--radius)!important;box-shadow:0 4px 24px #0000004d!important;box-shadow:var(--shadow)!important;color:#fff!important;color:var(--text-primary)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#1a1a36!important;background:var(--bg-card)!important;border:1px solid #2a2a50!important;border:1px solid var(--border)!important}.map-popup h3{color:#a29bfe;color:var(--primary-light);font-size:14px;margin-bottom:8px}.map-popup p{color:#b0b0cc;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.login-page{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a3e);background:linear-gradient(135deg,var(--bg-dark),#1a1a3e);display:flex;justify-content:center;min-height:100vh}.login-card{background:#1a1a36;background:var(--bg-card);border:1px solid #2a2a50;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:40px;width:400px}.login-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#00cec9);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;margin-bottom:8px;text-align:center}.login-card .subtitle{color:#b0b0cc;color:var(--text-secondary);font-size:14px;margin-bottom:32px;text-align:center}.login-card .btn{justify-content:center;margin-top:8px;padding:12px;width:100%}.login-error{background:#e1705526;border:1px solid #e17055;border:1px solid var(--danger);border-radius:8px;border-radius:var(--radius-sm);color:#e17055;color:var(--danger);font-size:13px;margin-bottom:16px;padding:10px 14px}.alert-item{border-bottom:1px solid #2a2a50;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 16px}.alert-item.unread{background:#6c5ce70d}.alert-severity{border-radius:2px;flex-shrink:0;width:4px}.alert-severity.critical{background:#e17055;background:var(--danger)}.alert-severity.warning{background:#fdcb6e;background:var(--warning)}.alert-severity.info{background:#74b9ff;background:var(--info)}.alert-content{flex:1 1}.alert-content h4{font-size:13px;font-weight:600;margin-bottom:2px}.alert-content p{color:#b0b0cc;color:var(--text-secondary);font-size:12px}.alert-time{color:#6c6c8a;color:var(--text-muted);font-size:11px;white-space:nowrap}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.device-list-panel{bottom:16px;max-height:300px;top:auto;width:calc(100% - 32px)}.stats-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.246a1c79.css.map*/