@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900;1,14..32,400&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-base:#090b0f;--bg-surface:#0f1117;--bg-overlay:#13161e;--bg-card:hsla(0,0%,100%,.03);--border-default:hsla(0,0%,100%,.07);--border-subtle:hsla(0,0%,100%,.04);--blue:#3b82f6;--green:#22c55e;--orange:#f97316;--red:#ef4444;--purple:#a855f7;--teal:#14b8a6;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--sidebar-width:220px;--sidebar-collapsed:64px;--topbar-height:56px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-base);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}.app-shell{height:100vh}.app-shell,.main-area{display:flex;overflow:hidden}.main-area{flex:1 1;flex-direction:column}.page-content{flex:1 1;overflow-y:auto;padding:28px 32px}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;transition:width .25s ease;position:relative;z-index:50}.sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 16px;height:var(--topbar-height);border-bottom:1px solid var(--border-default);overflow:hidden;white-space:nowrap}.sidebar-nav{flex:1 1;padding:12px 8px;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .15s ease,color .15s ease;position:relative;margin-bottom:2px;border:1px solid transparent;text-decoration:none}.nav-item:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}.nav-item.active{background:rgba(59,130,246,.12);color:var(--blue);border-color:rgba(59,130,246,.2)}.nav-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--blue);border-radius:0 4px 4px 0}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border-default)}.topbar{height:var(--topbar-height);display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid var(--border-default);background:var(--bg-surface);flex-shrink:0}.topbar-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.topbar-subtitle{font-size:11px;color:var(--text-muted);font-weight:400;margin-top:1px}.search-input{flex:1 1;max-width:300px;height:34px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:8px;padding:0 12px 0 34px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--blue)}.status-pill{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:600}.status-pill.online{background:rgba(34,197,94,.12);color:var(--green);border:1px solid rgba(34,197,94,.2)}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;padding:18px 20px;position:relative;overflow:hidden;transition:border-color .2s}.kpi-card:hover{border-color:hsla(0,0%,100%,.12)}.kpi-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:10px 0 0 10px}.kpi-card.blue:before{background:var(--blue)}.kpi-card.green:before{background:var(--green)}.kpi-card.orange:before{background:var(--orange)}.kpi-card.red:before{background:var(--red)}.kpi-card.purple:before{background:var(--purple)}.kpi-card.teal:before{background:var(--teal)}.kpi-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.kpi-value{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text-primary)}.kpi-link{font-size:11px;font-weight:600;margin-top:8px;cursor:pointer;transition:opacity .15s;display:inline-block}.kpi-card.blue .kpi-link{color:var(--blue)}.kpi-card.green .kpi-link{color:var(--green)}.kpi-card.orange .kpi-link{color:var(--orange)}.kpi-card.red .kpi-link{color:var(--red)}.tab-bar{display:flex;gap:2px;border-bottom:1px solid var(--border-default);margin-bottom:20px;overflow-x:auto}.tab{display:flex;align-items:center;gap:6px;padding:9px 14px;font-size:12.5px;font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color .15s;background:none;border:none;border-bottom:2px solid transparent;font-family:inherit}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.data-table-wrapper{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{padding:11px 16px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border-default);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:hsla(0,0%,100%,.02)}.data-table tbody td{padding:13px 16px;color:var(--text-secondary);vertical-align:middle}.data-table .cell-primary{color:var(--text-primary);font-weight:600}.data-table .cell-mono{font-family:SFMono-Regular,Consolas,monospace;font-size:11.5px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.badge.online{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.badge.offline{background:rgba(71,85,105,.2);color:#64748b;border:1px solid rgba(71,85,105,.2)}.badge.warning{background:rgba(249,115,22,.1);color:#f97316;border:1px solid rgba(249,115,22,.2)}.badge.danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.badge.info{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid transparent;font-family:inherit;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}.btn-ghost:hover:not(:disabled){background:hsla(0,0%,100%,.05);color:var(--text-primary)}.btn-danger{background:rgba(239,68,68,.1);color:var(--red);border-color:rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.15)}.btn-sm{padding:5px 10px;font-size:11.5px;border-radius:6px}.input{width:100%;height:38px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:8px;padding:0 12px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--blue)}.section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:8px 10px 6px}.battery-bar{display:flex;align-items:center;gap:8px}.battery-track{width:48px;height:5px;background:hsla(0,0%,100%,.07);border-radius:99px;overflow:hidden}.battery-fill{height:100%;border-radius:99px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .3s ease forwards}.leaflet-container{background:#0a0b0f!important}