@font-face{font-family:"Gabarito";src:url("gabarito.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--ci-black:#000000;--ci-white:#FFFFFF;--ci-teal-base:#0B8A8C;--ci-teal-1:#0FAFB3;--ci-teal-2:#15E1E6;--c-bg:#000000;--c-surface-1:#141317;--c-surface-2:#1E1C22;--c-line:#2A2830;--c-line-strong:#6E6B76;--c-text:#FFFFFF;--c-text-2:#C9C7CF;--c-text-3:#8A8892;--f-tally-red:#FF2D2D;--f-tally-green:#27D45A;--f-tally-yellow:#FFB020;--f-ok:#27D45A;--f-warn:#FFB020;--f-error:#FF2D2D;--f-error-text:#FF6B6B;--f-off:#2A2830;--f-test:#FFB020;--f-test-2:#E89A10;--ci-glow-1:#4E4A58;--ci-glow-2:#24212A;--ci-glow-3:#0A090C;--font:"Gabarito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fw-regular:400;--fw-semibold:600;--fw-bold:700;--fs-display:32px;--fs-h1:24px;--fs-h2:18px;--fs-body:16px;--fs-small:14px;--fs-micro:12px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--radius:6px;--radius-sm:4px;--touch:44px;--header-h:60px;--nav-w:220px;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}html,body{margin:0;background:var(--c-bg);color:var(--c-text)}body{font-family:var(--font);font-size:var(--fs-body);line-height:24px;font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3{margin:0;font-weight:var(--fw-bold)}h1{font-size:var(--fs-h1);line-height:30px}h2{font-size:var(--fs-h2);line-height:24px;font-weight:var(--fw-semibold)}p{margin:0 0 var(--sp-3);color:var(--c-text-2)}a{color:var(--ci-teal-1)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ci-teal-1);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--c-text-3)}.small{font-size:var(--fs-small);line-height:20px}.micro{font-size:var(--fs-micro);line-height:16px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em}.mb-4{margin-bottom:var(--sp-4)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}svg.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app{min-height:100vh;display:grid;grid-template-columns:var(--nav-w) 1fr;grid-template-rows:var(--header-h) auto 1fr;grid-template-areas:"head head" "band band" "nav main"}.head{grid-area:head;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-4);background:var(--c-bg);border-bottom:1px solid var(--c-line)}.band{grid-area:band;position:sticky;top:var(--header-h);z-index:19}.nav{grid-area:nav;position:sticky;top:var(--header-h);align-self:start;height:calc(100vh - var(--header-h));overflow-y:auto;padding:var(--sp-4) var(--sp-3);border-right:1px solid var(--c-line);background:var(--c-bg)}.main{grid-area:main;min-width:0;padding:var(--sp-6);padding-bottom:96px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6)}.page-head p{margin:var(--sp-1) 0 0}.brand{display:flex;align-items:center;gap:var(--sp-4);min-width:0;color:var(--ci-white);text-decoration:none}.brand .logo{height:16px;width:auto;display:block}.brand .mark{display:none;height:26px;width:auto}.brand .sep{width:1px;height:28px;background:var(--c-line)}.brand .prod{font-weight:var(--fw-bold);font-size:20px;letter-spacing:.02em}.brand .devname{color:var(--c-text-2);font-size:var(--fs-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head .spacer{flex:1}.pills{display:flex;gap:var(--sp-2)}.pill{text-decoration:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:14px;background:var(--c-surface-1);font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-2);white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--c-text-3);flex:none}.ok>.dot,.dot.ok{background:var(--f-ok)}.warn>.dot,.dot.warn{background:var(--f-warn)}.error>.dot,.dot.error{background:var(--f-error)}.clock{font-size:var(--fs-small);color:var(--c-text-2);min-width:64px;text-align:right}.menu-btn{display:none}.nav a{display:flex;align-items:center;gap:var(--sp-3);height:var(--touch);padding:0 var(--sp-3);border-radius:var(--radius);color:var(--c-text-2);text-decoration:none;font-weight:var(--fw-semibold);font-size:15px}.nav a:hover{background:var(--c-surface-1);color:var(--c-text)}.nav a[aria-current="page"]{background:var(--c-surface-1);color:var(--c-text);box-shadow:inset 3px 0 0 var(--ci-teal-1)}.nav a[aria-current="page"] svg{color:var(--ci-teal-1)}.nav .nav-foot{margin-top:var(--sp-6);padding:0 var(--sp-3);color:var(--c-text-3);font-size:var(--fs-micro);line-height:16px}.tabbar{display:none}.testband{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-6);background:repeating-linear-gradient(-45deg,var(--f-test) 0 14px,var(--f-test-2) 14px 28px);color:var(--ci-black);font-weight:var(--fw-bold)}.testband .btn{margin-left:auto;height:32px;border-color:var(--ci-black);color:var(--ci-black);background:rgba(255,255,255,.25)}.offband{padding:var(--sp-2) var(--sp-6);background:var(--c-surface-2);color:var(--c-text-2);font-weight:var(--fw-semibold);border-bottom:1px solid var(--c-line)}.notice{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--c-surface-1);border-left:4px solid var(--ci-teal-1);margin-bottom:var(--sp-3);color:var(--c-text-2)}.notice.warn{border-left-color:var(--f-warn)}.notice.error{border-left-color:var(--f-error);color:var(--c-text)}.notice.warn svg{color:var(--f-warn)}.notice.error svg{color:var(--f-error-text)}.alerts:empty{display:none}.app.offline .main,.app.offline .head .pills{opacity:.45}.card{background:var(--c-surface-1);border-radius:var(--radius);padding:var(--sp-4);min-width:0}.card>h2{margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.grid{display:grid;gap:var(--sp-4)}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stack>* + *{margin-top:var(--sp-4)}.section-title{margin:var(--sp-8) 0 var(--sp-3);color:var(--c-text-3)}.kv{display:grid;grid-template-columns:minmax(96px,auto) 1fr;gap:6px var(--sp-3);margin:0;font-size:var(--fs-small);line-height:20px}.kv dt{color:var(--c-text-3)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.tile-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.tile-head h2{flex:1}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--radius-sm);font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:var(--c-surface-2);color:var(--c-text-2)}.badge.ok{color:var(--f-ok)}.badge.warn{color:var(--f-warn)}.badge.error{color:var(--f-error-text)}.badge.info{box-shadow:inset 0 0 0 1px var(--ci-teal-1);color:var(--ci-teal-1);background:transparent}.badge.solid-warn{background:var(--f-warn);color:var(--ci-black)}.cam{display:flex;flex-direction:column;gap:var(--sp-4)}.cam-head{display:flex;align-items:baseline;gap:var(--sp-3)}.cam-no{font-size:var(--fs-display);line-height:36px;font-weight:var(--fw-bold)}.cam-name{font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.lamps{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.lamp{position:relative;display:flex;align-items:center;justify-content:center;height:56px;border-radius:var(--radius);background:var(--f-off);color:var(--c-text-3);font-weight:var(--fw-bold);letter-spacing:.06em;user-select:none}.lamp .lamp-state{position:absolute;right:8px;bottom:4px;font-size:10px;letter-spacing:.04em;font-weight:var(--fw-semibold);opacity:.8}.lamp.red[data-on="1"],.lamp.red[data-test="1"]{background:var(--f-tally-red);color:var(--ci-black)}.lamp.green[data-on="1"],.lamp.green[data-test="1"]{background:var(--f-tally-green);color:var(--ci-black)}.lamp[data-test="1"]{box-shadow:inset 0 0 0 3px var(--f-test)}html.blink-off .lamp[data-test="1"]{background:var(--f-off);color:var(--c-text-3)}.cam-rows{display:grid;gap:var(--sp-2);font-size:var(--fs-small);line-height:20px}.cam-row{display:flex;justify-content:space-between;gap:var(--sp-2);min-width:0}.cam-row>span:first-child{color:var(--c-text-3);flex:none}.cam-row>span:last-child{text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-box{border-radius:var(--radius);background:var(--c-surface-2);padding:var(--sp-3);display:grid;gap:var(--sp-2)}.pv-box[data-active="1"]{box-shadow:inset 0 0 0 2px var(--ci-teal-1)}.pv-box[data-error="1"]{box-shadow:inset 0 0 0 2px var(--f-error)}.pv-route{font-weight:var(--fw-semibold);font-size:var(--fs-small);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-meta{font-size:var(--fs-micro);line-height:16px;color:var(--c-text-3);min-height:16px}.pv-err{color:var(--f-error-text);font-size:var(--fs-small);line-height:20px}.pv-btn{width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.pv-btn[aria-pressed="true"]{background:var(--ci-teal-2);border-color:var(--ci-teal-2);color:var(--ci-black)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--touch);padding:0 var(--sp-4);border-radius:var(--radius);border:1px solid var(--c-line-strong);background:transparent;color:var(--c-text);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap;text-decoration:none}.btn:hover{background:var(--c-surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--ci-teal-1);border-color:var(--ci-teal-1);color:var(--ci-black)}.btn--primary:hover{background:var(--ci-teal-2);border-color:var(--ci-teal-2)}.btn--danger{border-color:var(--f-error-text);color:var(--f-error-text)}.btn--danger:hover{background:rgba(255,45,45,.12)}.btn--small{height:36px;padding:0 var(--sp-3);font-size:var(--fs-small)}.btn--test[aria-pressed="true"]{background:var(--f-test);border-color:var(--f-test);color:var(--ci-black)}.btn-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.form-grid>.field--seg{grid-column:1 / -1}.nowrap{white-space:nowrap}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.field>.label{font-size:var(--fs-small);line-height:20px;color:var(--c-text-2);font-weight:var(--fw-semibold)}.field .hint{font-size:var(--fs-micro);line-height:16px;color:var(--c-text-3)}.field .err{font-size:var(--fs-small);line-height:20px;color:var(--f-error-text)}.field .err:empty{display:none}.input,.select{height:var(--touch);width:100%;padding:0 var(--sp-3);border-radius:var(--radius);border:1px solid var(--c-line-strong);background:var(--c-surface-2);color:var(--c-text);font-size:16px;min-width:0}.select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C7CF' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px}.input:disabled,.select:disabled{opacity:.5}.field.invalid .input,.field.invalid .select{border-color:var(--f-error-text)}.input-unit{display:flex;align-items:center;gap:var(--sp-2)}.input-unit .input{flex:1}.input-unit span{color:var(--c-text-3);font-size:var(--fs-small)}.seg{display:inline-flex;padding:3px;gap:3px;border-radius:var(--radius);background:var(--c-surface-2);border:1px solid var(--c-line-strong);flex-wrap:wrap}.seg button{height:36px;padding:0 var(--sp-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-text-2);font-weight:var(--fw-semibold);cursor:pointer}.seg button[aria-pressed="true"]{background:var(--ci-teal-1);color:var(--ci-black)}.switch{display:inline-flex;align-items:center;gap:var(--sp-3);cursor:pointer;min-height:var(--touch)}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch .track{width:44px;height:24px;border-radius:12px;background:var(--c-surface-2);border:1px solid var(--c-line-strong);position:relative;flex:none}.switch .track::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--c-text-2);transition:transform .12s}.switch input:checked + .track{background:var(--ci-teal-1);border-color:var(--ci-teal-1)}.switch input:checked + .track::after{transform:translateX(20px);background:var(--ci-black)}.switch input:focus-visible + .track{outline:2px solid var(--ci-teal-1);outline-offset:2px}.savebar{position:fixed;z-index:30;left:calc(var(--nav-w) + var(--sp-6));right:var(--sp-6);bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--c-surface-2);border:1px solid var(--ci-teal-1)}.savebar[hidden]{display:none}.savebar .txt{flex:1;font-weight:var(--fw-semibold)}.table-wrap{overflow-x:auto;border-radius:var(--radius)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-small);line-height:20px}.table th{text-align:left;font-size:var(--fs-micro);line-height:16px;font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-line);white-space:nowrap}.table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-line);vertical-align:top}.table tr:nth-child(even) td{background:rgba(255,255,255,.015)}.table td.r,.table th.r{text-align:right}.table tr.hl td{background:rgba(15,175,179,.08)}.mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px}.lvl{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--c-text-3)}.lvl.ok{background:var(--f-ok)}.lvl.warn{background:var(--f-warn)}.lvl.error{background:var(--f-error)}.lvl.info{background:var(--ci-teal-1)}.empty{padding:var(--sp-6);text-align:center;color:var(--c-text-3)}.progress{height:8px;border-radius:4px;background:var(--c-surface-2);overflow:hidden}.progress>div{height:100%;width:0;background:var(--ci-teal-1);transition:width .25s}.meter{height:6px;border-radius:3px;background:var(--c-surface-2);overflow:hidden;margin-top:var(--sp-2)}.meter>div{height:100%;background:var(--ci-teal-base)}.test-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.test-cam{display:grid;gap:var(--sp-3)}.test-cam .btn{width:100%}.routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2)}.route{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);background:var(--c-surface-2);font-size:var(--fs-small);line-height:20px;min-width:0}.route b{display:block;font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route span{color:var(--c-text-3);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route.used{box-shadow:inset 0 0 0 1px var(--ci-teal-base)}.route.active{box-shadow:inset 0 0 0 2px var(--ci-teal-1)}dialog.dlg{border:1px solid var(--c-line-strong);border-radius:var(--radius);background:var(--c-surface-1);color:var(--c-text);padding:var(--sp-6);width:min(480px,calc(100vw - 32px))}dialog.dlg::backdrop{background:rgba(0,0,0,.7)}dialog.dlg h2{margin-bottom:var(--sp-3)}dialog.dlg .btn-row{justify-content:flex-end;margin-top:var(--sp-6)}.toasts{position:fixed;z-index:50;right:var(--sp-4);bottom:88px;display:grid;gap:var(--sp-2);max-width:min(420px,calc(100vw - 32px))}.toast{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--c-surface-2);border-left:4px solid var(--f-ok);font-size:var(--fs-small);line-height:20px;box-shadow:0 8px 24px rgba(0,0,0,.5)}.toast.error{border-left-color:var(--f-error)}.toast.info{border-left-color:var(--ci-teal-1)}.hero{position:relative;overflow:hidden;border-radius:var(--radius);padding:var(--sp-8);min-height:220px;background:radial-gradient(120% 140% at 85% 110%,var(--ci-glow-1) 0%,var(--ci-glow-2) 38%,var(--ci-glow-3) 70%);display:flex;flex-direction:column;justify-content:flex-end}.hero .logo-stacked{width:170px;color:var(--ci-white)}.hero p{margin-top:var(--sp-4);max-width:640px;color:var(--c-text-2)}.hero .shape{position:absolute;right:-40px;top:-60px;width:300px;color:rgba(255,255,255,.06)}@media (max-width:1279px){.grid-4.cams{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.routes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.app{grid-template-columns:1fr;grid-template-rows:var(--header-h) auto auto 1fr;grid-template-areas:"head" "nav" "band" "main"}.nav{position:sticky;top:var(--header-h);z-index:18;height:auto;display:flex;gap:var(--sp-1);overflow-x:auto;padding:var(--sp-2) var(--sp-3);border-right:0;border-bottom:1px solid var(--c-line);scrollbar-width:none}.nav a{flex:none;height:40px}.nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--ci-teal-1)}.nav .nav-foot{display:none}.band{top:calc(var(--header-h) + 57px)}.savebar{left:var(--sp-4);right:var(--sp-4)}.main{padding:var(--sp-4);padding-bottom:104px}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pills .pill .lbl-long{display:none}.grid-4:not(.cams){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.pills{display:none}.brand .logo{display:none}.brand .mark{display:block}}@media (max-width:599px){:root{--header-h:56px}.app{grid-template-rows:var(--header-h) auto 1fr;grid-template-areas:"head" "band" "main"}.nav{display:none}.app.nav-open .nav{display:block;position:fixed;z-index:40;left:0;right:0;top:auto;bottom:64px;max-height:70vh;overflow-y:auto;border-top:1px solid var(--c-line);padding:var(--sp-3);background:var(--c-surface-1)}.app.nav-open .nav a{height:var(--touch)}.band{top:var(--header-h)}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:41;left:0;right:0;bottom:0;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--c-bg);border-top:1px solid var(--c-line)}.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--c-text-3);font-size:11px;font-weight:var(--fw-semibold);text-decoration:none;cursor:pointer}.tabbar [aria-current="page"],.tabbar button[aria-expanded="true"]{color:var(--ci-teal-1)}.main{padding:var(--sp-4) var(--sp-4) 112px}.grid-4.cams,.grid-4,.grid-3,.grid-2,.test-grid{grid-template-columns:1fr}.routes{grid-template-columns:1fr 1fr}.brand .devname{display:none}.savebar{bottom:76px;left:var(--sp-3);right:var(--sp-3)}.toasts{bottom:80px}.testband{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-small)}.cam{gap:var(--sp-3)}.lamp{height:48px}.page-head h1{font-size:22px}}@media (prefers-reduced-motion:reduce){.lamp[data-test="1"]{background-image:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(0,0,0,.25) 8px 16px)}.progress>div,.switch .track::after{transition:none}}