:root,[data-mg=dark]{--bg:#0D0E0F;--bg2:#18191B;--panel:#1C2020;--panel-rgb:28,32,32;--panel2:#18191B;--raised:#404245;--mg-card-border:#303C3A;--text:#FFFFFF;--text2:#D4D5D8;--sub:#A1A4AA;--dim:#838c9a;--dim2:#6b7380;--line:255,255,255}[data-mg=light]{--bg:#FAFAFA;--bg2:#F4F4F5;--panel:#F5FAF9;--panel-rgb:245,250,249;--panel2:#F4F4F5;--raised:#E4E5E7;--mg-card-border:#DCE8E5;--text:#131927;--text2:#3A3C40;--sub:#52555B;--dim:#767d8b;--dim2:#949aa6;--line:19,25,39}:root{--mg-font:"Manrope",system-ui,-apple-system,sans-serif;--mg-primary-900:#223C3F;--mg-primary-800:#24474B;--mg-primary-700:#29575C;--mg-primary-600:#2F6D72;--mg-primary-500:#3F8F94;--mg-primary-400:#57A6AA;--mg-primary-300:#81C6C7;--mg-primary-200:#B0DFDE;--mg-primary-100:#D8EFEE;--mg-primary-50:#F3FAFA;--mg-secondary-500:#A18A6E;--mg-secondary-200:#DDD7CB;--mg-success-500:#43B75D;--mg-danger-500:#EE443F;--mg-warning-500:#FFAA00;--mg-warning-700:#B57900;--mg-info-500:#0095FF;--mg-primary-rgb:63,143,148;--mg-success-rgb:67,183,93;--mg-danger-rgb:238,68,63;--mg-warning-rgb:255,170,0;--mg-info-rgb:0,149,255;--mg-slate-rgb:161,164,170;--mg-accent:var(--mg-primary-500);--mg-danger:var(--mg-danger-500);--mg-warning:var(--mg-warning-500);--mg-on-warning:#1a1205;--mg-on-media:#fff;--mg-success:var(--mg-success-500);--mg-info:var(--mg-info-500);--mg-radius-md:16px;--mg-radius-sm:8px;--mg-radius-xl:24px;--mg-shadow-100:0 1px 1px rgba(19,25,39,.03);--mg-shadow-200:0 1px 2px rgba(19,25,39,.04);--mg-shadow-300:0 2px 4px rgba(19,25,39,.05)}:root,[data-mg=dark]{--mg-accent-hover:var(--mg-primary-400);--mg-accent-press:var(--mg-primary-600);--mg-accent-text:var(--mg-primary-300);--mg-danger-text:#F3908C;--mg-warning-text:#FFC966;--mg-success-text:#6FCB86;--mg-info-text:#6FC1FF}[data-mg=light]{--mg-accent-hover:var(--mg-primary-700);--mg-accent-press:var(--mg-primary-800);--mg-accent-text:var(--mg-primary-600);--mg-danger-text:#641D1A;--mg-warning-text:#6B4700;--mg-success-text:#1C4D27;--mg-info-text:#003F6B}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg2);color:var(--text);font-family:var(--mg-font)}a{color:inherit}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(var(--line),.1);border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(var(--line),.18);background-clip:content-box}@keyframes mgPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes mgSpin{to{transform:rotate(360deg)}}.mg-nav-item:hover,.mg-tab-item:hover{background:rgba(var(--mg-primary-rgb),.07)}.mg-pbar{--pb-h:36px;--pb-tabs-h:36px;position:absolute;left:12px;right:12px;bottom:12px;z-index:3;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border-radius:var(--mg-radius-md);font-family:var(--mg-font);color:var(--text2)}.mg-pb-main{--text2:#D4D5D8;--sub:#A1A4AA;--panel:#1C2020;--panel-rgb:28,32,32;--line:255,255,255}[data-mg=dark] .mg-pb-play{color:#d4d5d8}[data-mg=light] .mg-pb-play{color:#3a3c40}[data-mg=dark] .mg-pb-speed{--panel:#1C2020;--sub:#A1A4AA;--line:255,255,255}[data-mg=light] .mg-pb-speed{--panel:#F5FAF9;--sub:#52555B;--line:19,25,39}.mg-pbar:not([data-variant=dock]){opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.mg-player:hover .mg-pbar:not([data-variant=dock]),.mg-pbar:not([data-variant=dock]):focus-within{opacity:1;transform:translateY(0);pointer-events:auto}.mg-player:before{content:"";position:absolute;left:0;right:0;bottom:0;height:75px;background:linear-gradient(to top,#000000d9,#0000);pointer-events:none;z-index:2;opacity:0;transition:opacity .18s ease}.mg-player:hover:before,.mg-player:focus-within:before{opacity:1}.mg-pbar[data-layout=icons]{--pb-h:40px}.mg-pbar[data-layout=stacked]{--pb-h:40px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:8px}.mg-pb-chipbtn:hover{background:#000000bf!important}.mg-pb-chipbtn:focus-visible{outline:2px solid var(--mg-accent);outline-offset:2px}.mg-pb-chipbtn:focus:not(:focus-visible){outline:none}.mg-pbar[data-variant=dock]{position:static;width:100%;z-index:auto;gap:8px;padding:8px 10px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-top:1px solid var(--mg-card-border);border-radius:0;box-shadow:none}.mg-pbar[data-variant=dock][data-meta=inline] .mg-pb-meta{gap:10px}.mg-pb-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.mg-pbar[data-layout=stacked] .mg-pb-main{flex:none;width:100%}.mg-pb-actions{display:flex;align-items:center;gap:8px;flex:none}.mg-pbar[data-layout=stacked] .mg-pb-actions{width:100%}.mg-pbar[data-layout=stacked] .mg-pb-actions>.mg-pb-tipwrap{flex:1 1 0;min-width:0}.mg-pb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;box-sizing:border-box;height:var(--pb-h);padding:0 12px;white-space:nowrap;text-decoration:none;cursor:pointer;font:600 12px/1 var(--mg-font);color:var(--text2);background:var(--bg);border:1px solid rgba(var(--line),.12);border-radius:var(--mg-radius-sm)}.mg-pb-btn:hover{background:var(--mg-primary-500);color:var(--bg);border-color:rgba(var(--mg-primary-rgb),.4)}.mg-pb-btn:active{background:var(--mg-primary-500);color:var(--bg)}.mg-pb-btn--primary{color:#fff;background:var(--mg-accent);border-color:var(--mg-accent)}.mg-pb-btn--primary:hover{background:var(--bg);color:var(--mg-accent-hover);border-color:var(--mg-accent-hover)}.mg-pb-btn--primary:active{background:var(--mg-accent-press);border-color:var(--mg-accent-press)}.mg-pb-btn--primary:active:hover{color:var(--bg)}.mg-pb-btn--pinned{font-weight:700;color:var(--mg-on-warning);background:rgba(var(--mg-warning-rgb),.92);border-color:var(--mg-warning)}.mg-pb-btn--pinned:hover{background:rgba(var(--mg-warning-rgb),.92);border-color:var(--mg-warning)}.mg-pb-play,.mg-pb-btn--icon{width:var(--pb-h);padding:0}.mg-pbar[data-layout=stacked] .mg-pb-tipwrap>.mg-pb-btn--icon{width:100%}.mg-pbar :is(button,a):focus-visible{outline:2px solid var(--mg-accent);outline-offset:2px}.mg-pbar :is(button,a):focus:not(:focus-visible){outline:none}.mg-pb-speed{display:flex;flex:none}.mg-pb-speed>div{height:var(--pb-tabs-h)}.mg-pbar .mg-tab-item:hover{background:rgba(var(--mg-primary-rgb),.18)!important}.mg-pb-meta{display:flex;min-width:0;flex:0 1 auto}.mg-pbar[data-meta=inline] .mg-pb-meta{flex-direction:row;align-items:center;gap:14px}.mg-pbar[data-meta=stack] .mg-pb-meta{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}.mg-pbar[data-layout=stacked] .mg-pb-main .mg-pb-meta{flex:1 1 auto}.mg-pb-cam{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;white-space:nowrap}.mg-pb-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--mg-success);box-shadow:0 0 6px rgba(var(--mg-success-rgb),.6)}.mg-pb-dot--off{background:var(--dim);box-shadow:none}.mg-pb-cam-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.2;color:var(--text2)}.mg-pb-cam-sub{flex:none;font-size:11.5px;font-weight:500;line-height:1.2;color:var(--sub)}.mg-pb-time{font-size:12px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--text2);white-space:nowrap}.mg-pb-tot{font-weight:500;color:var(--sub)}.mg-pbar[data-meta=stack] .mg-pb-time{font-size:11.5px}.mg-pb-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--dim)}.mg-pb-live{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:12px;font-weight:700;color:var(--mg-danger-text)}.mg-pb-live-dot{width:6px;height:6px;border-radius:50%;background:var(--mg-danger);animation:mgPulse 1.6s ease-in-out infinite}.mg-pb-tipwrap{position:relative;display:flex;flex:none}.mg-pb-tip{--tx:-50%;position:absolute;bottom:calc(100% + 10px);left:50%;z-index:60;transform:translate(var(--tx),3px);opacity:0;visibility:hidden;pointer-events:none;background:var(--raised);color:var(--text);font:500 12.5px/1 var(--mg-font);white-space:nowrap;padding:7px 11px;border-radius:8px;border:1px solid rgba(var(--line),.1);box-shadow:0 6px 22px #0000004d;transition:opacity .1s ease,transform .1s ease,visibility 0s linear .1s}.mg-pb-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--raised)}.mg-pb-tip--end{--tx:0;left:auto;right:0}.mg-pb-tip--end:after{left:auto;right:15px;transform:none}.mg-pb-tip--start{--tx:0;left:0}.mg-pb-tip--start:after{left:15px;transform:none}.mg-pb-tipwrap:hover>.mg-pb-tip{opacity:1;visibility:visible;transform:translate(var(--tx));transition:opacity .12s ease .4s,transform .12s ease .4s,visibility 0s linear .4s}.mg-pb-tipwrap:has(:focus-visible)>.mg-pb-tip{opacity:1;visibility:visible;transform:translate(var(--tx));transition:opacity .12s ease,transform .12s ease,visibility 0s}@media (hover:none){.mg-pb-tip{display:none!important}}.mg-pb-dd{flex:none;margin-left:auto;height:40px;padding:0;background:none;border:0;cursor:pointer;font-family:inherit;color:var(--text2)}.mg-pb-dd-face{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 9px 0 13px;box-sizing:border-box;font:600 12.5px/1 var(--mg-font);background:var(--bg);border:1px solid rgba(var(--line),.12);border-radius:var(--mg-radius-sm)}.mg-pb-dd:hover .mg-pb-dd-face{background:rgba(var(--mg-primary-rgb),.07);border-color:rgba(var(--mg-primary-rgb),.4)}.mg-pb-dd[aria-expanded=true] .mg-pb-dd-face{border-color:rgba(var(--mg-primary-rgb),.4)}.mg-pb-dd svg{color:var(--sub)}.mg-pb-menu{position:fixed;z-index:70;min-width:120px;box-sizing:border-box;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--panel);border:1px solid rgba(var(--line),.12);border-radius:12px;box-shadow:0 18px 50px #0006;font-family:var(--mg-font)}.mg-pb-mi{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:40px;box-sizing:border-box;padding:0 12px;border:0;border-radius:8px;background:transparent;cursor:pointer;text-align:left;font:500 13px/1 var(--mg-font);color:var(--text2)}.mg-pb-mi:hover,.mg-pb-mi:focus-visible{background:var(--raised);outline:none}.mg-pb-mi.on{color:var(--mg-accent-text);background:rgba(var(--mg-primary-rgb),.14);font-weight:600}.mg-pb-mi:focus-visible{box-shadow:inset 0 0 0 2px var(--mg-accent)}@media (prefers-reduced-motion:reduce){.mg-pb-tip{transition:none!important}}.mg-rail-item{position:relative}.mg-rail-item .mg-tip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-4px);background:var(--raised);color:var(--text);font-size:12.5px;font-weight:500;line-height:1;padding:7px 11px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;box-shadow:0 6px 22px #0000004d;border:1px solid rgba(var(--line),.1);z-index:60}.mg-rail-item .mg-tip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--raised)}.mg-rail-item:hover .mg-tip{opacity:1;transform:translateY(-50%) translate(0)}input[type=range]{accent-color:var(--mg-accent)}.mg-col-grip{position:absolute;top:-12px;bottom:-11px;right:-13px;width:15px;cursor:col-resize;z-index:2;touch-action:none}.mg-col-grip:after{content:"";position:absolute;top:3px;bottom:3px;left:7px;width:2px;border-radius:2px;background:rgba(var(--line),.3);opacity:0;transition:opacity .15s ease}.mg-col-grip:hover:after,.mg-col-grip:active:after{opacity:1}.mg-shell{display:flex;height:100vh;width:100%;overflow:hidden}.mg-sidebar-backdrop{display:none}.mg-screen{margin-left:auto;margin-right:auto;max-width:1560px!important}@media (max-width: 900px){.mg-aside{position:fixed!important;z-index:80;top:0;bottom:0;left:0;height:100%!important;box-shadow:0 18px 60px #00000080;transition:transform .18s ease}.mg-aside[data-open=false]{transform:translate(-105%)}.mg-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:70}.mg-grid-fleet,.mg-grid-kpi{grid-template-columns:repeat(2,1fr)!important}.mg-grid-2{grid-template-columns:1fr!important}.mg-hide-sm{display:none!important}.mg-screen{padding:16px 14px 40px!important}.mg-split{flex-direction:column!important;height:auto!important}.mg-split-aside{width:100%!important;border-left:none!important;border-top:1px solid rgba(var(--line),.08)!important}}@media (max-width: 760px){.mg-agent-card{grid-template-columns:1fr!important;gap:10px!important}}@media (max-width: 560px){.mg-grid-fleet{grid-template-columns:1fr 1fr!important}.mg-grid-kpi{grid-template-columns:1fr!important}.mg-table-scroll{overflow-x:auto}.mg-table-scroll>*{min-width:640px}}@media print{.mg-aside,.mg-rail,.mg-print-hide{display:none!important}body,.mg-screen{background:#fff!important;color:#000!important}}
