*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#1a1a2e}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#1a1a2e;color:#fff;padding:20px 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.logo{font-size:1.3rem;font-weight:700;padding:0 20px 20px;border-bottom:1px solid #2a2a4a;margin-bottom:10px;color:#4fc3f7}.nav-item{display:block;padding:12px 20px;color:#aaa;text-decoration:none;border:none;background:none;font-size:.95rem;cursor:pointer;text-align:left;width:100%;transition:all .2s}.nav-item:hover{color:#fff;background:#2a2a4a}.nav-item.active{color:#4fc3f7;background:#16213e;border-left:3px solid #4fc3f7}.nav-item.logout{margin-top:auto;color:#e57373}.nav-item.logout:hover{background:#2a1a1a}.content{flex:1;margin-left:220px;padding:24px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1a1a2e}.login-card{background:#fff;padding:40px;border-radius:12px;width:360px;max-width:90vw;box-shadow:0 4px 24px #0000004d}.login-card h1{margin-bottom:8px;color:#1a1a2e}.login-card p{margin-bottom:24px;color:#666}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-size:.85rem;color:#555}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:16px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4fc3f7}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-primary{background:#4fc3f7;color:#fff}.btn-primary:hover{background:#039be5}.btn-danger{background:#e57373;color:#fff}.btn-danger:hover{background:#d32f2f}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-full{width:100%}.error{color:#e57373;font-size:.85rem;margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 1px 4px #00000014}.stat-card .value{font-size:1.8rem;font-weight:700;color:#1a1a2e}.stat-card .label{font-size:.8rem;color:#888;margin-top:4px}.card{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;padding:16px;margin-bottom:20px;overflow-x:auto}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h2{font-size:1.1rem}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid #eee}th{font-size:.75rem;text-transform:uppercase;color:#888;font-weight:600;white-space:nowrap}td{font-size:.85rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background:#4caf50}.status-dot.offline{background:#bbb}.map-container{height:calc(100vh - 48px);border-radius:10px;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal{background:#fff;padding:24px;border-radius:12px;width:420px;max-width:100%;max-height:85vh;overflow-y:auto}.modal h2{margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nav-icon{margin-right:8px}@media (max-width: 768px){.app{flex-direction:column}.sidebar{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;height:64px;flex-direction:row;padding:0;overflow-x:visible;justify-content:space-around;align-items:stretch;border-top:1px solid #2a2a4a}.logo{display:none}.nav-item{flex:1;padding:6px 2px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.65rem;white-space:nowrap;min-width:0;border-left:none}.nav-icon{font-size:1.5rem;margin-right:0;margin-bottom:2px;display:block;line-height:1}.nav-label{display:block;font-size:.6rem}.nav-item.active{border-left:none;border-top:2px solid #4fc3f7;color:#4fc3f7;background:#16213e}.nav-item.logout{margin-top:0;margin-left:0}.content{margin-left:0;padding:12px 12px 70px}.content h1{font-size:1.3rem}.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:10px}.stat-card .value{font-size:1.3rem}.stat-card .label{font-size:.7rem}.map-container{height:calc(100vh - 60px);border-radius:0;margin:-12px}.card{padding:12px}th,td{padding:6px 8px;font-size:.8rem}.modal{width:100%;border-radius:8px}}@media (max-width: 400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.nav-item{padding:8px 10px;font-size:.65rem}}