@font-face{font-family:Kvadrometr;src:url('/fonts/montserrat-regular-cyrillic.woff2') format('woff2');font-display:swap}:root{--green:#315f32;--green2:#548e50;--orange:#f07f1e;--red:#c72f29;--bg:#f5f7f2;--surface:#fff;--ink:#14251b;--muted:#59655e;--line:#dce4da;--shadow:0 12px 40px rgba(31,66,34,.1);--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Kvadrometr,Montserrat,Arial,sans-serif}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#173d27;color:#fff;padding:26px 18px;position:sticky;top:0;height:100vh}.logo{width:190px;filter:brightness(0) invert(1);margin-bottom:34px}.nav button{display:block;width:100%;border:0;background:transparent;color:#dcebdd;text-align:left;padding:13px 14px;border-radius:12px;font:inherit;cursor:pointer}.nav button:hover,.nav button.active{background:#315f32;color:#fff}.main{padding:28px;max-width:1600px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top h1{margin:0;font-size:30px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px}.card,.panel,.camera{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:18px}.metric strong{display:block;font-size:28px;margin-top:8px}.ok{color:#2b7732}.bad{color:var(--red)}.warn{color:#a65a15}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.camera{overflow:hidden}.preview{aspect-ratio:16/9;background:#102d20;display:grid;place-items:center;color:#cfe4d3;position:relative}.preview img,.preview video{width:100%;height:100%;object-fit:cover}.camera-info{padding:15px}.camera-info h3{margin:0 0 7px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9f2e7;font-size:12px}.badge.OFFLINE,.badge.NO_FRAMES,.badge.STREAM_ERROR,.badge.RECORDING_FAILURE{background:#fde8e6;color:#8b231f}.badge.DEGRADED{background:#fff1e5;color:#8d3508}.panel{padding:20px;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}button.primary{border:0;border-radius:12px;padding:10px 15px;background:var(--green);color:#fff;font:inherit;cursor:pointer}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.toolbar button{padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:10px}.loading{display:grid;place-items:center;height:100vh;font-size:28px}.login{max-width:480px;margin:12vh auto;padding:35px}.empty{padding:40px;text-align:center;color:var(--muted)}@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{display:block}.sidebar{height:auto;position:static;padding:14px}.logo{width:160px;margin:0 0 10px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap}.main{padding:16px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.top{align-items:flex-start;gap:12px}.top h1{font-size:24px}}