:root{--tl-blue:#2f6be4;--tl-blue-container:#d9e7fb;--tl-sky:#70abec;--tl-orange:#f5821f;--tl-navy:#14224e;--tl-background:#f3f7fc;--tl-card:#fff;--tl-selected-chip:#d9e7fb;--tl-text:#14224e;--tl-text-secondary:#5b6b8c;--tl-outline:#d6e0ec;--tl-online:#2e9e5b;--tl-offline:#8c96a6;--tl-amber:#d9922f;--tl-error:#b3261e;--tl-error-container:#f9dedc}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--tl-background);color:var(--tl-text);font-family:Avenir Next,Avenir,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;font-size:15px}button{font:inherit;cursor:pointer}input{font:inherit}a{color:var(--tl-blue)}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--tl-card);color:var(--tl-navy);border-bottom:1px solid var(--tl-outline);align-items:center;gap:16px;padding:12px 20px;display:flex}.topbar .logo{border-radius:7px;width:28px;height:28px;display:block}.topbar h1{margin:0;font-size:18px;font-weight:700}.topbar .org{color:var(--tl-text-secondary);font-size:14px}.topbar .spacer{flex:1}.topbar .who{color:var(--tl-text-secondary);font-size:13px}.tabs{border-bottom:1px solid var(--tl-outline);background:var(--tl-card);gap:4px;padding:10px 20px 0;display:flex}.tabs button{color:var(--tl-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:12px 12px 0 0;padding:10px 18px;font-weight:600}.tabs button.active{color:var(--tl-blue);border-bottom-color:var(--tl-blue)}.content{flex:1;padding:16px 20px;overflow:auto}.content.map{flex-direction:column;padding:0;display:flex;overflow:hidden}.card{background:var(--tl-card);border:1px solid var(--tl-outline);border-radius:24px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #14224e0f}.card h3{margin:0 0 4px;font-size:16px}.muted{color:var(--tl-text-secondary);font-size:13px}.badge{vertical-align:middle;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.chips{flex-shrink:0;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.chips button{background:var(--tl-card);color:var(--tl-text);border:1px solid var(--tl-outline);white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:6px 14px;display:flex}.chips button.selected{background:var(--tl-selected-chip);border-color:var(--tl-blue)}.chip-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-right:8px;display:inline-block}.banner{border-radius:16px;flex-shrink:0;margin:12px 20px 0;padding:10px 14px;font-size:13px}.banner.paywall{background:var(--tl-error-container);color:#601410}.banner.overlimit{color:var(--tl-text);background:#d9922f2e}.signin{justify-content:center;align-items:center;height:100%;display:flex}.signin .card{width:360px}.signin .logo{border-radius:12px;width:48px;height:48px;margin-bottom:12px;display:block}.signin input{background:var(--tl-card);border:1px solid var(--tl-outline);width:100%;color:var(--tl-text);border-radius:12px;margin-top:8px;padding:10px 12px}.signin input:focus{outline:1px solid var(--tl-blue)}.btn{background:var(--tl-orange);color:#fff;border:none;border-radius:16px;padding:10px 18px;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{border:1px solid var(--tl-blue);color:var(--tl-blue);background:0 0}.error-text{color:var(--tl-error);margin-top:8px;font-size:13px}.map-wrap{flex:1;min-height:0;position:relative}.map-canvas{position:absolute;inset:0}.map-fallback{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-fallback .card{text-align:center;max-width:420px}.info-panel{z-index:5;min-width:260px;max-width:340px;position:absolute;bottom:16px;left:16px}.info-panel .row{justify-content:space-between;gap:16px;padding:2px 0;font-size:13px;display:flex}.info-panel .row span:first-child{color:var(--tl-text-secondary)}.device-row{align-items:center;display:flex}.device-row .name{flex:1;font-weight:700}