*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#202124;color:#fff}.app-header h1{font-size:1.1rem;margin:0}.conn-badge{font-size:.8rem;padding:.2rem .6rem;border-radius:999px}.conn-badge.connected{background:#1e8e3e}.conn-badge.disconnected{background:#b3261e}.app-body{flex:1;display:flex;min-height:0}.device-list{width:280px;overflow-y:auto;border-right:1px solid #ddd;padding:.75rem}.device-list h2{font-size:.95rem;margin:0 0 .5rem;color:#444}.device-list ul{list-style:none;margin:0;padding:0}.device-row{display:flex;align-items:center;gap:.6rem;padding:.5rem;border-radius:6px;cursor:pointer;box-sizing:border-box}.device-row:hover{background:#f1f3f4}.device-row.selected{background:#e8f0fe}.device-list{display:flex;flex-direction:column}.device-rows{flex:1;min-height:0;overflow-y:auto}.marker-count{margin-left:auto;font-size:.78rem;color:#666}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.moving{background:#1e8e3e}.status-dot.idle{background:#f9ab00}.status-dot.offline{background:#9aa0a6}.device-name{font-size:.9rem;font-weight:500}.device-meta{font-size:.75rem;color:#666}.map-area{flex:1;position:relative;min-width:0}.map-container{height:100%;display:flex;flex-direction:column}.map-toolbar{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:#fff;border-bottom:1px solid #ddd}.traffic-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.map-canvas{flex:1}.map-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.info-window{font-size:.85rem;line-height:1.4}.banner{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:10;padding:.5rem 1rem;border-radius:6px;font-size:.85rem}.banner.error{background:#fce8e6;color:#b3261e;border:1px solid #f6aea9}.boot-screen,.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#202124;color:#e8eaed}.login-card{display:flex;flex-direction:column;gap:.4rem;width:320px;padding:2rem;background:#2d2e31;border-radius:10px;box-shadow:0 8px 32px #0006}.login-card h1{margin:0;font-size:1.15rem}.login-hint{margin:0 0 .75rem;font-size:.82rem;color:#9aa0a6}.login-card label{font-size:.78rem;color:#9aa0a6;margin-top:.5rem}.login-card input{padding:.55rem .65rem;border:1px solid #5f6368;border-radius:6px;background:#202124;color:#e8eaed;font-size:.9rem}.login-card input:focus{outline:none;border-color:#8ab4f8}.login-card button{margin-top:1.25rem;padding:.6rem;border:0;border-radius:6px;background:#8ab4f8;color:#202124;font-weight:600;font-size:.9rem;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.login-error{margin-top:.75rem;padding:.5rem .65rem;border-radius:6px;background:#5c1d18;color:#f6aea9;font-size:.8rem}.header-right{display:flex;align-items:center;gap:.85rem}.user-name{font-size:.82rem;color:#bdc1c6}.signout{padding:.3rem .7rem;border:1px solid #5f6368;border-radius:5px;background:transparent;color:#e8eaed;font-size:.78rem;cursor:pointer}.signout:hover{background:#3c4043}.device-filters{padding:0 0 .6rem;border-bottom:1px solid #e6e6e6;margin-bottom:.5rem}.device-search{width:100%;padding:.45rem .6rem;border:1px solid #ddd;border-radius:6px;font-size:.85rem}.device-search:focus{outline:none;border-color:#8ab4f8}.filter-row{display:flex;gap:.4rem;margin-top:.4rem}.filter-row select{flex:1;min-width:0;padding:.35rem .3rem;border:1px solid #ddd;border-radius:6px;font-size:.78rem;background:#fff}.device-list h2{display:flex;align-items:center;justify-content:space-between}.clear-filters{border:0;background:transparent;color:#1a73e8;font-size:.75rem;cursor:pointer;padding:0}.clear-filters:hover{text-decoration:underline}.empty-state{font-size:.82rem;color:#777;padding:.5rem}.status-dot.unknown{background:#c58af9}