body{background:linear-gradient(105deg,#f3f5f3ad,#f3f5f394 48%,#f3f5f34f),url(/uniroad-background.png) 100%/cover fixed no-repeat!important}.mode-control{display:grid;grid-template-columns:1fr 170px auto;gap:10px;align-items:center;margin-top:12px;padding:13px;border:1px solid #dce3e1;border-radius:8px;background:#f5f8f7}.mode-control>div{display:grid;gap:3px}.mode-control label{font-size:7px;color:#7c8985;font-weight:700}.mode-control strong{font-size:10px}.mode-control small,.mode-control>span{font-size:7px;color:#788580}.mode-control select{height:36px;border:1px solid #d3dcda;border-radius:6px;background:#fff;padding:0 9px;font-size:8px}.mode-control button{border:0;border-radius:6px;background:#178d69;color:#fff;padding:10px 12px;font-size:8px;font-weight:700}.mode-control button:disabled{opacity:.4}.mode-control>span{grid-column:2/-1}@media(max-width:700px){.mode-control{grid-template-columns:1fr}.mode-control>span{grid-column:auto}}.association-panel{width:min(740px,100%)}.manual-association{padding:15px;border:1px solid #dce4e1;border-radius:9px;background:#fff;margin-bottom:14px}.manual-association .step-title{margin-bottom:13px}.verify-association{display:block;margin:14px 0 0 auto;border:0;border-radius:6px;background:#178d69;color:#fff;padding:11px 16px;font-size:9px;font-weight:700;cursor:pointer}.verify-association:disabled{opacity:.4;cursor:not-allowed}.association-error,.association-success{margin-top:11px;padding:10px 12px;border-radius:6px;font-size:8px}.association-error{background:#ffe8e9;color:#a52e36}.association-success{background:#e6f6f0;color:#147858}.association-panel{width:min(690px,100%)}.association-panel .wizard-body{min-height:auto}.association-summary{display:flex;align-items:center;gap:13px;border:1px solid #b9ddcf;background:#edf9f4;border-radius:9px;padding:15px;margin-bottom:16px}.association-summary.waiting{border-color:#efd39c;background:#fff8e9}.association-summary>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#178d69;color:#fff}.association-summary.waiting>b{background:#d99220}.association-summary div{display:grid;gap:4px}.association-summary strong{font-size:11px}.association-summary small{font-size:8px;color:#687873}.association-list em.pending{color:#b57919}.nav:disabled{opacity:.45;cursor:not-allowed}.road-sign.works,.road-sign.works.small{rotate:0deg!important;transform:none!important;transform-origin:center bottom!important}.marker .catalog-sign,.marker .road-sign.works,.marker .road-sign.works.small,.marker .road-sign.works>span{rotate:0deg!important;transform:none!important}.marker{width:44px!important;height:44px!important;padding:4px!important;border-radius:50%!important;rotate:0deg!important;background:#fff!important}.marker.online{border-color:var(--green)!important}.marker.warning{border-color:var(--amber)!important}.marker.offline{border-color:var(--red)!important}.marker .catalog-sign.small{width:30px;height:30px}.marker .road-sign.small{width:29px;height:29px;font-size:10px}.marker .road-sign.works.small{width:29px!important;height:26px!important}.marker.online:after{inset:-6px}.marker:hover{scale:1.12;z-index:3}.settings-modal{width:min(900px,100%);max-height:94vh;background:#f7f9f8;border-radius:13px;box-shadow:0 30px 80px #06100d80;overflow:hidden;display:flex;flex-direction:column}.settings-modal>header{padding:19px 22px;background:linear-gradient(130deg,#142724,#1c3731);color:#fff;display:flex;justify-content:space-between}.settings-modal>header p{margin:0 0 4px;color:#76c7ac;font-size:7px;letter-spacing:1.5px;font-weight:700}.settings-modal>header h2{font-size:18px;margin:0 0 3px}.settings-modal>header span{font-size:8px;color:#95aaa4}.settings-modal>header button{border:0;background:#ffffff12;color:#fff;width:30px;height:30px;border-radius:6px;font-size:20px;cursor:pointer}.settings-tabs{display:flex;padding:0 20px;background:#fff;border-bottom:1px solid #dce3e0}.settings-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:13px 15px;font-size:8px;color:#7d8985;cursor:pointer}.settings-tabs button.active{color:#167b5d;border-bottom-color:#178d69;font-weight:700}.invite-page,.users-page{padding:21px 23px;overflow:auto;min-height:420px}.users-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.invite-title h3,.users-head h3{margin:0 0 4px;font-size:14px}.invite-title p,.users-head p{margin:0;font-size:8px;color:#87918e}.users-head button{border:0;background:#178d69;color:#fff;border-radius:6px;padding:10px 13px;font-size:8px;font-weight:700;cursor:pointer}.users-table{background:#fff;border:1px solid #dce3e0;border-radius:8px;overflow:hidden}.user-row,.users-table-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 25px;gap:10px;align-items:center;padding:10px 13px}.users-table-head{background:#f2f5f4;color:#89928f;font-size:6px;letter-spacing:.8px;font-weight:700}.user-row{font-size:8px}.user-row>div{display:flex;align-items:center;gap:9px}.user-row>div>i{width:31px;height:31px;border-radius:50%;background:#dce8e3;color:#24453c;display:grid;place-items:center;font-style:normal;font-weight:700}.user-row>div>span{display:grid;gap:3px}.user-row strong{font-size:9px}.user-row small{font-size:7px;color:#8b9591}.role{justify-self:start;border-radius:9px;padding:4px 7px}.role.admin{background:#e5e7f7;color:#4a4f91}.secure{color:#177c5e}.user-row>button{border:0;background:none}.security-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.security-summary>div{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #dce3e0;border-radius:7px;padding:12px}.security-summary b{width:28px;height:28px;border-radius:7px;background:#e3f4ee;color:#16815f;display:grid;place-items:center}.security-summary span{display:grid;gap:3px}.security-summary strong{font-size:8px}.security-summary small{font-size:7px;color:#89938f}.back-users{border:0;background:none;color:#177c5e;font-size:8px;font-weight:700;cursor:pointer;margin-bottom:15px}.invite-title{display:flex;gap:11px;align-items:center;margin-bottom:17px}.invite-title>b{width:35px;height:35px;border-radius:8px;background:#dff3ec;color:#178963;display:grid;place-items:center}.invite-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:13px}.invite-grid>section{background:#fff;border:1px solid #dce3e0;border-radius:8px;padding:15px;display:grid;gap:11px;align-content:start}.invite-grid h4,.permission-review h4{margin:0 0 2px;font-size:9px;letter-spacing:.4px}.invite-grid label{display:grid;gap:5px;font-size:7px;font-weight:700;color:#596660}.invite-grid input,.invite-grid select{height:36px;border:1px solid #d3dcda;border-radius:6px;background:#fff;padding:0 10px;font-size:9px;outline:none}.invite-grid input:focus,.invite-grid select:focus{border-color:#239873;box-shadow:0 0 0 3px #dff3ec}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px}.role-picker button{border:1px solid #dce3e0;background:#fff;border-radius:6px;padding:9px;display:flex;gap:8px;text-align:left;cursor:pointer}.role-picker button.selected{border-color:#178d69;background:#edf8f4;box-shadow:0 0 0 2px #dff3ec}.role-picker i{font-style:normal;color:#178d69}.role-picker span{display:grid;gap:3px}.role-picker strong{font-size:8px}.role-picker small{font-size:6px;color:#84908c;line-height:1.3}.permission-review{margin-top:12px;background:#eef4f2;border-radius:7px;padding:12px;display:flex;gap:8px;flex-wrap:wrap}.permission-review h4{width:100%}.permission-review span{font-size:7px;color:#42655a;background:#fff;padding:6px 8px;border-radius:10px}.security-confirm{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.security-confirm label{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid #dce3e0;border-radius:7px;padding:10px}.security-confirm label.admin-confirm{grid-column:1/-1;background:#fff3df;border-color:#e8c987}.security-confirm input{accent-color:#178d69}.security-confirm span{display:grid;gap:3px}.security-confirm strong{font-size:8px}.security-confirm small{font-size:7px;color:#87918e}.settings-modal>footer{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-top:1px solid #dce3e0;background:#fff}.settings-modal>footer>span{font-size:7px;color:#87918e}.settings-modal>footer>div{display:flex;gap:8px}.settings-modal>footer button{border-radius:6px;padding:10px 14px;font-size:8px;font-weight:700;cursor:pointer}.settings-modal>footer .cancel{border:1px solid #d5ddda;background:#fff}.settings-modal>footer .continue{border:0;background:#178d69;color:#fff}.settings-modal>footer .continue:disabled{opacity:.35;cursor:not-allowed}@media(max-width:700px){.users-table-head{display:none}.user-row{grid-template-columns:1fr 1fr}.user-row>span:nth-of-type(2),.user-row>span:nth-of-type(3){display:none}.invite-grid,.role-picker,.security-confirm,.security-summary{grid-template-columns:1fr}.settings-modal>footer{gap:10px}.settings-modal>footer>span{max-width:45%}}.brand-sub{max-width:175px;font-size:7px!important;letter-spacing:.65px!important;line-height:1.4}.brand{position:relative;font-size:40px!important;letter-spacing:-3px!important;line-height:1;white-space:nowrap}.brand sup{position:absolute;top:-.18em;right:-.1em;color:#fff;font-size:.34em;font-weight:700;line-height:1;letter-spacing:0}@media(max-width:760px){.brand{font-size:31px!important;letter-spacing:-2.3px!important}}.map-canvas{position:absolute;inset:0;transform-origin:center;transition:transform .28s ease}.map-tools button:disabled{opacity:.35;cursor:not-allowed}.map-tools small{display:grid;place-items:center;height:20px;background:#fff;border:1px solid #dbe0dc;border-top:0;border-radius:0 0 6px 6px;color:#68756f;font-size:7px;font-weight:700}.map-tools button:nth-child(2){border-radius:0}.locate{top:102px!important}.device-sheet{position:relative}.catalog-sign{width:76px;height:76px;object-fit:contain}.catalog-sign.small{width:34px;height:34px}.sheet-sign>button{border:1px solid #b9d5cb;background:#e9f6f1;color:#177c5e;border-radius:6px;padding:8px 10px;font-size:8px;font-weight:700;cursor:pointer;margin-top:4px}.sign-library{position:absolute;inset:0;background:#f7f9f8;z-index:5;display:flex;flex-direction:column}.sign-library>header{padding:17px 20px;background:linear-gradient(130deg,#142724,#1c3731);color:#fff;display:flex;justify-content:space-between}.sign-library>header p{margin:0 0 4px;color:#76c7ac;font-size:7px;letter-spacing:1.4px;font-weight:700}.sign-library>header h3{margin:0 0 3px;font-size:16px}.sign-library>header span{font-size:8px;color:#93a9a2}.sign-library>header button{border:0;background:#ffffff12;color:#fff;width:30px;height:30px;border-radius:6px;font-size:20px;cursor:pointer}.sign-library-tools{display:grid;grid-template-columns:1fr 190px;gap:9px;padding:12px 18px;border-bottom:1px solid #dde4e1;background:#fff}.sign-library-tools input,.sign-library-tools select{height:35px;border:1px solid #d3dcda;border-radius:6px;background:#fff;padding:0 10px;font-size:9px}.sign-library-body{display:grid;grid-template-columns:1fr 190px;min-height:0;flex:1}.sign-grid{padding:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;overflow:auto;align-content:start}.sign-grid button{min-width:0;border:1px solid #dce3e0;background:#fff;border-radius:7px;padding:7px;display:grid;justify-items:center;gap:4px;cursor:pointer}.sign-grid button.selected,.sign-grid button:hover{border-color:#178d69;box-shadow:0 0 0 2px #dff3ec}.sign-grid img{width:54px;height:54px;object-fit:contain}.sign-grid strong{font-size:7px;text-align:center;line-height:1.25}.sign-grid small{font-size:6px;color:#8a9490}.sign-library-body>aside{border-left:1px solid #dce3e0;background:#eef3f1;padding:18px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.sign-library-body>aside label{font-size:7px;letter-spacing:1px;color:#87928e;font-weight:700}.sign-library-body>aside img{width:130px;height:130px;object-fit:contain}.sign-library-body>aside strong{font-size:10px}.sign-library-body>aside p,.sign-library-body>aside small{font-size:7px;color:#818c88}.sign-library>footer{padding:12px 18px;border-top:1px solid #dce3e0;background:#fff;display:flex;justify-content:flex-end;gap:8px}.sign-library>footer button{border-radius:6px;padding:10px 14px;font-size:8px;font-weight:700;cursor:pointer}.sign-library>footer .cancel{border:1px solid #d5ddda;background:#fff}.sign-library>footer .continue{border:0;background:#178d69;color:#fff}.sign-library>footer .continue:disabled{opacity:.35}@media(max-width:700px){.sign-library-body{grid-template-columns:1fr}.sign-library-body>aside{display:none}.sign-grid{grid-template-columns:repeat(3,1fr)}.sign-library-tools{grid-template-columns:1fr}.catalog-sign{width:66px;height:66px}}.marker.online:after{content:"";position:absolute;inset:-4px;border:2px solid #15946d;border-radius:50%;pointer-events:none;animation:uniroad-online-pulse 1.8s ease-out infinite}@keyframes uniroad-online-pulse{0%{transform:scale(.75);opacity:.9}70%,to{transform:scale(1.85);opacity:0}}@media(prefers-reduced-motion:reduce){.marker.online:after{animation:none;opacity:.45;transform:scale(1.2)}}.road-sign.works{position:relative;width:78px!important;height:70px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;clip-path:none!important;display:grid;place-items:center}.road-sign.works:after,.road-sign.works:before{content:"";position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%)}.road-sign.works:before{inset:0;background:var(--red)}.road-sign.works:after{inset:11px 9px 7px;background:#fff}.road-sign.works>span{position:relative;z-index:1;margin-top:20px;font-size:22px}.road-sign.works.small{width:36px!important;height:32px!important;padding:0!important}.road-sign.works.small:after{inset:5px 4px 3px}.road-sign.works.small>span{margin-top:9px;font-size:10px}.device-sheet{width:min(900px,100%);max-height:94vh;background:#f7f9f8;border:1px solid #ffffff70;border-radius:13px;box-shadow:0 30px 80px #06100d80;overflow:hidden;display:flex;flex-direction:column}.device-sheet-head{padding:18px 22px;background:linear-gradient(130deg,#142724,#1c3731);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.device-sheet-head>div{display:flex;gap:11px;align-items:center}.device-sheet-head .status-dot{width:10px;height:10px;box-shadow:0 0 0 4px #ffffff16}.device-sheet-head p{margin:0 0 3px;color:#77c8ad;font-size:7px;letter-spacing:1.5px;font-weight:700}.device-sheet-head h2{font-size:18px;margin:0 0 3px}.device-sheet-head small{font-size:8px;color:#95aaa4}.device-sheet-head>button{border:0;background:#ffffff12;color:#d5e1dd;width:30px;height:30px;border-radius:6px;font-size:20px;cursor:pointer}.device-sheet-body{display:grid;grid-template-columns:210px 1fr;overflow:auto}.device-sheet-body>aside{padding:20px;background:#edf2f0;border-right:1px solid #d9e1de}.sheet-sign{display:grid;place-items:center;gap:7px;padding:15px;background:#fff;border:1px solid #dce3e0;border-radius:8px}.sheet-sign label{font-size:7px;letter-spacing:1px;color:#89938f;font-weight:700}.sheet-sign strong{font-size:9px}.sheet-state{display:flex;align-items:center;gap:7px;margin:12px 0;padding:9px;border-radius:6px;font-size:8px;font-weight:700}.sheet-state.online{background:#dff3ec;color:#167658}.sheet-state.warning{background:#fff0d8;color:#9a620c}.sheet-state.offline{background:#ffe4e5;color:#a92a32}.sheet-state i{width:7px;height:7px;border-radius:50%;background:currentColor}.device-sheet dl{margin:0;background:#fff;border:1px solid #dde4e1;border-radius:7px;overflow:hidden}.device-sheet dl div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #e7ebe9}.device-sheet dl div:last-child{border:0}.device-sheet dt{font-size:8px;color:#7e8985}.device-sheet dd{margin:0;font-size:8px;font-weight:700}.sheet-main{padding:21px 23px}.sheet-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.sheet-section-title h3{margin:0 0 3px;font-size:13px}.sheet-section-title p{margin:0;font-size:8px;color:#89938f}.sheet-section-title button{border:1px solid #b9d5cb;background:#e9f6f1;color:#177c5e;border-radius:6px;padding:9px 11px;font-size:8px;font-weight:700;cursor:pointer}.sheet-section-title.compact{border-top:1px solid #dee5e2;padding-top:17px;margin-top:18px}.coordinate-map{height:130px;border-radius:8px;background:linear-gradient(35deg,transparent 48%,#c9d7cd 49%,#c9d7cd 51%,transparent 52%),linear-gradient(125deg,transparent 48%,#d3dfd7 49%,#d3dfd7 51%,transparent 52%),#dce7df;background-size:80px 65px;display:grid;place-items:center;align-content:center;gap:4px;color:#53635d}.crosshair{width:35px;height:35px;border-radius:50%;background:#178d69;color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 0 0 6px #ffffffaa}.coordinate-map span{margin-top:8px;font-size:9px;font-weight:700}.coordinate-map small{font-size:7px}.location-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:10px}.location-summary>div{padding:10px;border:1px solid #dde4e1;border-radius:6px;background:#fff;display:grid;gap:5px}.location-summary label{font-size:6px;letter-spacing:.8px;color:#8c9692;font-weight:700}.location-summary strong{font-size:8px;line-height:1.4}.coordinate-editor{display:grid;grid-template-columns:1fr 1fr;gap:11px}.coordinate-editor .edit-warning{grid-column:1/-1;background:#fff3da;color:#83580e;border-radius:6px;padding:9px 11px;font-size:8px}.coordinate-editor label{display:grid;gap:6px;font-size:8px;font-weight:700;color:#53615d}.coordinate-editor label:nth-of-type(2),.coordinate-editor label:nth-of-type(3){grid-column:1/-1}.coordinate-editor label small{font-weight:400;color:#8d9693}.coordinate-editor input{height:38px;border:1px solid #d3dcda;background:#fff;border-radius:6px;padding:0 11px;font-size:9px;outline:none}.coordinate-editor input:focus{border-color:#239873;box-shadow:0 0 0 3px #dff3ec}.coordinate-editor input.invalid{border-color:#d83d47}.coordinate-editor em{font-style:normal;color:#c02e37;font-size:7px}.detect-location{justify-self:start;border:0;background:#e4f3ee;color:#177c5e;border-radius:6px;padding:9px 12px;font-size:8px;font-weight:700;cursor:pointer}.channel-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.channel-cards>div{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dde4e1;border-radius:6px;padding:10px}.channel-cards i{width:7px;height:7px;border-radius:50%;background:#89938f}.channel-cards span{display:grid;gap:3px}.channel-cards strong{font-size:8px}.channel-cards small{font-size:7px;color:#89938f}.device-sheet-foot{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-top:1px solid #dce3e0;background:#fff}.device-sheet-foot>span{font-size:7px;color:#8b9591}.device-sheet-foot>div{display:flex;gap:8px}.device-sheet-foot button{border-radius:6px;padding:10px 14px;font-size:8px;font-weight:700;cursor:pointer}.device-sheet-foot .cancel{border:1px solid #d5ddda;background:#fff;color:#66736e}.device-sheet-foot .continue{border:0;background:#178d69;color:#fff}.device-sheet-foot .continue:disabled{opacity:.35}@media(max-width:700px){.device-sheet-body{grid-template-columns:1fr}.device-sheet-body>aside{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-right:0;border-bottom:1px solid #d9e1de;padding:12px}.sheet-state{margin:0}.device-sheet dl{grid-column:1/-1;display:flex}.device-sheet dl div{flex:1}.channel-cards,.coordinate-editor,.location-summary{grid-template-columns:1fr}.device-sheet-foot{align-items:flex-start;gap:10px}.device-sheet-foot>span{max-width:42%}}.detail-card,.fleet-card,.map-card,.stats article{background:#ffffffe0!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 10px 28px #17212618}.detail-head,.fleet-head,.section-head{background:#ffffff4d}.traffic-preview{display:grid;justify-items:center;gap:8px;padding:14px 10px;border-radius:9px;background:linear-gradient(155deg,#172724,#101917);color:#fff;text-align:center;box-shadow:0 9px 20px #10211c24}.traffic-preview>label{font-size:7px;letter-spacing:1.2px;color:#8eb4a8;font-weight:700}.traffic-preview-units{display:flex;gap:13px}.fleet-traffic-unit{display:grid;justify-items:center;gap:5px}.fleet-traffic-head{width:45px;padding:7px;background:#080d0c;border:1px solid #31433e;border-radius:9px;display:grid;gap:5px}.fleet-traffic-head i{width:29px;height:29px;border-radius:50%;background:#26312e;box-shadow:inset 0 0 8px #050807}.fleet-traffic-head i.red.on{background:#ef2b32;box-shadow:0 0 11px #ef2b3299}.fleet-traffic-head i.yellow.on{background:#e8b323;box-shadow:0 0 11px #e8b32399}.fleet-traffic-head i.green.on{background:#28b564;box-shadow:0 0 11px #28b56499}.fleet-traffic-unit>b{font-size:7px;letter-spacing:.8px;color:#9db1ab}.traffic-preview>strong{font-size:8px;line-height:1.35;color:#e9f2ef}.traffic-preview-time{display:flex;align-items:baseline;gap:4px}.traffic-preview-time b{font-size:25px}.traffic-preview-time span{font-size:7px;color:#92a59f}.traffic-preview-track{width:100%;height:4px;border-radius:5px;background:#ffffff24;overflow:hidden}.traffic-preview-track i{display:block;height:100%;background:#28b564;transition:width 1s linear}.traffic-preview small{font-size:7px;color:#8fa49e}.traffic-preview em{width:100%;padding-top:7px;border-top:1px solid #ffffff19;font-size:7px;font-style:normal;color:#e59ca0}.traffic-config{margin-top:12px;padding:13px;border:1px solid #dce4e1;border-radius:8px;background:#f4f8f6}.traffic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.traffic-grid label{display:grid;gap:5px;font-size:7px;font-weight:700;color:#65716d;text-transform:uppercase}.traffic-grid input,.traffic-grid select{height:33px;border:1px solid #ccd8d4;border-radius:5px;background:#fff;padding:0 8px;font-size:9px;color:#273530}.traffic-save{margin-top:11px;border:0;border-radius:6px;background:#178d69;color:#fff;padding:9px 13px;font-size:8px;font-weight:700;cursor:pointer}.traffic-save:disabled{opacity:.4}.traffic-result{margin-left:10px;font-size:8px;color:#65736e}@media(max-width:700px){.traffic-grid{grid-template-columns:1fr 1fr}}.modal-backdrop{position:fixed;inset:0;background:#0c1715b8;backdrop-filter:blur(5px);display:grid;place-items:center;padding:22px;z-index:100}.wizard{width:min(820px,100%);max-height:94vh;background:#f8faf9;border:1px solid #ffffff70;border-radius:13px;box-shadow:0 30px 80px #06100d80;overflow:hidden;display:flex;flex-direction:column}.wizard-head{padding:20px 24px;background:linear-gradient(130deg,#142724,#1c3731);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.wizard-head p{margin:0 0 5px;color:#75caae;font-size:8px;font-weight:700;letter-spacing:1.7px}.wizard-head h2{font-size:18px;margin-bottom:4px}.wizard-head span{font-size:9px;color:#91a7a1}.wizard-head button{border:0;background:#ffffff12;color:#d5e1dd;width:30px;height:30px;border-radius:6px;font-size:20px;cursor:pointer}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);padding:17px 24px 14px;border-bottom:1px solid #dfe6e3;background:#fff}.wizard-progress div{position:relative;display:flex;align-items:center;gap:7px;color:#a1aaa7;font-size:8px}.wizard-progress div:not(:last-child):after{content:"";position:absolute;left:27px;right:7px;top:11px;height:1px;background:#dfe5e2}.wizard-progress i{position:relative;z-index:1;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#edf0ef;font-style:normal;font-weight:700}.wizard-progress .current{color:#1a7e61;font-weight:700}.wizard-progress .current i{background:#188d69;color:#fff;box-shadow:0 0 0 4px #dff4ec}.wizard-progress .done i{background:#dff4ec;color:#188d69}.wizard-body{padding:22px 25px;overflow:auto;min-height:390px}.step-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.step-title>b{width:35px;height:35px;border-radius:8px;background:#dff3ec;color:#178963;display:grid;place-items:center;font-size:10px}.step-title h3{font-size:15px;margin:1px 0 4px}.step-title p{font-size:9px;color:#7c8884;margin:0}.scan-button{width:100%;border:1px dashed #98b9ae;background:#eff8f5;border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:13px;text-align:left;color:#243631;cursor:pointer;margin-bottom:17px}.scan-button>span{font-size:25px;color:#178d69}.scan-button div{display:grid;gap:3px;flex:1}.scan-button strong{font-size:10px}.scan-button small{font-size:8px;color:#798883}.scan-button>b{color:#178d69}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.network-grid label,.priority{display:grid;gap:6px;font-size:8px;font-weight:700;color:#53615d;letter-spacing:.4px}.form-grid .wide{grid-column:1/-1}.form-grid input,.network-grid input,.priority select{height:38px;border:1px solid #d3dcda;background:#fff;border-radius:6px;padding:0 11px;color:#273530;font:inherit;font-size:10px;outline:none}.form-grid input:focus,.network-grid input:focus,.priority select:focus{border-color:#239873;box-shadow:0 0 0 3px #dff3ec}.info-box{margin-top:15px;padding:10px 12px;border-radius:6px;background:#eaf3f8;color:#4e6875;font-size:8px;line-height:1.5}.ble-panel{border:1px solid #d5dedb;border-radius:9px;padding:22px;display:flex;align-items:center;gap:15px;background:#fff;margin:35px 0 18px}.ble-panel.connected{border-color:#65b89c;background:#effaf6}.ble-symbol{width:48px;height:48px;border-radius:50%;background:#e4f0fc;color:#337bc0;display:grid;place-items:center;font-size:27px}.ble-panel div{flex:1;display:grid;gap:5px}.ble-panel strong{font-size:11px}.ble-panel small{font-size:8px;color:#7f8b87}.ble-panel button,.gps-button,.run-test{border:0;border-radius:6px;background:#178d69;color:#fff;padding:10px 14px;font-size:9px;font-weight:700;cursor:pointer}.ble-panel.connected button{background:#d9f1e8;color:#147858}.security-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.security-list span{padding:10px;border-radius:6px;background:#fff;border:1px solid #e0e6e4;color:#668078;font-size:8px}.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.network-grid section{background:#fff;border:1px solid #dce3e1;border-radius:8px;padding:15px;display:grid;gap:12px}.network-grid header{display:flex;gap:9px;align-items:center;border-bottom:1px solid #e7ebe9;padding-bottom:11px}.network-grid header>span{font-size:20px;color:#178d69}.network-grid header div{display:grid;gap:3px;flex:1}.network-grid header strong{font-size:10px}.network-grid header small{font-size:7px;color:#87918e}.network-grid header em{font-style:normal;font-size:6px;letter-spacing:.7px;background:#e3f4ee;color:#197d5e;padding:4px 6px;border-radius:8px}.priority{margin-top:13px}.gps-button{margin-top:15px;background:#e4f3ee;color:#177c5e}.test-list{display:grid;border:1px solid #dce3e0;border-radius:8px;overflow:hidden}.test-list>div{display:flex;align-items:center;gap:11px;padding:10px 13px;background:#fff;border-bottom:1px solid #e8ecea}.test-list>div:last-child{border:0}.test-list i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e1f4ed;color:#168561;font-style:normal}.test-list span{display:grid;gap:3px;flex:1}.test-list strong{font-size:9px}.test-list small{font-size:7px;color:#89938f}.test-list em{font-style:normal;font-size:6px;color:#168561;font-weight:700;letter-spacing:.6px}.run-test{display:block;margin:17px auto}.ready-box{display:flex;align-items:center;gap:12px;padding:12px;background:#e8f7f1;border:1px solid #a8d7c7;border-radius:7px;margin-top:13px;color:#166b51}.ready-box>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#188d69;color:#fff}.ready-box div{display:grid;gap:4px}.ready-box strong{font-size:10px}.ready-box small{font-size:8px}.wizard-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#fff;border-top:1px solid #dfe5e3}.wizard-foot>span{font-size:8px;color:#8e9894}.wizard-foot button{border-radius:6px;padding:10px 16px;font-size:9px;font-weight:700;cursor:pointer}.wizard-foot .cancel{border:1px solid #d5ddda;background:#fff;color:#66736e}.wizard-foot .continue{border:0;background:#178d69;color:#fff}.wizard-foot .continue:disabled{opacity:.35;cursor:not-allowed}@media(max-width:680px){.modal-backdrop{padding:8px}.wizard{max-height:98vh}.wizard-head{padding:16px}.wizard-progress{padding:12px}.wizard-progress span{display:none}.wizard-progress div{justify-content:center}.wizard-progress div:not(:last-child):after{left:60%;right:-40%}.wizard-body{padding:17px;min-height:430px}.form-grid,.network-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.security-list{grid-template-columns:1fr}.ble-panel{align-items:flex-start;flex-wrap:wrap;margin-top:15px}.ble-panel div{min-width:180px}.wizard-foot{padding:12px}}:root{--ink:#172126;--muted:#758084;--line:#e3e7e7;--green:#15946d;--red:#e12b36;--amber:#e4a12b;--paper:#f3f5f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:26px 18px 20px;background:linear-gradient(160deg,#162a27,#101917);color:#fff;display:flex;flex-direction:column;z-index:10}.brand{font-size:24px;letter-spacing:-1.8px;font-weight:900;padding-left:12px}.brand b{color:#e62e38}.brand-sub{margin:2px 0 32px 12px;color:#8ca09c;font-size:9px;letter-spacing:2.1px;text-transform:uppercase}nav{display:grid;gap:5px}.nav{border:0;background:none;color:#90a39f;border-radius:7px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;cursor:pointer}.nav i{font-style:normal;font-size:18px;width:18px;text-align:center}.nav span{flex:1}.nav em{font-style:normal;background:#32423f;padding:2px 7px;border-radius:10px;font-size:10px}.nav em.red{background:#672b30;color:#ff9097}.nav.active,.nav:hover{color:#fff;background:#263a36}.nav.active{box-shadow:inset 3px 0 #24b886}.side-bottom{margin-top:auto}.user{border-top:1px solid #30403d;margin-top:14px;padding:20px 7px 0;display:flex;gap:10px;align-items:center}.user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d6ded8;color:#243630;font-size:11px;font-weight:700}.user div{display:grid;gap:3px;flex:1}.user strong{font-size:11px}.user small{font-size:9px;color:#829590}.user>b{color:#78908a}.content{margin-left:220px;width:calc(100% - 220px);padding:25px 30px 50px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats p,.telemetry p,.topbar p{margin:0 0 5px;color:#8a9593;font-size:9px;letter-spacing:1.4px;font-weight:700}.topbar h1{margin:0;font-size:24px;letter-spacing:-.6px}.top-actions{display:flex;gap:10px}.icon-btn,.primary{height:38px;border-radius:7px;border:1px solid var(--line);background:#fff;cursor:pointer}.icon-btn{width:40px;position:relative}.icon-btn span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--red);right:8px;top:7px}.primary{border-color:#1c9a72;background:#178f6b;color:#fff;padding:0 17px;font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.stats article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px;display:flex;gap:14px;align-items:center}.stat-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;font-weight:700}.stat-icon.green{background:#e0f4ec;color:#168e6a}.stat-icon.amber{background:#fff0d6;color:#ce861a}.stat-icon.redbg{background:#ffe4e5;color:#df333b}.stat-icon.blue{background:#e4eff6;color:#4a7895}.stats strong{font-size:20px}.stats strong small{font-size:11px;color:#abb2b0;font-weight:400}.stats div>span{display:block;margin-top:4px;font-size:9px;color:#909997}.stats .up{color:#19906c}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) 310px;gap:14px;margin-bottom:14px}.detail-card,.fleet-card,.map-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.fleet-head,.section-head{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h2{margin:0;font-size:14px}.detail-head p,.fleet-head p,.section-head p{margin:4px 0 0;color:#8b9593;font-size:9px}.live{font-size:8px;color:#65706e;letter-spacing:1px;font-weight:700}.live span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20a878;box-shadow:0 0 0 4px #def5ed;margin-right:6px}.map{height:390px;position:relative;overflow:hidden;background:#dce7df}.map-grid{inset:0;background:linear-gradient(35deg,transparent 48%,#c9d7cd 49%,#c9d7cd 51%,transparent 52%),linear-gradient(125deg,transparent 48%,#d3dfd7 49%,#d3dfd7 51%,transparent 52%);background-size:110px 85px;opacity:.7}.map-grid,.road{position:absolute}.road{height:9px;background:#fff;border:1px solid #cad2cd;box-shadow:0 0 0 3px #eef2ef;transform-origin:left center}.r1{width:95%;left:-3%;top:56%;transform:rotate(-11deg)}.r2{width:68%;left:25%;top:17%;transform:rotate(48deg)}.r3{width:63%;left:5%;top:76%;transform:rotate(-44deg)}.r4{width:52%;left:53%;top:59%;transform:rotate(-33deg)}.place{position:absolute;color:#8e9b94;font-size:8px;font-weight:700;letter-spacing:1px}.milano{left:45%;top:60%;font-size:12px;color:#68766f}.monza{left:68%;top:18%}.rho{left:10%;top:48%}.segrate{left:75%;top:62%}.marker{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:3px solid #fff;border-radius:50% 50% 50% 5px;rotate:0deg;display:grid;place-items:center;box-shadow:0 2px 8px #30463d55;cursor:pointer;transition:.2s}.marker span{rotate:0deg;color:#fff;font-size:10px}.marker.online{background:var(--green)}.marker.warning{background:var(--amber)}.marker.offline{background:var(--red)}.marker.selected{scale:1.2;box-shadow:0 0 0 5px #ffffffaa,0 4px 14px #30463d77;z-index:2}.map-tools{position:absolute;top:16px;right:16px;display:grid}.locate,.map-tools button{width:29px;height:29px;background:#fff;border:1px solid #dbe0dc;cursor:pointer;color:#53615a}.map-tools button:first-child{border-radius:6px 6px 0 0}.map-tools button:last-child{border-radius:0 0 6px 6px}.locate{right:16px;top:82px;border-radius:6px}.legend,.locate{position:absolute}.legend{left:14px;bottom:14px;background:#ffffffec;border:1px solid #dde4df;border-radius:6px;padding:9px 12px;display:flex;gap:13px;font-size:8px;color:#65716d}.legend span{display:flex;align-items:center;gap:5px}.legend i,.pill i,.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.online{background:var(--green)}.warning{background:var(--amber)}.offline{background:var(--red)}.detail-card{padding:0 17px 16px}.detail-head{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.detail-head>div{display:flex;align-items:center;gap:9px}.detail-head h2{font-size:13px}.detail-head button{border:0;background:none;font-size:18px;color:#88918f}.signal-preview{text-align:center;padding:17px 0 13px;border-bottom:1px solid var(--line);display:grid;justify-items:center;gap:4px}.signal-preview label{font-size:8px;letter-spacing:1.3px;color:#919997;font-weight:700;margin-bottom:4px}.signal-preview strong{font-size:11px}.signal-preview small,.telemetry small{font-size:8px;color:#929b98}.road-sign{width:68px;height:68px;display:grid;place-items:center;margin:2px;border:6px solid var(--red);background:#fff;color:#111;font-weight:900}.road-sign.speed{border-radius:50%;font-size:25px}.road-sign.stop{background:var(--red);color:#fff;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);border:0;font-size:13px}.road-sign.works{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:5px;width:75px;padding-top:20px;font-size:22px}.road-sign.small{width:31px;height:31px;border-width:3px;font-size:11px;margin:0}.road-sign.stop.small{font-size:6px}.road-sign.works.small{width:34px;padding-top:9px;font-size:10px}.telemetry{display:grid;grid-template-columns:1fr 1fr;padding:12px 0 6px}.telemetry>div{position:relative;min-height:70px;padding:7px 6px 7px 28px}.telemetry>div:nth-child(odd){border-right:1px solid var(--line)}.telemetry>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.tele-icon{position:absolute;left:6px;top:6px;color:#74827e}.telemetry strong{display:block;font-size:10px;line-height:1.4}.danger,.temp-high{color:var(--red)!important}.bar{width:65px;height:3px;background:#e8ecea;margin-top:7px}.bar,.bar i{display:block;border-radius:3px}.bar i{height:100%;background:var(--green)}.alert{display:flex;align-items:center;gap:9px;border-radius:6px;padding:9px;margin:4px 0 10px;background:#fff4dd;color:#99640d}.alert.offline{background:#ffe9e9;color:#a22c32}.alert>span{border:1px solid;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.alert div{display:grid}.alert strong{font-size:9px}.alert small{font-size:8px;opacity:.7}.outline{width:100%;border:1px solid #cfd7d4;background:#fff;border-radius:6px;padding:10px 12px;font-size:10px;font-weight:700;text-align:left;color:#52605c;cursor:pointer}.outline span{float:right}.fleet-card{overflow:hidden}.fleet-head{gap:20px}.filters{display:flex;gap:8px}.search{position:relative}.search span{position:absolute;left:10px;top:8px;color:#7e8a87}.filters select,.search input{height:32px;border:1px solid #dce1df;background:#fff;border-radius:6px;font-size:9px;padding:0 11px}.search input{width:190px;padding-left:30px}.filters select{color:#65716d}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:9px}th{text-align:left;color:#89928f;font-size:8px;letter-spacing:.8px;padding:11px 15px;background:#fafbfa;border-bottom:1px solid var(--line)}td{padding:10px 15px;border-bottom:1px solid #edf0ef;color:#56615e;cursor:pointer}tbody tr.active-row,tbody tr:hover{background:#f1faf7}td strong{display:block;color:#26322f;font-size:9px}td small{display:block;color:#99a19f;font-size:8px;margin-top:3px}.sign-cell{display:flex;gap:8px}.pill,.sign-cell{align-items:center}.pill{display:inline-flex;gap:5px;padding:4px 7px;border-radius:10px}.pill.online{background:#e6f6f0;color:#187d60}.pill.warning{background:#fff2db;color:#a96a0d}.pill.offline{background:#ffe7e8;color:#b83038}.pill i{background:currentColor}.battery{display:flex;gap:6px;align-items:center}.battery>span{width:34px;height:4px;background:#e4e9e7;border-radius:3px}.battery i{display:block;height:100%;background:#32a67e;border-radius:3px}.row-more{float:right;border:0;background:none;color:#8d9794}.empty{text-align:center;padding:30px;color:#8b9593}.empty,.toast{font-size:11px}.toast{position:fixed;right:28px;bottom:25px;background:#132520;color:#fff;padding:13px 17px;border-radius:7px;box-shadow:0 10px 35px #0b171355;z-index:20}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.detail-card{display:grid;grid-template-columns:1fr 2fr;gap:0 20px}.detail-head{grid-column:1/-1}.signal-preview{border-bottom:0;border-right:1px solid var(--line)}.outline{grid-column:1/-1}.alert{align-self:center}.content{padding:22px 20px}}@media(max-width:760px){.sidebar{width:64px;padding:24px 8px}.brand{font-size:13px;padding:0;text-align:center}.brand-sub,.nav em,.nav span,.user div,.user>b{display:none}.nav{padding:12px}.nav,.user{justify-content:center}.user{padding:16px 0}.content{margin-left:64px;width:calc(100% - 64px);padding:18px 12px}.stats{grid-template-columns:1fr 1fr}.topbar h1{font-size:19px}.topbar p{display:none}.primary{padding:0 10px;font-size:0}.primary:after{content:"＋ Device";font-size:10px}.detail-card,.workspace{display:block}.detail-card{margin-top:12px}.signal-preview{border-right:0;border-bottom:1px solid var(--line)}.fleet-head{align-items:flex-start;flex-direction:column}.filters{width:100%}.search{flex:1}.search input{width:100%}.map{height:340px}}@media(max-width:480px){.stats{grid-template-columns:1fr}.stats article{padding:12px}.top-actions .icon-btn{display:none}.telemetry{grid-template-columns:1fr 1fr}}.logout-button{position:fixed;left:145px;bottom:26px;z-index:30;border:1px solid #425651;background:#243934;color:#dce8e4;border-radius:6px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.logout-button:hover{background:#8e2d35;border-color:#a33b43;color:#fff}.logout-button:disabled{opacity:.5}@media(max-width:760px){.logout-button{left:13px;bottom:13px;width:38px;padding:7px 4px}}.device-sheet{height:min(900px,94vh)}.device-sheet-head{padding:20px 24px}.device-sheet-head p{font-size:9px}.device-sheet-head h2{font-size:20px}.device-sheet-head small{font-size:10px}.device-sheet-head>button{width:32px;height:32px;font-size:21px}.device-sheet-body{grid-template-columns:270px 1fr}.device-sheet-body>aside{padding:22px}.sheet-sign{gap:10px;padding:20px}.sheet-sign label{font-size:9px}.sheet-sign strong{font-size:12px}.sheet-sign>button{padding:10px 13px;font-size:10px}.catalog-sign{width:104px;height:104px}.sheet-state{padding:11px;font-size:10px}.sheet-state i{width:9px;height:9px}.device-sheet dl div{padding:12px}.device-sheet dl dd,.device-sheet dl dt{font-size:10px}.device-sheet-main{padding:22px}.device-sheet-main h3{font-size:14px}.device-sheet-main h4{font-size:11px}.device-sheet-main button,.device-sheet-main input,.device-sheet-main label,.device-sheet-main select{font-size:10px}.device-info-card,.mode-card,.traffic-settings{border-radius:9px}.device-sheet-foot{padding:15px 22px}.device-sheet-foot>span{font-size:9px}.device-sheet-foot button{font-size:10px;padding:11px 16px}.traffic-preview label,.traffic-preview small{font-size:9px}.traffic-preview strong{font-size:12px}.dashboard-traffic-light:not(.small),.fleet-traffic-light:not(.small){transform:scale(1.08)}@media(max-width:760px){.device-sheet{height:98vh}.device-sheet-body{grid-template-columns:1fr}.device-sheet-body>aside{border-right:0;border-bottom:1px solid #d9e1de}.device-sheet-main{padding:16px}}.traffic-page .topbar>div>span{display:inline-flex;margin-bottom:5px;color:#188b69;font-size:8px;font-weight:800;letter-spacing:1.4px}.traffic-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.traffic-stats article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px;box-shadow:0 2px 8px #132a2208}.traffic-stats label{display:block;color:#8b9692;font-size:7px;font-weight:800;letter-spacing:1px}.traffic-stats strong{display:block;margin:5px 0 2px;color:#1d2d28;font-size:22px}.traffic-stats small{color:#77827e;font-size:8px}.traffic-stats .good{border-top:3px solid #1c9a72}.traffic-stats .safe{border-top:3px solid #e3a72f}.traffic-control-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px}.traffic-config-card,.traffic-group-card,.traffic-groups-list{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 12px #132a220b}.traffic-group-head{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.config-title label,.traffic-group-head label{display:block;color:#188b69;font-size:7px;font-weight:800;letter-spacing:1.2px}.traffic-group-head h2{margin:4px 0 2px;font-size:16px}.traffic-group-head p{color:#87918e;font-size:8px}.sync-live{align-self:flex-start;padding:6px 9px;border-radius:14px;background:#e6f6f0;color:#167b5d;font-size:8px;font-weight:800;white-space:nowrap}.sync-live i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#1aa176;box-shadow:0 0 0 4px #1aa17622}.traffic-devices{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;padding:22px 24px}.traffic-device{text-align:center}.traffic-device>label{display:block;margin-bottom:9px;color:#7c8884;font-size:8px;font-weight:800}.traffic-device strong{display:block;margin-top:10px;font-size:11px}.traffic-device small{display:block;margin-top:3px;color:#8d9693;font-size:8px}.fleet-traffic-light{width:66px;margin:auto;padding:8px;border:3px solid #26302d;border-radius:17px;background:#111715;box-shadow:0 8px 18px #101b1740}.fleet-traffic-light i{display:block;width:40px;height:40px;margin:6px auto;border-radius:50%;background:#303633;box-shadow:inset 0 2px 8px #000}.fleet-traffic-light .red.on{background:#ef3e44;box-shadow:0 0 20px #ef3e4488,inset 0 2px 5px #fff5}.fleet-traffic-light .yellow.on{background:#ffc338;box-shadow:0 0 20px #ffc33888,inset 0 2px 5px #fff6}.fleet-traffic-light .green.on{background:#25b978;box-shadow:0 0 20px #25b97888,inset 0 2px 5px #fff5}.sync-link{display:grid;place-items:center;gap:6px;color:#1b8b69;font-size:19px}.sync-link:after,.sync-link:before{content:"";width:44px;height:1px;background:#a8d6c7}.sync-link small{font-size:7px;font-weight:800;letter-spacing:.7px}.fleet-cycle{margin:0 18px 16px;padding:14px;border-radius:8px;background:#172521ed;color:#fff}.cycle-state{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.cycle-state span{color:#9cafaa;font-size:8px}.cycle-state strong{font-size:9px}.fleet-cycle-track{display:flex;height:9px;overflow:hidden;border-radius:9px;background:#263a34}.fleet-cycle-track i{display:block;min-width:4px;opacity:.42;transition:opacity .25s}.fleet-cycle-track i.red{background:#dc3f46}.fleet-cycle-track i.yellow{background:#f1b62c}.fleet-cycle-track i.green{background:#23a773}.fleet-cycle-track i.active{opacity:1;filter:saturate(1.25)}.traffic-actions{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid var(--line)}.primary-action,.secondary-action{border-radius:6px;padding:9px 12px;font-size:8px;font-weight:800;cursor:pointer}.secondary-action{border:1px solid #e0b6b8;background:#fff5f5;color:#b8363d}.primary-action{border:0;background:#178d69;color:#fff}.traffic-config-card{padding:17px}.config-title{padding-bottom:12px;border-bottom:1px solid var(--line)}.config-title h3{margin-top:4px;font-size:13px}.traffic-config-card dl{margin:7px 0 13px}.traffic-config-card dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf0ef}.traffic-config-card dt{color:#798480;font-size:8px}.traffic-config-card dd{margin:0;color:#22302c;font-size:8px;font-weight:800}.failsafe-box{padding:11px;border:1px solid #efcf8e;border-radius:7px;background:#fff8e8}.failsafe-box strong{display:block;color:#8e650f;font-size:9px}.failsafe-box small{display:block;margin-top:4px;color:#96752e;font-size:7px;line-height:1.5}.traffic-groups-list{grid-column:1/-1;margin-top:14px;overflow:hidden}.traffic-groups-list>header{display:flex;justify-content:space-between;padding:14px 17px;border-bottom:1px solid var(--line)}.traffic-groups-list h3{font-size:12px}.traffic-groups-list header span{color:#8c9692;font-size:8px}.traffic-group-row{display:grid;grid-template-columns:1.25fr .8fr .8fr .7fr;gap:12px;align-items:center;padding:11px 17px;border-bottom:1px solid #edf0ef;font-size:8px}.traffic-group-row.head{background:#fafbfa;color:#8b9591;font-size:7px;font-weight:800;letter-spacing:.7px}.traffic-group-row strong{font-size:9px}.traffic-group-row small{display:block;margin-top:2px;color:#8b9591}.group-active,.group-safe{justify-self:start;padding:4px 7px;border-radius:11px;font-weight:800}.group-active{background:#e6f6f0;color:#167c5e}.group-safe{background:#fff1d6;color:#9b6813}@media(max-width:950px){.traffic-control-grid{grid-template-columns:1fr}.traffic-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.traffic-devices{grid-template-columns:1fr 45px 1fr;padding:18px 8px}.fleet-traffic-light{transform:scale(.82)}.traffic-group-row{grid-template-columns:1.4fr .8fr .8fr}.traffic-group-row>:nth-child(4){display:none}}@media(max-width:460px){.traffic-stats{grid-template-columns:1fr 1fr}.traffic-group-head{display:block}.sync-live{display:inline-block;margin-top:8px}.traffic-device strong{font-size:9px}.traffic-device small{font-size:7px}}.device-sheet{width:min(1240px,calc(100vw - 44px))!important;max-height:94vh!important}.embedded-module body{background:#f3f5f3}.embedded-module body>main>header{display:none}.embedded-module body>main{min-height:100vh}.fleet-module-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:#071410b8;backdrop-filter:blur(3px)}.fleet-module-sheet{width:min(1240px,100%);height:min(900px,94vh);background:#f7f9f8;border:1px solid #ffffff70;border-radius:13px;box-shadow:0 30px 90px #06100da0;overflow:hidden;display:flex;flex-direction:column}.fleet-module-sheet>header{padding:18px 22px;background:linear-gradient(130deg,#142724,#1c3731);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.fleet-module-sheet>header p{margin:0 0 4px;color:#77c8ad;font-size:8px;letter-spacing:1.5px;font-weight:800}.fleet-module-sheet>header h2{font-size:19px;margin:0 0 4px}.fleet-module-sheet>header span{font-size:10px;color:#9db1ab}.fleet-module-sheet>header button{border:0;background:#ffffff12;color:#d5e1dd;width:32px;height:32px;border-radius:6px;font-size:21px;cursor:pointer}.fleet-module-sheet>header button:hover{background:#ffffff24;color:#fff}.fleet-module-sheet iframe{width:100%;min-height:0;flex:1;border:0;background:#f3f5f3}@media(max-width:760px){.device-sheet{width:calc(100vw - 14px)!important}.fleet-module-backdrop{padding:7px}.fleet-module-sheet{height:98vh}.fleet-module-sheet>header{padding:15px}.fleet-module-sheet>header span{display:none}}