:root{--page:#f5f3ee;--surface:#fff;--ink:#24211d;--muted:#716b63;--line:#d8d1c6;--teltonika:#16756f;--farmo:#a05f00;--danger:#b42318;--accent:#315a8a;--shadow:0 12px 32px rgba(36,33,29,.08)}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:6px;min-height:40px;padding:0 14px;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(49,90,138,.35);outline-offset:2px}button.secondary{background:transparent;color:var(--ink)}.shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:28px 0 56px}.row-between,.section-head,.toolbar,.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{padding-bottom:24px}.brand{display:grid;gap:2px}.brand strong{font-size:24px;line-height:1.1}.brand span,.eyebrow,.muted{color:var(--muted)}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate form{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:var(--shadow);display:grid;gap:14px}.gate h1{margin:0;font-size:28px}.input,select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:0 12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.device-card,.panel,.tile{background:var(--surface);border:1px solid var(--line);border-radius:8px}.tile{min-height:112px;padding:16px;display:grid;align-content:space-between}.tile .value{font-size:28px;font-weight:700}.panel{margin-top:18px;overflow:hidden}.section-head{padding:16px;border-bottom:1px solid var(--line)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}td,th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}th{text-transform:uppercase;color:var(--muted)}.badge,th{font-size:12px}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;font-weight:700}.badge.teltonika{background:#16756f1f;color:var(--teltonika)}.badge.farmo{background:#a05f0024;color:var(--farmo)}.badge.danger{background:#b423181f;color:var(--danger)}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;padding:16px}.device-card{padding:14px;display:grid;gap:12px;transition:transform .16s ease,border-color .16s ease}.device-card:hover{transform:translateY(-2px);border-color:var(--accent)}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}.metric{padding:14px;border-top:3px solid var(--accent);background:#ffffffad}.error{color:var(--danger)}@media(max-width:760px){.section-head,.toolbar,.topbar{align-items:stretch;flex-direction:column}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}