/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:Inter, "Be Vietnam Pro", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-semibold:600;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-heritage:"Be Vietnam Pro", Inter, system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[\#2C3E50\]{color:#2c3e50}.text-\[\#4A362D\]{color:#4a362d}.text-\[\#5A7A52\]{color:#5a7a52}.text-\[\#6B5A82\]{color:#6b5a82}.opacity-70{opacity:.7}.shadow,.shadow\/contrast{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.mys-section{background:var(--surface)}.mys-kpi.has-icon{background:var(--surface);box-shadow:var(--shadow-card);align-items:flex-start;gap:10px;display:flex}.mys-kpi-icon-wrap{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.mys-kpi-ok.has-icon .mys-kpi-icon-wrap{color:#2f7a4b;background:#e8f0e6}.mys-kpi-critical.has-icon .mys-kpi-icon-wrap{color:var(--critical);background:#f5e8e5}.mys-kpi-warn.has-icon .mys-kpi-icon-wrap{color:#b8862e;background:#f5f0e3}.mys-kpi-bronze.has-icon .mys-kpi-icon-wrap{color:var(--bronze-dark);background:#f3eadc}.mys-kpi-body{flex:1;min-width:0}.mys-kpi-progress{background:#f0ebe3;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.mys-kpi-progress i{border-radius:inherit;background:linear-gradient(90deg,#3f9b61,#5cb87a);height:100%;display:block}.mys-kpi-progress.is-warn i{background:linear-gradient(90deg,#b8862e,#d4a843)}.mys-kpi-progress.is-critical i{background:linear-gradient(90deg,#b53a26,#d8432f)}.mys-view-all{cursor:pointer;color:var(--bronze);font-size:var(--mys-text-tiny);background:0 0;border:0;align-items:center;gap:4px;margin-top:8px;padding:0;font-family:inherit;font-weight:500;display:inline-flex}.mys-event-list-row{border-top:1px solid var(--border-light);align-items:center;gap:10px;min-height:48px;display:flex}.mys-event-list-row:first-child{border-top:0}.mys-event-list-icon{border-radius:var(--mys-radius-control);flex:none;place-items:center;width:32px;height:32px;display:grid}.mys-event-list-icon.mys-event-icon-blue{color:#4a6b8a;background:#e8eef5}.mys-event-list-icon.mys-event-icon-green{color:#5a7a52;background:#e8f0e6}.mys-event-list-icon.mys-event-icon-red{color:#b53a26;background:#f5e8e5}.mys-event-list-icon.mys-event-icon-orange{color:#c45a2a;background:#f5ede3}.mys-event-list-icon.mys-event-icon-amber{color:#b8862e;background:#f5f0e3}.mys-event-list-icon.mys-event-icon-purple{color:#6b5a82;background:#ede8f2}.mys-rule-icon{width:36px;height:36px;color:var(--bronze-dark);background:#f3eadc;border-radius:10px;place-items:center;display:grid}.mys-event-list-main{flex:1;min-width:0}.mys-event-list-main strong{font-size:var(--mys-text-body);color:var(--text-heritage);font-weight:700;display:block}.mys-event-list-main span{font-size:var(--mys-text-event-sub);color:var(--text-secondary)}.mys-event-list-count{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface-inset);min-width:32px;height:28px;font-size:var(--mys-text-meta);color:var(--text-heritage);place-items:center;font-weight:600;display:grid}.mys-donut-legend li{grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;min-height:28px;display:grid}.mys-donut-pct{color:var(--text-secondary);font-size:var(--mys-text-tiny);text-align:right;min-width:28px}.mys-colchart-with-y{flex:1;gap:6px;min-height:0;display:flex}.mys-colchart-y{color:var(--text-muted);text-align:right;flex-direction:column;flex:0 0 36px;justify-content:space-between;padding:36px 0 22px;font-size:9px;display:flex}.mys-colchart-with-y .mys-colchart{flex:1;min-width:0}.mys-dual-chart-head{font-size:var(--mys-text-tiny);color:var(--text-secondary);flex-shrink:0;justify-content:flex-end;gap:14px;margin-bottom:4px;display:flex}.mys-dual-chart-head span{align-items:center;gap:5px;display:inline-flex}.mys-dual-chart-head i{border-radius:999px;width:8px;height:8px}.mys-dual-chart-head i.is-ok{background:#089981}.mys-dual-chart-head i.is-critical{background:#f23645}.mys-progress-row{align-items:center;gap:8px;display:flex}.mys-progress-track{background:#f0ebe3;border-radius:999px;flex:1;height:6px;overflow:hidden}.mys-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#3f9b61,#5cb87a);height:100%}.mys-progress-fill.is-warn{background:linear-gradient(90deg,#b8862e,#d4a843)}.mys-progress-fill.is-critical{background:linear-gradient(90deg,#b53a26,#d8432f)}.mys-progress-val{min-width:36px;font-size:var(--mys-text-meta);color:var(--text-heritage);text-align:right;flex-shrink:0;font-weight:600}.mys-builder-bar{border-radius:var(--mys-radius-panel);background:var(--surface);box-shadow:var(--shadow-panel);border:none;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.mys-builder-bar .mys-filter-wrap{flex:160px;min-width:160px}.mys-builder-bar .mys-filter{width:100%;min-width:0}.mys-search-empty{color:var(--text-secondary);font-size:var(--mys-text-body);text-align:center;margin:0;padding:28px 16px;line-height:1.5}.mys-active-cams{border-radius:var(--mys-radius-panel);background:var(--panel);height:100%;min-height:0;box-shadow:var(--shadow-panel);border:none;flex-direction:column;padding:18px 20px 16px;display:flex;position:relative;overflow:hidden}.mys-active-cams-head{z-index:1;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex;position:relative}.mys-active-cams-brand{align-items:center;gap:12px;min-width:0;display:flex}.mys-active-cams-icon{color:#8b5e3c;background:#f0e4d4;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.mys-active-cams-title{font-family:var(--font-ui);color:var(--text-heritage);margin:0;font-size:15px;font-weight:700;line-height:1.25}.mys-active-cams-sub{color:var(--text-secondary);margin:3px 0 0;font-size:12px;line-height:1.2}.mys-active-cams-total{border:var(--mys-border-w) solid var(--border);background:var(--surface);color:#5c4a3c;height:34px;box-shadow:var(--shadow-control);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:12px;font-weight:500;display:inline-flex}.mys-active-cams-grid{z-index:1;flex-wrap:wrap;flex:1;align-content:flex-start;gap:10px;min-height:0;display:flex;position:relative;overflow:auto}.mys-area-pill{background:var(--surface);height:40px;color:var(--text-heritage);border:1px solid #e5d5c5d9;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 12px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #8b5e3c0a}.mys-area-pill:hover{border-color:#c4a07a}.mys-area-pill.is-on{box-shadow:var(--shadow-control);border-color:#a8794b}.mys-area-pill-icon{color:#9a7048;flex-shrink:0}.mys-area-pill-name{white-space:nowrap}.mys-area-pill-count{color:#6b5344;background:#f3e9dc;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 7px;font-size:12px;font-weight:700;display:grid}@media(max-width:1023px){.mys-active-cams-head{flex-wrap:wrap}}.mys-builder-bar label{min-width:120px;font-size:var(--mys-text-tiny);color:var(--text-secondary);flex-direction:column;flex:140px;gap:4px;display:flex}.mys-builder-bar input{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface-inset);height:36px;font:inherit;color:var(--text);padding:0 10px}.mys-rule-card.has-icon{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.mys-rule-card.has-icon .mys-rule-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.mys-rule-card.has-icon .mys-rule-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mys-th-sort{color:var(--text-muted);opacity:.7}.mys-th-sort.is-active{opacity:1;color:var(--bronze)}.mys-th-btn{color:inherit;font:inherit;font-weight:inherit;cursor:default;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.mys-th-btn.is-sortable{cursor:pointer}.mys-th-btn.is-sortable:hover{color:var(--bronze)}.mys-toast{z-index:200;border-radius:var(--mys-radius-control);background:var(--toast-bg);color:var(--toast-fg);font-size:var(--mys-text-body);box-shadow:var(--shadow-elevated);pointer-events:none;padding:10px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.mys-user-wrap{position:relative}.mys-user{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.mys-user-menu{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);min-width:180px;box-shadow:var(--shadow-elevated);z-index:100;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.mys-user-menu button{text-align:left;width:100%;font-size:var(--mys-text-body);color:var(--text-heritage);border-radius:6px;padding:8px 10px}.mys-user-menu button:hover{background:var(--surface-hover)}.mys-search-results{border-radius:var(--mys-radius-panel);background:var(--panel);height:100%;min-height:0;box-shadow:var(--shadow-panel);border:none;flex-direction:column;padding:12px 14px;display:flex;overflow:hidden}.mys-search-results .mys-gallery{flex:1 1 0;align-content:start;min-height:0;overflow:auto}.mys-search-results .mys-search-empty{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex}.mys-search-results .mys-gallery-foot{flex:none;margin-top:8px}.mys-gallery-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.mys-gallery-pager{gap:6px;display:flex}.mys-role-card.is-on{border:var(--mys-border-w) solid #a8794b;box-shadow:var(--shadow-elevated)}.mys-role-card{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.mys-perm-toggle{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px}.mys-perm-toggle:hover{background:var(--surface-hover)}.mys-kpi.is-clickable{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}.mys-kpi.is-clickable:hover{box-shadow:var(--shadow-elevated);border-color:#a8794b}.mys-event-list-btn{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.mys-event-list-row.is-clickable:hover{background:var(--surface-hover)}.mys-zone-chip.is-on{box-shadow:var(--shadow-control);border-color:#a8794b}button.mys-zone-chip{cursor:pointer;font:inherit}.mys-project-trigger{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;margin-top:8px;padding:0;display:flex}.mys-project-menu{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);box-shadow:var(--shadow-elevated);z-index:20;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.mys-project-card{position:relative}.mys-project-menu button{text-align:left;width:100%;font-size:var(--mys-text-tiny);color:var(--text-heritage);border-radius:6px;padding:8px 10px}.mys-project-menu button.is-active,.mys-project-menu button:hover{background:var(--surface-hover)}.mys-nav-group{flex-direction:column;gap:2px;display:flex}.mys-nav-sub{flex-direction:column;gap:2px;padding:0 0 4px 36px;display:flex}.mys-nav-sub-item{text-align:left;font-size:var(--mys-text-tiny);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px}.mys-nav-sub-item:hover{background:var(--surface-hover);color:var(--text-heritage)}.mys-nav-caret{opacity:.7;margin-left:auto;transition:transform .15s}.mys-nav-caret.is-open{transform:rotate(180deg)}.mys-policy-grid{grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.mys-policy-item{align-items:flex-start;gap:10px;display:flex}.mys-policy-icon{width:32px;height:32px;color:var(--bronze-dark);background:#f3eadc;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.mys-policy-label{font-size:var(--mys-text-tiny);color:var(--text-secondary);margin:0}.mys-policy-value{font-size:var(--mys-text-body);color:var(--text-heritage);margin:2px 0 0}.mys-storage-used{flex-direction:column;gap:4px;display:flex}.mys-face-db-foot{border-top:1px solid var(--border-light);margin-top:8px;padding-top:8px}.mys-section-foot{border-top:1px solid var(--border-light);flex-shrink:0;margin-top:auto;padding-top:8px}.mys-alert-actions .mys-btn{align-items:center;gap:6px;display:inline-flex}.mys-map-list .mys-result-btn span{display:block}.mys-toggle-row{min-height:36px;font-size:var(--mys-text-body);color:var(--text-heritage);justify-content:space-between;align-items:center;display:flex}.mys-gallery-card>div span{color:var(--text-secondary);font-size:var(--mys-text-event-sub);align-items:center;gap:4px;display:inline-flex}.mys-toggle-row span{align-items:center;gap:8px;display:inline-flex}.mys-toggle-row input{accent-color:var(--bronze)}.mys-zone-chip:before{content:"";background:#3f9b61;border-radius:999px;width:7px;height:7px}.mys-zone-chip.is-warn:before{background:#d79535}.mys-zone-chip.is-alert:before{background:var(--critical)}:root{--page:#fbf5eb;--sidebar:#fbf5eb;--surface:#fff;--panel:#fbf5eb;--surface-soft:#faf7f2;--surface-hover:#f6eee2;--surface-inset:#fdfbf7;--bronze:#a47645;--bronze-dark:#75502f;--bronze-deep:#5f4028;--bronze-light:#d9b98e;--bronze-soft:#efe1cf;--border:#e5d5c5;--border-light:#ede4da;--border-soft:#efe6dc;--text:#4a362d;--text-secondary:#8c7b70;--text-muted:#a3978b;--text-heritage:#4a362d;--nav:#5f5145;--toast-bg:#4a362d;--toast-fg:#fff;--chart-grid:#f0f3fa;--chart-grid-v:#f5f6fa;--chart-baseline:#d1d4dc;--heatmap-base:#f4eee4;--map-base:#f3eadc;--knob:#fff;--nav-grad-top:#ad8459;--nav-grad-bottom:#8f6338;--online:#3f9b61;--critical:#b53a26;--alert-detection:#e53935;--warning:#d79535;--person:#3979b9;--vehicle:#589b55;--purple:#8067b2;--shadow-rgb:139 94 60;--shadow-rgb-deep:74 58 43;--shadow-rgb-soft:128 82 40;--shadow-rgb-nav:176 132 91;--shadow-border-card:0 1px 3px rgb(var(--shadow-rgb-deep) / .08), 0 3px 8px rgb(var(--shadow-rgb-deep) / .075), 0 6px 16px rgb(var(--shadow-rgb-deep) / .065), 0 10px 28px rgb(var(--shadow-rgb) / .055);--shadow-camera-card:0 1px 2px rgb(var(--shadow-rgb-deep) / .07), 0 2px 6px rgb(var(--shadow-rgb-deep) / .08), 0 5px 14px rgb(var(--shadow-rgb-deep) / .07), 0 8px 24px rgb(var(--shadow-rgb) / .06);--shadow-border-panel:0 2px 4px rgb(var(--shadow-rgb-deep) / .05), 0 6px 16px rgb(var(--shadow-rgb-deep) / .07), 0 12px 28px rgb(var(--shadow-rgb-deep) / .06), 0 16px 40px rgb(var(--shadow-rgb) / .05);--shadow-border-control:0 1px 2px rgb(var(--shadow-rgb-deep) / .04), 0 3px 10px rgb(var(--shadow-rgb-deep) / .06), 0 6px 18px rgb(var(--shadow-rgb) / .05);--shadow-border-stage:0 2px 6px rgb(var(--shadow-rgb-deep) / .05), 0 8px 22px rgb(var(--shadow-rgb-deep) / .075), 0 14px 36px rgb(var(--shadow-rgb-deep) / .065), 0 20px 48px rgb(var(--shadow-rgb) / .05);--shadow-nav-active:0 4px 12px rgb(var(--shadow-rgb) / .19), 0 8px 22px -3px rgb(var(--shadow-rgb) / .21), 0 12px 32px -6px rgb(var(--shadow-rgb-deep) / .1);--shadow-control-inset:inset 0 1px 2px rgb(var(--shadow-rgb-deep) / .025), inset 0 2px 4px rgb(var(--shadow-rgb) / .02);--shadow-elevated:var(--shadow-nav-active);--shadow-card:var(--shadow-border-card);--shadow-panel:var(--shadow-border-panel);--shadow-control:var(--shadow-border-control);--shadow-stage:var(--shadow-border-stage);--shadow-project:0 2px 6px rgb(var(--shadow-rgb-deep) / .05), 0 4px 14px rgb(var(--shadow-rgb-deep) / .07), 0 8px 24px rgb(var(--shadow-rgb) / .06);--mys-ref-w:1672;--mys-ref-h:941;--mys-sidebar-w:250px;--mys-panel-w:370px;--mys-workspace-gap:16px;--mys-cam-cols:4;--mys-main-pt:24px;--mys-main-pr:16px;--mys-main-pb:18px;--mys-main-pl:24px;--mys-grid-gap:6px;--mys-shadow-bleed:16px;--mys-border-w:1.5px;--mys-radius-control:9px;--mys-radius-card:10px;--mys-radius-panel:12px;--mys-radius-stage:16px;--mys-text-brand:23px;--mys-text-brand-sub:19px;--mys-text-title:26px;--mys-text-nav:13px;--mys-text-body:12px;--mys-text-meta:11px;--mys-text-panel:17px;--mys-text-camera:12.5px;--mys-text-event:12.5px;--mys-text-event-sub:10px;--mys-text-metric:15px;--mys-text-metric-sub:9px;--mys-text-live:15px;--mys-text-tiny:10px;--mys-text-micro:9px;--mys-h-nav:45px;--mys-h-search:43px;--mys-h-filter:41px;--mys-h-layout:40px;--mys-h-camera-hdr:31px;--mys-h-page-btn:40px;--mys-h-live:39px;--font-ui:Inter, "Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--page:#1a1510;--sidebar:#1d1712;--surface:#2b231c;--panel:#231c16;--surface-soft:#241e18;--surface-hover:#3a2e24;--surface-inset:#1c1713;--bronze:#c9a06a;--bronze-dark:#e8d4b4;--bronze-deep:#d4b48a;--bronze-light:#8a6a45;--bronze-soft:#3d2f24;--border:#4a3b30;--border-light:#3d3128;--border-soft:#3a2e24;--text:#f0e6d8;--text-secondary:#c4b5a6;--text-muted:#9a8b7c;--text-heritage:#f3eadc;--nav:#c4b5a6;--toast-bg:#efe1cf;--toast-fg:#1a1510;--chart-grid:#3a322b;--chart-grid-v:#332c26;--chart-baseline:#4a4038;--heatmap-base:#2a221b;--map-base:#1c1712;--knob:#f3eadc;--online:#4cba74;--critical:#e06a58;--alert-detection:#ef5350;--warning:#e0a84a;--shadow-rgb:8 5 3;--shadow-rgb-deep:0 0 0;--shadow-rgb-soft:12 8 4}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--nav-grad-top) var(--border-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--border-soft);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--nav-grad-top) 0%,var(--nav-grad-bottom) 100%);border:2px solid var(--border-soft);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b89060,#9a6d3e)}::-webkit-scrollbar-corner{background:var(--border-soft)}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}.mys-app{grid-template-columns:var(--mys-sidebar-w) minmax(0,1fr);background:var(--page);height:100dvh;max-height:100dvh;transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.mys-workspace{grid-template-columns:minmax(0,1fr) var(--mys-panel-w);column-gap:var(--mys-workspace-gap);min-width:0;height:100dvh;max-height:100dvh;padding:var(--mys-main-pt) var(--mys-main-pr) var(--mys-main-pb) var(--mys-main-pl);background:var(--page);grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:visible}.mys-header{grid-area:1/1}.mys-right-header-row{grid-area:1/2}.mys-toolbar{grid-area:2/1}.mys-right-meta{grid-area:2/2}.mys-main-body{flex-direction:column;grid-area:3/1;min-width:0;min-height:0;margin:0 -6px -6px;padding:6px;display:flex;overflow:visible}.mys-camera-stage{width:100%;min-width:0;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;padding:4px 4px 0;display:flex;overflow:visible}.mys-sidebar{background:var(--sidebar);border-right:var(--mys-border-w) solid var(--border);flex-direction:column;min-width:0;height:100dvh;max-height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}.mys-sidebar-inner{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;min-height:0;padding:26px 18px 20px;display:flex}.mys-sidebar-dock{top:50%;left:var(--mys-sidebar-w);z-index:45;width:18px;height:108px;color:var(--bronze-dark);background:linear-gradient(165deg,var(--surface) 0%,var(--bronze-soft) 52%,var(--bronze-light) 100%);border:var(--mys-border-w) solid var(--border);box-shadow:0 2px 6px rgb(var(--shadow-rgb-deep) / .16),0 8px 18px rgb(var(--shadow-rgb) / .14),inset 0 1px #ffffff47;cursor:pointer;border-radius:999px;place-items:center;margin:0;padding:0;transition:left .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),background .18s,color .18s;display:grid;position:fixed;transform:translate(-50%,-50%)}.mys-sidebar-dock:before{content:"";position:absolute;top:-14px;right:-10px;bottom:-14px;left:-10px}.mys-sidebar-dock.is-collapsed{color:#fff;background:linear-gradient(180deg,var(--nav-grad-top) 0%,var(--nav-grad-bottom) 100%);border-color:#784b2661;left:10px;transform:translateY(-50%)}@media(hover:hover){.mys-sidebar-dock:hover{background:linear-gradient(165deg,var(--surface-hover) 0%,var(--bronze-soft) 48%,var(--bronze-light) 100%)}.mys-sidebar-dock.is-collapsed:hover{background:linear-gradient(#b89060,#9a6d3e)}}.mys-sidebar-dock:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}@media(min-width:768px){.mys-sidebar-inner{width:100%;min-width:var(--mys-sidebar-w)}.mys-app.is-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.mys-app.is-sidebar-collapsed .mys-sidebar{pointer-events:none;border-right-width:0;overflow:hidden}}.mys-nav{min-height:0;padding:8px var(--mys-shadow-bleed) 8px;margin:0 calc(var(--mys-shadow-bleed) * -1);flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden auto}.mys-brand{align-items:center;gap:12px;height:72px;padding:0 14px;display:flex}.mys-brand-mark{color:var(--bronze-dark);justify-content:center;align-items:center;display:flex}.mys-brand-title{font-family:var(--font-heritage);font-size:var(--mys-text-brand);letter-spacing:.04em;color:var(--text-heritage);font-weight:700;line-height:1.05}.mys-brand-subtitle{font-size:var(--mys-text-brand-sub);letter-spacing:.08em;color:var(--bronze);margin-top:5px;font-weight:600}.mys-nav-item svg{flex-shrink:0;width:1.25em;height:1.25em}.mys-filter svg{flex-shrink:0;width:1.1em;height:1.1em}.mys-layout-button svg,.mys-page-button svg{width:1.15em;height:1.15em}.mys-camera-count svg{width:1em;height:1em}.mys-search svg{flex-shrink:0;width:1.2em;height:1.2em}.mys-icon-button svg{width:1.15em;height:1.15em}.mys-cam-icon-btn svg{width:1em;height:1em}.mys-user svg{width:1.15em;height:1.15em}.mys-avatar svg{width:1.5em;height:1.5em}.mys-event-icon svg,.mys-metric svg{width:1.15em;height:1.15em}.mys-view-all svg{width:1em;height:1em}.mys-nav-item{width:100%;height:var(--mys-h-nav);border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid transparent;color:var(--nav);font-size:var(--mys-text-nav);text-align:left;flex:none;align-items:center;gap:13px;padding:0 14px;font-weight:450;transition:background .15s,color .15s,border .15s;display:flex}@media(hover:hover){.mys-nav-item:hover:not(.mys-nav-active){background:var(--surface-hover);color:var(--bronze-dark)}}.mys-nav-active{z-index:1;color:#fff;background:linear-gradient(180deg,var(--nav-grad-top) 0%,var(--nav-grad-bottom) 100%);box-shadow:none;border-color:#784b2661;font-weight:600;position:relative}.mys-nav-item.mys-nav-active:hover,.mys-nav-item.mys-nav-active:focus,.mys-nav-item.mys-nav-active:active{color:#fff;background:linear-gradient(180deg,var(--nav-grad-top) 0%,var(--nav-grad-bottom) 100%);box-shadow:none;filter:none;border-color:#784b2661}.mys-sidebar-bottom{z-index:2;padding:12px var(--mys-shadow-bleed) 12px;margin-top:4px;margin-left:calc(var(--mys-shadow-bleed) * -1);margin-right:calc(var(--mys-shadow-bleed) * -1);flex:none;position:relative;overflow:hidden}.mys-project-card{z-index:2;border-radius:var(--mys-radius-card);background:var(--surface);border:var(--mys-border-w) solid var(--border);box-shadow:var(--shadow-project);margin:0 2px;padding:13px 14px;position:relative}.mys-project-label{font-size:var(--mys-text-meta);color:var(--text-muted)}.mys-project-name{font-size:calc(var(--mys-text-nav) + .5px);color:var(--text);font-weight:500}.mys-sidebar-sketch{z-index:0;pointer-events:none;opacity:.85;background-image:url(/images/sidebar-watermark.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;height:160px;position:absolute;bottom:0;left:0;right:0}.mys-copyright{z-index:2;font-size:var(--mys-text-micro);color:var(--text-muted);margin-top:28px;line-height:1.8;position:relative}.mys-header{flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;min-height:48px;margin:-4px -8px 0;padding:4px 8px 10px;display:flex;overflow:visible}.mys-header .mys-menu-button{flex-shrink:0}.mys-page-title{font-family:var(--font-heritage);font-size:var(--mys-text-title);letter-spacing:.01em;color:var(--text-heritage);white-space:nowrap;margin:0;font-weight:700;line-height:1}.mys-online-status,.mys-system-good{font-size:var(--mys-text-meta);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.mys-online-dot,.mys-camera-online-dot{background:var(--online);border-radius:999px;flex:none;width:9px;height:9px}.mys-camera-online-dot{width:8px;height:8px}.mys-camera-online-dot.is-off{background:var(--critical)}.mys-header-actions{z-index:40;flex:none;justify-content:flex-end;align-items:center;gap:9px;display:flex;position:relative}.mys-user-wrap{flex-shrink:0;position:relative}.mys-search{width:300px;max-width:100%;height:var(--mys-h-search);border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);color:var(--text-secondary);box-shadow:none;flex:0 0 300px;align-items:center;gap:10px;padding:0 14px;display:flex}.mys-search input{width:100%;min-width:0;color:var(--text);font-size:var(--mys-text-body);background:0 0;border:0;outline:none}.mys-search input::placeholder{color:var(--text-muted)}.mys-icon-button,.mys-menu-button{width:39px;height:39px;color:var(--text);border-radius:999px;place-items:center;display:grid;position:relative}.mys-icon-button-square{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);box-shadow:var(--shadow-control)}.mys-menu-button{display:none}@media(hover:hover){.mys-icon-button:hover,.mys-menu-button:hover{background:var(--surface-hover)}}.mys-theme-toggle[aria-pressed=true]{color:var(--bronze);background:var(--surface-hover)}.mys-notification-badge{color:#fff;min-width:18px;height:18px;font-size:var(--mys-text-micro);border:2px solid var(--page);background:#d8432f;border-radius:999px;place-items:center;padding:0 4px;font-weight:700;display:grid;position:absolute;top:-3px;right:-1px}.mys-notif-wrap{flex-shrink:0;position:relative}.mys-notif-wrap>.mys-icon-button.is-on{color:var(--bronze-dark);background:var(--bronze-soft)}.mys-notif-panel{z-index:120;border-radius:var(--mys-radius-card);border:var(--mys-border-w) solid var(--border);background:var(--surface);width:min(380px,100vw - 24px);height:500px;box-shadow:var(--shadow-elevated);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.mys-notif-head{border-bottom:var(--mys-border-w) solid var(--border);flex:none;padding:14px 14px 10px}.mys-notif-title{font-family:var(--font-heritage);color:var(--text-heritage);margin:0 0 10px;font-size:1.35rem;font-weight:700;line-height:1.2}.mys-notif-tabs{gap:6px;display:flex}.mys-notif-tab{border:var(--mys-border-w) solid transparent;height:30px;color:var(--text-secondary);font-size:var(--mys-text-body);background:0 0;border-radius:999px;padding:0 12px;font-weight:600}.mys-notif-tab.is-on{color:var(--bronze-dark);background:var(--bronze-soft);border-color:var(--border)}@media(hover:hover){.mys-notif-tab:hover:not(.is-on){background:var(--surface-hover)}}.mys-notif-scroll{flex:auto;min-height:0;padding:4px 0 8px;overflow-y:auto}.mys-notif-section+.mys-notif-section{margin-top:4px}.mys-notif-section-head{color:var(--text-heritage);font-size:var(--mys-text-body);justify-content:space-between;align-items:center;gap:8px;padding:8px 14px 4px;font-weight:700;display:flex}.mys-notif-see-all{color:var(--bronze-dark);font-size:var(--mys-text-meta);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}@media(hover:hover){.mys-notif-see-all:hover{text-decoration:underline}}.mys-notif-list{margin:0;padding:0;list-style:none}.mys-notif-row{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr) 12px;align-items:start;gap:10px;padding:10px 14px;display:grid}@media(hover:hover){.mys-notif-row:hover{background:var(--surface-hover)}}.mys-notif-row.is-unread{background:var(--bronze-soft)}@supports (color:color-mix(in lab,red,red)){.mys-notif-row.is-unread{background:color-mix(in srgb,var(--bronze-soft) 55%,transparent)}}.mys-notif-avatar-wrap{flex:none;width:48px;height:48px;position:relative}.mys-notif-avatar{object-fit:cover;border:var(--mys-border-w) solid var(--border);background:var(--bronze-soft);border-radius:999px;width:48px;height:48px}.mys-notif-badge-icon{border:2px solid var(--surface);color:#fff;border-radius:999px;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-2px;right:-2px}.mys-notif-badge-icon.mys-event-tone-blue{background:#3f7ab0}.mys-notif-badge-icon.mys-event-tone-green{background:#3f9b61}.mys-notif-badge-icon.mys-event-tone-red{background:var(--critical)}.mys-notif-badge-icon.mys-event-tone-orange{background:#c47a2c}.mys-notif-badge-icon.mys-event-tone-amber{background:#b8860b}.mys-notif-badge-icon.mys-event-tone-purple{background:#7a5a8a}.mys-notif-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.mys-notif-copy strong{color:var(--text-heritage);font-size:var(--mys-text-body);font-weight:700;line-height:1.3}.mys-notif-copy>span{color:var(--text-secondary);font-size:var(--mys-text-meta);line-height:1.35}.mys-notif-copy time{color:var(--bronze-dark);font-size:var(--mys-text-tiny);font-weight:600}.mys-notif-dot{background:var(--bronze);border-radius:999px;justify-self:end;width:10px;height:10px;margin-top:6px}.mys-notif-empty{color:var(--text-secondary);font-size:var(--mys-text-body);text-align:center;margin:24px 14px}.mys-notif-foot{border-top:var(--mys-border-w) solid var(--border);flex:none;padding:8px 10px 10px}.mys-notif-foot-btn{border-radius:var(--mys-radius-control);background:var(--bronze-soft);width:100%;height:36px;color:var(--bronze-dark);font-size:var(--mys-text-body);cursor:pointer;border:0;font-weight:700}@media(hover:hover){.mys-notif-foot-btn:hover{background:var(--bronze-soft)}@supports (color:color-mix(in lab,red,red)){.mys-notif-foot-btn:hover{background:color-mix(in srgb,var(--bronze-soft) 70%,var(--bronze-light))}}}.mys-user{font-size:var(--mys-text-body);color:var(--text);flex-shrink:0;align-items:center;gap:8px;padding-left:4px;display:flex}.mys-avatar{background:var(--bronze-soft);border:var(--mys-border-w) solid var(--border);border-radius:999px;flex:none;place-items:center;width:40px;height:40px;display:grid}.mys-divider{color:var(--border)}.mys-meta-row{color:var(--text-secondary);font-size:var(--mys-text-meta);white-space:nowrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.mys-toolbar{z-index:8;align-items:center;gap:16px;min-height:51px;margin:0 -8px;padding:6px 8px 12px;display:flex;position:relative;overflow:visible}.mys-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.mys-filter-wrap{min-width:176px;position:relative}.mys-filter-wrap>.mys-filter{width:100%}.mys-filter{min-width:176px;height:var(--mys-h-filter);border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);color:var(--text);font-size:var(--mys-text-body);box-shadow:var(--shadow-control);align-items:center;gap:8px;padding:0 13px;display:flex}.mys-filter>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mys-filter.is-open{border-color:#c4a07a}.mys-filter-caret{opacity:.7;flex-shrink:0;margin-left:auto;transition:transform .15s}.mys-filter-caret.is-open{transform:rotate(180deg)}.mys-filter-menu{z-index:12;border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);min-width:100%;max-height:min(320px,50vh);box-shadow:var(--shadow-panel);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.mys-filter-menu.is-fixed{min-width:0;position:fixed;top:auto;left:auto}.mys-filter-menu li{margin:0}.mys-filter-option{text-align:left;width:100%;color:var(--text);font-size:var(--mys-text-body);white-space:nowrap;border-radius:7px;align-items:center;padding:8px 10px;display:flex}.mys-filter-option:hover,.mys-filter-option.is-active{background:var(--panel);color:var(--text-heritage)}.mys-filter-option.is-active{font-weight:600}.mys-layout-controls{align-items:center;gap:4px;margin-left:2px;display:flex}.mys-layout-controls .mys-layout-button:not(.mys-layout-fav){border-right:0;border-radius:0}.mys-layout-controls .mys-layout-button:first-child{border-radius:var(--mys-radius-control) 0 0 var(--mys-radius-control)}.mys-layout-controls .mys-layout-button:nth-child(3){border-right:var(--mys-border-w) solid var(--border);border-radius:0 var(--mys-radius-control) var(--mys-radius-control) 0}.mys-layout-controls .mys-layout-fav{margin-left:4px}.mys-layout-button{width:var(--mys-h-layout);height:var(--mys-h-layout);border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-control);place-items:center;display:grid}.mys-layout-active,.mys-layout-fav.is-on{color:#fff;box-shadow:var(--shadow-elevated);background:linear-gradient(135deg,#9f6b3d,#b98b59);border-color:#a8794b}.mys-camera-grid{grid-template-columns:repeat(var(--mys-cam-cols),minmax(0,1fr));grid-template-rows:repeat(var(--mys-cam-rows,var(--mys-cam-cols)),minmax(0,1fr));gap:var(--mys-grid-gap);flex:1 1 0;grid-auto-rows:minmax(0,1fr);align-content:stretch;min-width:0;min-height:0;margin:-16px -16px 0;padding:16px 16px 18px;display:grid;overflow:visible}.mys-camera-empty{min-height:0;color:var(--text-secondary);font-size:var(--mys-text-body);text-align:center;flex:1 1 0;place-items:center;padding:24px 32px;line-height:1.5;display:grid}.mys-camera-card{border-radius:var(--mys-radius-card);background:var(--surface);min-width:0;height:100%;min-height:0;box-shadow:var(--shadow-camera-card);border:none;flex-direction:column;display:flex;position:relative;overflow:visible}.mys-camera-card-open{z-index:1;border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0}.mys-camera-card.is-clickable .mys-camera-card-header{z-index:2;pointer-events:none;position:relative}.mys-camera-card.is-clickable .mys-camera-fav{pointer-events:auto}.mys-bordered-surface{border:var(--mys-border-w) solid var(--border);box-shadow:var(--shadow-card);background:var(--surface)}.mys-camera-card-header{height:var(--mys-h-camera-hdr);color:var(--text-heritage);font-size:var(--mys-text-camera);background:var(--surface);border-radius:var(--mys-radius-card) var(--mys-radius-card) 0 0;flex:none;justify-content:space-between;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:flex}.mys-camera-card-meta{flex-shrink:0;align-items:center;gap:4px;display:flex}.mys-camera-fav{width:22px;height:22px;color:var(--text-muted);border-radius:6px;place-items:center;display:grid}.mys-camera-fav:not(.is-on){opacity:0}.mys-camera-card:hover .mys-camera-fav:not(.is-on),.mys-camera-fav:focus-visible{opacity:1}.mys-camera-fav:hover{color:var(--bronze);background:var(--panel)}.mys-camera-fav.is-on{color:var(--bronze)}.mys-camera-fav svg{width:.95em;height:.95em}.mys-camera-count{color:var(--text-secondary);font-size:var(--mys-text-meta);align-items:center;gap:3px;font-weight:500;display:flex}.mys-camera-image-wrap{background:var(--surface-hover);border-radius:0;flex:1 1 0;width:100%;min-height:0;overflow:hidden}.mys-camera-image-wrap.is-off,.mys-cam-feed.is-off{background:#0a0a0a}.mys-camera-offline{color:#ffffff73;width:100%;height:100%;min-height:80px;font-size:var(--mys-text-meta);letter-spacing:.02em;-webkit-user-select:none;user-select:none;background:#000;place-items:center;font-weight:600;display:grid}.mys-cam-feed.is-off .mys-camera-offline{font-size:var(--mys-text-body);position:absolute;top:0;right:0;bottom:0;left:0}.mys-camera-transport{z-index:2;border-top:var(--mys-border-w) solid var(--border);background:var(--surface);border-radius:0 0 var(--mys-radius-card) var(--mys-radius-card);flex:none;padding:5px 6px 6px;position:relative}.mys-camera-transport-head{justify-content:space-between;align-items:baseline;gap:4px;min-width:0;margin-bottom:4px;display:flex}.mys-camera-transport-head h4{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-heritage);font-size:var(--mys-text-micro);margin:0;font-weight:700;overflow:hidden}.mys-camera-transport-head time{color:var(--bronze-dark);font-size:var(--mys-text-micro);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.mys-camera-transport .mys-cam-transport{flex-wrap:wrap;gap:4px;margin-bottom:0}.mys-camera-transport .mys-cam-icon-btn{width:22px;height:22px}.mys-camera-transport .mys-cam-icon-btn.is-play{width:24px;height:24px}.mys-camera-transport .mys-cam-icon-btn svg{width:.9em;height:.9em}.mys-camera-transport .mys-btn{height:22px;font-size:var(--mys-text-micro);white-space:nowrap;gap:3px;margin:0;padding:0 5px;font-weight:600}.mys-camera-transport .mys-btn svg{flex-shrink:0;width:.95em;height:.95em}.mys-camera-transport .mys-cam-actions{gap:2px;margin-left:auto}.mys-camera-transport .mys-cam-actions .mys-cam-icon-btn{width:22px;height:22px;box-shadow:none;color:var(--bronze-dark);background:0 0;border:none}.mys-camera-transport .mys-cam-actions .mys-cam-icon-btn:hover{color:var(--text-heritage);background:#9f6b3d1a}.mys-camera-transport .mys-cam-actions .mys-cam-icon-btn.is-recording{color:var(--critical)}.mys-camera-transport .mys-cam-actions .mys-cam-icon-btn svg{width:.95em;height:.95em}.mys-camera-image{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}@media(hover:hover){.mys-camera-card:hover .mys-camera-image{transform:scale(1.015)}.mys-camera-card.is-clickable:hover{box-shadow:0 0 0 1px var(--bronze-light),var(--shadow-camera-card)}}.mys-camera-card.is-highlighted{box-shadow:0 0 0 2px var(--bronze),0 0 0 4px var(--bronze-soft),var(--shadow-camera-card)}.mys-cam-viewer-root{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.mys-cam-viewer-backdrop{background:#4a3a2b61;border:0;position:absolute;top:0;right:0;bottom:0;left:0}.mys-cam-viewer{z-index:1;border-radius:var(--mys-radius-panel);border:var(--mys-border-w) solid var(--border);background:var(--surface);width:min(1120px,100%);height:min(820px,100dvh - 40px);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-stage);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.mys-cam-viewer-head{border-bottom:var(--mys-border-w) solid var(--border);background:var(--panel);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 16px;display:flex}.mys-cam-viewer-id{align-items:center;gap:10px;min-width:0;display:flex}.mys-cam-viewer-id .mys-panel-title{font-size:15px;line-height:1.1}.mys-cam-viewer-name{color:var(--text-heritage);font-size:var(--mys-text-body);margin:2px 0 0;font-weight:600}.mys-cam-viewer-tools{flex-shrink:0;align-items:center;gap:6px;display:flex}.mys-cam-viewer .mys-camera-fav,.mys-cam-viewer .mys-camera-fav:not(.is-on){opacity:1;width:32px;height:32px}.mys-cam-live-pill{border:var(--mys-border-w) solid var(--border);background:var(--surface);color:#3d8756;height:26px;font-size:var(--mys-text-tiny);letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:700;display:inline-flex}.mys-cam-live-pill i{background:var(--online);border-radius:999px;width:7px;height:7px}.mys-cam-live-pill.is-play{color:var(--bronze-dark)}.mys-cam-live-pill.is-play i{background:var(--bronze)}.mys-cam-icon-btn{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--bronze-dark);box-shadow:var(--shadow-control);place-items:center;display:grid}.mys-cam-icon-btn:hover{background:var(--surface-hover)}.mys-cam-icon-btn.is-play{color:#fff;width:38px;height:38px;box-shadow:var(--shadow-elevated);background:linear-gradient(135deg,#9f6b3d,#b98b59);border-color:#a8794b}.mys-cam-viewer-body{flex:1 1 0;grid-template-columns:minmax(0,1fr) 248px;min-height:0;display:grid}.mys-cam-viewer-stage{min-width:0;min-height:0;padding:12px;display:flex}.mys-cam-history{border-left:var(--mys-border-w) solid var(--border);background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.mys-cam-history-head{border-bottom:var(--mys-border-w) solid var(--border);flex:none;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 14px 10px;display:flex}.mys-cam-history-head .mys-panel-title{font-size:14px;line-height:1.2}.mys-cam-history-count{color:var(--text-muted);font-size:var(--mys-text-micro);font-variant-numeric:tabular-nums;white-space:nowrap}.mys-cam-history-list{flex:1 1 0;min-height:0;margin:0;padding:6px 8px 10px;list-style:none;overflow:auto}.mys-cam-history-list>li{display:block}.mys-cam-history-empty{color:var(--text-muted);font-size:var(--mys-text-body);text-align:center;padding:16px 10px}.mys-cam-history-item{border-radius:var(--mys-radius-control);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:9px 8px;display:flex}.mys-cam-history-item:hover{background:var(--surface-hover)}.mys-cam-history-item.is-active{background:var(--surface);box-shadow:var(--shadow-control)}.mys-cam-history-item .mys-pill{font-size:var(--mys-text-micro);flex-shrink:0}.mys-cam-history-time{min-width:52px;color:var(--bronze-dark);font-size:var(--mys-text-micro);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.mys-cam-history-copy{flex:1 1 0;min-width:0}.mys-cam-history-copy strong{color:var(--text-heritage);font-size:var(--mys-text-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.mys-cam-history-item.is-critical .mys-cam-history-time{color:var(--critical)}.mys-cam-history-item.is-warn .mys-cam-history-time{color:#a8794b}.mys-cam-feed{border-radius:var(--mys-radius-card);background:#191815;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.mys-cam-feed img{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:filter .25s}.mys-cam-feed-hud{color:#fff;font-size:var(--mys-text-tiny);text-shadow:0 1px 3px #000000a6;justify-content:space-between;gap:8px;display:flex;position:absolute;inset:auto 10px 10px}.mys-cam-rec-dot{background:var(--critical);color:#fff;height:22px;font-size:var(--mys-text-micro);letter-spacing:.08em;border-radius:6px;place-items:center;padding:0 8px;font-weight:700;display:grid;position:absolute;top:10px;right:10px}.mys-cam-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.mys-cam-actions .mys-btn{height:32px;margin:0}.mys-cam-day-head h3{color:var(--text-heritage);font-size:var(--mys-text-body);margin:0;font-weight:700}.mys-cam-day{border-top:var(--mys-border-w) solid var(--border);background:var(--surface);flex:none;padding:10px 16px 14px}.mys-cam-day-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.mys-cam-day-head strong{color:var(--bronze-dark);font-size:var(--mys-text-body);font-variant-numeric:tabular-nums}.mys-cam-transport{align-items:center;gap:8px;margin-bottom:10px;display:flex}.mys-cam-transport .mys-btn{height:32px;margin:0}.mys-cam-transport .mys-btn.is-on{color:#fff;box-shadow:var(--shadow-elevated);background:linear-gradient(135deg,#9f6b3d,#b98b59);border-color:#a8794b}.mys-cam-day-track{height:18px;margin-top:12px;position:relative}.mys-cam-day-track:before{content:"";z-index:0;background:var(--surface-inset);border:1px solid var(--border);pointer-events:none;border-radius:999px;height:10px;position:absolute;top:4px;left:0;right:0}.mys-cam-day-rec{z-index:1;width:var(--live-pct);pointer-events:none;background:linear-gradient(90deg,#d9b98e,#9f6b3d);border-radius:999px;height:10px;display:block;position:absolute;top:4px;left:0;box-shadow:inset 0 0 0 1px #5f40281f}.mys-cam-day-mark{z-index:3;background:var(--bronze);pointer-events:auto;border:0;border-radius:2px;width:6px;height:10px;margin-left:-3px;position:absolute;top:4px}.mys-cam-day-mark.is-critical{background:var(--critical)}.mys-cam-day-mark.is-warn{background:var(--warning)}.mys-cam-day-mark.is-ok{background:var(--online)}.mys-cam-day-mark.is-alert-focus{background:var(--critical);z-index:5;border-radius:2px;width:3px;height:18px;margin-left:-1.5px;top:-2px;box-shadow:0 0 0 2px #b53a2647,0 2px 8px #b53a2659}.mys-cam-day-alert-line{z-index:4;background:var(--critical);pointer-events:none;border-radius:1px;width:2px;height:22px;margin-left:-1px;position:absolute;top:-6px;box-shadow:0 0 0 2px #b53a2638,0 0 10px #b53a2673}.mys-cam-seek{z-index:2;cursor:pointer;accent-color:#9f6b3d;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;width:100%;height:10px;margin:0;padding:0;position:absolute;top:4px;left:0;right:0}.mys-cam-seek::-webkit-slider-runnable-track{background:0 0;border:0;height:10px}.mys-cam-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--knob);box-sizing:border-box;border:2px solid #9f6b3d;border-radius:999px;width:16px;height:16px;margin-top:-3px;box-shadow:0 1px 4px #4a3a2b59}.mys-cam-seek::-moz-range-track{background:0 0;border:0;height:10px}.mys-cam-seek::-moz-range-thumb{background:var(--knob);box-sizing:border-box;border:2px solid #9f6b3d;border-radius:999px;width:16px;height:16px;box-shadow:0 1px 4px #4a3a2b59}.mys-cam-day-labels{color:var(--text-muted);font-size:var(--mys-text-micro);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;display:flex}@media(max-width:1023px){.mys-cam-viewer{max-height:calc(100dvh - 16px)}.mys-cam-viewer-body{grid-template-columns:1fr;overflow:auto}.mys-cam-history{border-left:0;border-top:var(--mys-border-w) solid var(--border);max-height:220px}.mys-cam-viewer-stage{min-height:220px;padding:12px}.mys-cam-feed{aspect-ratio:16/9;height:auto}.mys-cam-actions{width:100%;margin-left:0}}@media(max-width:767px){.mys-cam-viewer-root{padding:0}.mys-cam-viewer{border-radius:0;width:100%;max-height:100dvh}.mys-cam-viewer-head{flex-wrap:wrap;min-height:0}}.mys-pagination-row{z-index:1;flex:none;justify-content:center;align-items:center;gap:7px;min-height:56px;margin-top:4px;display:flex;position:relative}.mys-page-button{width:var(--mys-h-page-btn);height:var(--mys-h-page-btn);border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);color:var(--text);font-size:calc(var(--mys-text-nav) + .5px);box-shadow:var(--shadow-control);place-items:center;display:grid}.mys-page-button:disabled{opacity:.4;cursor:default}.mys-page-cluster{align-items:center;gap:7px;display:flex}.mys-page-ellipsis{color:var(--text-secondary);font-size:var(--mys-text-body);line-height:1}.mys-page-current{color:#fff;box-shadow:var(--shadow-elevated);background:linear-gradient(135deg,#9d683b,#b88451);border-color:#ac7e51}.mys-live-badge{height:var(--mys-h-live);border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);color:#3d8756;font-size:var(--mys-text-live);box-shadow:var(--shadow-control);align-items:center;gap:8px;padding:0 15px;font-weight:600;display:flex;position:absolute;right:0}.mys-right-panel{min-width:0;min-height:0;padding:12px var(--mys-shadow-bleed) 20px;margin:-4px calc(var(--mys-shadow-bleed) * -1) calc(var(--mys-shadow-bleed) * -1);background:0 0;flex-direction:column;grid-area:3/2;gap:12px;display:flex;overflow:hidden}.mys-right-panel>.mys-panel{min-height:0}.mys-right-panel>.mys-alert-panel{flex:1 1 0;min-height:0}.mys-right-header-row{justify-content:flex-end;justify-self:end;align-items:center;gap:9px;width:max-content;min-width:0;max-width:100%;min-height:48px;margin:-4px -8px 0;padding:4px 8px 10px;display:flex;overflow:visible}.mys-right-header-row .mys-search{flex:0 0 300px;width:300px;min-width:0;max-width:300px}.mys-right-meta{justify-content:flex-end;align-items:center;min-width:0;min-height:51px;margin:0 -8px;padding:6px 8px 12px;display:flex;overflow:visible}.mys-right-meta .mys-meta-row{min-height:28px}.mys-panel{border-radius:var(--mys-radius-panel);border:var(--mys-border-w) solid var(--border);background:var(--panel);box-shadow:var(--shadow-panel)}.mys-panel-title{font-family:var(--font-heritage);color:var(--text-heritage);font-size:var(--mys-text-panel);letter-spacing:.02em;margin:0;font-weight:700}.mys-panel-header{justify-content:space-between;align-items:center;gap:10px;height:42px;display:flex}.mys-view-all{color:var(--bronze);font-size:var(--mys-text-tiny);align-items:center;gap:2px;display:flex}.mys-alert-panel{flex-direction:column;min-height:0;padding:12px;display:flex;overflow:hidden}.mys-alert-list{flex-direction:column;flex:1 1 0;gap:10px;min-height:0;margin-top:9px;padding-right:2px;display:flex;overflow-y:auto}.mys-alert-card{width:100%;font:inherit;text-align:left;cursor:pointer;border-radius:var(--mys-radius-control);background:0 0;border:none;flex:none;padding:0;transition:box-shadow .2s,transform .2s;display:block}.mys-alert-card:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}@media(hover:hover){.mys-alert-card:hover{box-shadow:var(--shadow-control)}.mys-alert-card:hover .mys-alert-preview img{filter:brightness(.55)contrast(1.15)saturate(.9)}}.mys-alert-card.is-active .mys-alert-info{border-color:var(--bronze);background:linear-gradient(180deg,var(--panel) 0%,var(--bronze-soft) 100%)}.mys-alert-card.is-active .mys-alert-preview{box-shadow:inset 0 0 0 2px var(--bronze)}.mys-alert-preview{aspect-ratio:16/8.8;border-radius:var(--mys-radius-control) var(--mys-radius-control) 0 0;box-shadow:var(--shadow-card);background:#191815;margin-top:0;position:relative;overflow:hidden}.mys-alert-preview img{object-fit:cover;object-position:center 40%;filter:brightness(.45)contrast(1.15)saturate(.85);width:100%;height:100%}.mys-alert-badge{background:var(--critical);color:#fff;font-size:var(--mys-text-tiny);border-radius:6px;padding:4px 9px;font-weight:500;position:absolute;top:9px;left:9px}.mys-alert-time{color:#fff;font-size:var(--mys-text-meta);text-shadow:0 1px 3px #0009;font-weight:500;position:absolute;top:10px;right:10px}.mys-detection-box{border:2.5px solid var(--alert-detection);width:35px;height:68px;position:absolute;top:42%;left:54%}.mys-alert-info{border:var(--mys-border-w) solid var(--border);border-radius:0 0 var(--mys-radius-control) var(--mys-radius-control);background:var(--panel);font-size:var(--mys-text-body);color:var(--text-heritage);border-top:0;flex-direction:column;gap:5px;padding:10px 11px;display:flex}.mys-alert-header{align-items:center;gap:7px;min-width:0;display:flex}.mys-alert-header-icon{width:20px;height:20px;color:var(--critical);background:#f5e8e5;border-radius:999px;flex:none;place-items:center;display:grid}.mys-alert-camera-name{letter-spacing:.01em;min-width:0;font-weight:700;line-height:1.3}.mys-alert-meta-row{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.mys-alert-event-type{min-width:0;color:var(--text-secondary);font-size:var(--mys-text-body);line-height:1.35}.mys-alert-zone{color:var(--text-secondary);font-size:var(--mys-text-meta);text-align:right;white-space:nowrap;flex:none;line-height:1.35}.mys-alert-staff-row{color:var(--text-secondary);font-size:var(--mys-text-meta);line-height:1.35}.mys-critical-dot{background:var(--critical);border-radius:999px;width:8px;height:8px}.mys-events-panel{flex-direction:column;flex:1 1 0;min-height:0;padding:5px 11px 9px;display:flex;overflow:hidden}.mys-event-list{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:auto}.mys-event-row{border-top:var(--mys-border-w) solid var(--border-light);min-height:44px;color:var(--text-heritage);align-items:center;gap:8px;display:flex}.mys-event-row:first-child{border-top:0}.mys-event-title{font-size:var(--mys-text-event);letter-spacing:.01em;color:var(--text-heritage);font-weight:700}.mys-event-location{font-size:var(--mys-text-event-sub);color:var(--text-secondary)}.mys-event-icon{border-radius:var(--mys-radius-control);flex:none;place-items:center;width:32px;height:32px;display:grid}.mys-event-time{color:var(--text-secondary);font-size:calc(var(--mys-text-event-sub) - .5px);white-space:nowrap}.mys-event-count{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface-inset);min-width:32px;height:28px;color:var(--text-heritage);font-size:var(--mys-text-meta);box-shadow:var(--shadow-control-inset);place-items:center;font-weight:600;display:grid}.mys-system-panel{flex:none;margin-top:auto;padding:5px 10px 10px}.mys-metric-grid{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface-inset);box-shadow:var(--shadow-control-inset);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.mys-metric{border-left:var(--mys-border-w) solid var(--border);align-items:center;gap:7px;min-width:0;min-height:68px;padding:8px;display:flex}.mys-metric:first-child{border-left:0}.mys-metric-value{font-size:var(--mys-text-metric);color:var(--text-heritage);white-space:nowrap;font-weight:700}.mys-metric-label{color:var(--text-secondary);font-size:var(--mys-text-metric-sub);white-space:nowrap;margin-top:2px;font-weight:500}.mys-nav-backdrop{display:none}.mys-workspace.is-app-page{grid-template-rows:auto minmax(0,1fr)}.mys-page-body{min-width:0;min-height:0;padding:var(--mys-shadow-bleed);margin:0 calc(var(--mys-shadow-bleed) * -1) calc(var(--mys-shadow-bleed) * -1);flex-direction:column;grid-area:2/1/auto/-1;display:flex;overflow:hidden}.mys-page-fill{flex-direction:column;flex:1;gap:12px;height:100%;min-height:0;display:flex}.mys-page-fill>.mys-kpi-row,.mys-page-fill>.mys-tabs,.mys-page-fill>.mys-filter-row,.mys-page-fill>.mys-role-grid,.mys-page-fill>.mys-rule-grid,.mys-page-fill>.mys-report-bar{flex:none}.mys-page-fill>.mys-page-grid,.mys-page-fill>.mys-section,.mys-page-fill>.mys-table-wrap,.mys-page-fill>.mys-playback,.mys-page-fill>.mys-map-page,.mys-page-fill>.mys-search-page,.mys-page-fill>.mys-overview-page,.mys-page-fill>.mys-settings,.mys-page-fill>.mys-alerts,.mys-page-fill>.mys-behavior,.mys-page-fill>.mys-devices,.mys-page-fill>.mys-reports{flex:1 1 0;min-height:0}.mys-kpi-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.mys-kpi-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mys-kpi{border-radius:var(--mys-radius-card);background:var(--panel);min-width:0;box-shadow:var(--shadow-control);border:none;padding:12px 14px}.mys-kpi-label,.mys-kpi-hint{color:var(--text-secondary);font-size:var(--mys-text-tiny);margin:0}.mys-kpi-value{color:var(--text-heritage);margin:4px 0 2px;font-size:26px;font-weight:700;line-height:1.1}.mys-kpi-critical .mys-kpi-value{color:var(--critical)}.mys-kpi-warn .mys-kpi-value{color:#b8862e}.mys-kpi-ok .mys-kpi-value{color:#2f7a4b}.mys-page-grid{align-items:stretch;gap:12px;height:100%;min-height:0;display:grid}.mys-page-grid-2-1{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.mys-page-grid-1-1{grid-template-columns:1fr 1fr}.mys-section{border-radius:var(--mys-radius-panel);background:var(--panel);min-width:0;height:100%;min-height:0;box-shadow:var(--shadow-panel);border:none;flex-direction:column;padding:12px 14px;display:flex;overflow:hidden}.mys-overview-page{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.mys-overview-page>.mys-kpi-row{flex:none}.mys-overview-page>.mys-page-grid{flex:1 1 0;min-height:0}.mys-section-head{flex:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.mys-section-head .mys-panel-title{min-width:0}.mys-section-head .mys-tabs{flex-wrap:nowrap;flex-shrink:0}.mys-section-head .mys-tab{height:28px;font-size:var(--mys-text-meta);padding:0 11px}.mys-section-body{flex:1;min-height:0;overflow:auto}.mys-section-body:has(.mys-colchart),.mys-section-body:has(.mys-dual-chart),.mys-section-body:has(.mys-chart-scroll),.mys-section-body:has(.mys-heatmap),.mys-section-body:has(.mys-donut-wrap),.mys-section-body:has(.mys-hbar),.mys-section-body:has(.mys-device-detail){flex-direction:column;display:flex;overflow:hidden}.mys-section-body:has(>.mys-dl){flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.mys-section-body:has(>.mys-dl)>.mys-dl{flex:1;justify-content:space-evenly;min-height:0}.mys-section-body:has(>.mys-dl)>.mys-btn{flex-shrink:0;margin-top:8px}.mys-tabs{flex-wrap:wrap;gap:6px;display:flex}.mys-tab{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);height:36px;color:var(--text-secondary);font-size:var(--mys-text-body);box-shadow:var(--shadow-control);padding:0 14px}.mys-tab-active{color:#fff;box-shadow:var(--shadow-elevated);background:linear-gradient(135deg,#9f6b3d,#b98b59);border-color:#a8794b}.mys-table-wrap{border-radius:var(--mys-radius-control);background:var(--surface);border:none;flex:1;height:100%;min-height:0;overflow:auto}.mys-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--mys-text-body);color:var(--text-heritage)}.mys-table th{z-index:2;text-align:left;color:var(--text-secondary);background:var(--surface-inset);border-bottom:var(--mys-border-w) solid var(--border);box-shadow:0 1px 0 var(--border);padding:9px 12px;font-weight:600;position:sticky;top:0}.mys-table td{border-bottom:1px solid var(--border-light);white-space:nowrap;padding:8px 12px}.mys-table tbody tr.is-selected,.mys-table tbody tr:hover{background:var(--surface-hover)}.mys-table tbody tr{cursor:pointer}.mys-pill{letter-spacing:.01em;white-space:nowrap;background:var(--surface-inset);height:22px;color:var(--text-secondary);border:0;border-radius:999px;align-items:center;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.mys-pill-critical{color:#c45c56;background:#fdedeb}.mys-pill-warn{color:#d59142;background:#fef7e5}.mys-pill-ok{color:#53826f;background:#e7f0ea}.mys-pill-bronze{color:var(--bronze-dark);border-color:var(--border);background:#f3eadc}.mys-chart-scroll{flex:1;width:100%;min-width:0;min-height:168px;overflow:auto hidden}.mys-chart-svg{width:100%;height:100%;min-height:168px;display:block}.mys-dual-chart{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex}.mys-chart-grid{stroke:var(--chart-grid);stroke-width:1px}.mys-chart-grid.is-vertical{stroke:var(--chart-grid-v)}.mys-chart-baseline{stroke:var(--chart-baseline);stroke-width:1px;stroke-dasharray:4 4}.mys-chart-line-above,.mys-chart-line-below{fill:none;stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round}.mys-chart-line-above{stroke:#089981}.mys-chart-line-below{stroke:#f23645}.mys-chart-fill-above{fill:#0899811f}.mys-chart-fill-below{fill:#f236451f}.mys-chart-label{fill:var(--text-muted);font-size:10px}.mys-chart-svg.is-dense .mys-chart-label{font-size:8px}.mys-chart-svg.is-rotated .mys-chart-label{font-size:7px}.mys-colchart{flex-direction:column;flex:1;width:100%;min-height:160px;display:flex}.mys-colchart-plot{flex:1;min-height:0;position:relative}.mys-colchart-grid{pointer-events:none;flex-direction:column;justify-content:space-evenly;display:flex;position:absolute;top:36px;right:0;bottom:0;left:0}.mys-colchart-grid i{border-top:1px solid var(--border);display:block}.mys-colchart-bars{align-items:stretch;gap:4px;display:flex;position:absolute;top:36px;right:2px;bottom:0;left:2px}.mys-colchart-item{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;padding:0;display:flex}.mys-colchart-item:focus{outline:none}.mys-colchart-item:focus-visible{outline-offset:1px;outline:2px solid #a47645}.mys-colchart-bar{width:62%;min-width:8px;max-width:42px;height:var(--bar-h);box-shadow:var(--shadow-control);background:linear-gradient(#c4a574,#9f6b3d);border-radius:4px 4px 1px 1px;display:block}.mys-colchart-item:hover .mys-colchart-bar,.mys-colchart-item.is-on .mys-colchart-bar,.mys-colchart-item:focus-visible .mys-colchart-bar{background:linear-gradient(#d4b484,#a47645)}.mys-colchart-tip{z-index:3;border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);min-width:84px;color:var(--text-heritage);font-size:var(--mys-text-meta);box-shadow:var(--shadow-control);white-space:nowrap;pointer-events:none;flex-direction:column;gap:1px;padding:5px 8px;line-height:1.25;display:flex;position:absolute;top:2px}.mys-colchart-tip strong{font-weight:600}.mys-colchart-tip span{color:var(--bronze-dark);font-variant-numeric:tabular-nums}.mys-colchart-axis{color:var(--text-muted);font-size:var(--mys-text-tiny);flex:none;gap:4px;padding:6px 2px 0;display:flex}.mys-colchart-axis span{text-align:center;flex:1;min-width:0}.mys-donut-wrap{flex:1;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:stretch;gap:12px 16px;width:100%;min-height:0;padding:4px 4px 2px;display:grid}.mys-donut{aspect-ratio:1;width:min(200px,88%);height:auto;max-height:min(220px,100%);box-shadow:var(--shadow-control-inset);border-radius:999px;place-self:center;position:relative}.mys-donut:after{content:"";background:var(--panel);border-radius:999px;position:absolute;top:22%;right:22%;bottom:22%;left:22%}.mys-donut-legend{width:100%;max-width:none;font-size:var(--mys-text-meta);color:var(--text-heritage);flex-direction:column;justify-content:space-evenly;gap:8px;margin:0;padding:2px 0;list-style:none;display:flex}.mys-donut-legend i{border-radius:999px;width:8px;height:8px;display:inline-block}.mys-donut-legend b{margin-left:0;font-weight:700}.mys-hbar{flex-direction:column;flex:1;justify-content:space-evenly;gap:0;width:100%;height:100%;min-height:0;display:flex}.mys-hbar-row{min-height:28px;font-size:var(--mys-text-meta);color:var(--text-heritage);flex:1 1 0;grid-template-columns:minmax(96px,1.15fr) minmax(0,2.5fr) auto;align-items:center;gap:10px;display:grid}.mys-hbar-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mys-hbar-track{background:var(--surface-inset);border:1px solid var(--border-light);border-radius:999px;height:10px;overflow:hidden}.mys-hbar-fill{background:linear-gradient(90deg,#9f6b3d,#c4a574);height:100%}.mys-btn{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);height:36px;font-size:var(--mys-text-body);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.mys-btn-primary{color:#fff;box-shadow:var(--shadow-elevated);background:linear-gradient(135deg,#9f6b3d,#b98b59);border-color:#a8794b}.mys-btn-ghost{color:var(--bronze-dark);background:var(--surface);box-shadow:var(--shadow-control)}.mys-btn-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mys-dl{flex-direction:column;gap:8px;margin:0;display:flex}.mys-dl>div{font-size:var(--mys-text-body);grid-template-columns:110px minmax(0,1fr);gap:8px;display:grid}.mys-dl dt{color:var(--text-secondary)}.mys-dl dd{color:var(--text-heritage);margin:0;font-weight:600}.mys-dl-grid{grid-template-columns:1fr 1fr;display:grid}.mys-dl input,.mys-builder input{border-radius:var(--mys-radius-control);border:var(--mys-border-w) solid var(--border);background:var(--surface);width:100%;height:36px;color:var(--text-heritage);font:inherit;box-shadow:var(--shadow-control-inset);padding:0 10px}.mys-plain-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mys-plain-list>li,.mys-result-btn{border-top:1px solid var(--border-light);min-height:44px;font-size:var(--mys-text-body);justify-content:space-between;align-items:center;gap:8px;display:flex}.mys-plain-list>li:first-child,.mys-plain-list>li:first-child .mys-result-btn{border-top:0}.mys-plain-list strong,.mys-result-btn strong{color:var(--text-heritage);font-weight:700;display:block}.mys-result-meta,.mys-plain-list span:not(.mys-pill),.mys-result-btn span:not(.mys-pill){color:var(--text-secondary);font-size:var(--mys-text-event-sub)}.mys-result-copy{flex:1;min-width:0}.mys-result-copy strong{color:var(--text-heritage);font-size:13px;line-height:1.25}.mys-result-meta{color:var(--text-muted);margin-top:3px;font-size:11px;display:block}.mys-result-dot{background:var(--text-muted);border-radius:999px;flex:0 0 8px;width:8px;height:8px}.mys-result-dot.is-critical{background:#e0706c}.mys-result-dot.is-warn{background:#ecb93e}.mys-result-dot.is-ok{background:#6aa882}.mys-result-btn{text-align:left;border-radius:8px;width:100%;padding:6px 4px}.mys-result-btn .mys-pill{flex-shrink:0;margin-left:auto}.mys-result-btn.is-on{background:var(--surface)}.mys-playback-results{background:var(--panel);padding:14px 10px 10px}.mys-playback-results .mys-section-head{margin-bottom:6px;padding:0 6px}.mys-playback-results .mys-section-head .mys-filter-wrap{flex-shrink:0;min-width:0}.mys-playback-results .mys-section-head .mys-filter{min-width:148px;height:32px;padding:0 10px;font-size:12px}.mys-playback-results .mys-plain-list>li{border:0;min-height:0;display:block}.mys-playback-results .mys-result-btn{background:0 0;border-top:0;border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:11px 12px}.mys-playback-results .mys-plain-list>li+li .mys-result-btn:not(.is-on){box-shadow:inset 0 1px 0 var(--border-soft)}.mys-playback-results .mys-plain-list>li:has(.is-on)+li .mys-result-btn{box-shadow:none}.mys-playback-results .mys-result-btn:hover:not(.is-on){background:var(--surface-hover)}.mys-playback-results .mys-result-btn.is-on{background:var(--surface);box-shadow:0 1px 2px #4a3a2b0a,0 6px 16px #8b5e3c0f}.mys-playback-results .mys-pill{height:24px;padding:0 11px;font-size:10.5px}.mys-chip-cloud{flex-wrap:wrap;gap:6px;display:flex}.mys-zone-chip{border:1px solid var(--border);background:var(--surface);height:28px;font-size:var(--mys-text-tiny);color:var(--text-heritage);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.mys-zone-chip b{font-weight:700}.mys-zone-chip.is-ok{box-shadow:inset 3px 0 #3f9b61}.mys-zone-chip.is-warn{box-shadow:inset 3px 0 #d79535}.mys-zone-chip.is-alert{box-shadow:inset 3px 0 0 var(--critical)}.mys-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mys-mini-chip{border:var(--mys-border-w) solid var(--border);background:var(--surface);height:32px;color:var(--text-secondary);font-size:var(--mys-text-meta);border-radius:999px;padding:0 12px}.mys-mini-chip.is-on{color:#fff;background:linear-gradient(135deg,#9f6b3d,#b98b59);border-color:#a8794b}.mys-playback,.mys-map-page,.mys-settings,.mys-search-page,.mys-alerts,.mys-behavior{flex:1;align-items:stretch;gap:12px;height:100%;min-height:0;display:grid}.mys-playback{grid-template-rows:minmax(0,1fr);grid-template-columns:232px minmax(0,1fr) 280px}.mys-search-page{grid-template-rows:auto minmax(0,1fr)}.mys-page-grid>.mys-active-cams{min-height:0}.mys-map-page{grid-template-rows:minmax(0,1fr);grid-template-columns:230px minmax(0,1fr) 280px}.mys-settings{grid-template-rows:minmax(0,1fr);grid-template-columns:180px minmax(0,1fr);align-items:stretch}.mys-alerts,.mys-behavior,.mys-devices,.mys-reports{flex-direction:column;flex:1;gap:12px;height:100%;min-height:0;display:flex}.mys-alerts>.mys-table-wrap,.mys-alerts>.mys-page-grid,.mys-behavior>.mys-page-grid{flex:1 1 0;min-height:0}.mys-behavior>.mys-rule-grid,.mys-devices>.mys-kpi-row,.mys-reports>.mys-filter-row,.mys-reports>.mys-kpi-row{flex:none}.mys-devices-main{flex:1 1 0;grid-template-columns:minmax(0,4fr) minmax(0,1fr);align-items:stretch;gap:12px;min-height:0;display:grid}.mys-devices-table{border-radius:var(--mys-radius-panel);background:var(--surface);min-width:0;height:100%;min-height:0;box-shadow:var(--shadow-card);border:none;flex-direction:column;gap:0;display:flex;overflow:hidden}.mys-devices-table-head{border-bottom:var(--mys-border-w) solid var(--border);background:var(--panel);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.mys-devices-table-head .mys-panel-title{font-size:var(--mys-text-panel);margin:0}.mys-devices-count{font-size:var(--mys-text-meta);color:var(--text-secondary);white-space:nowrap}.mys-devices-table>.mys-table-wrap{min-height:0;box-shadow:none;border:0;border-radius:0;flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.mys-devices-table .mys-table{height:100%;min-height:0;font-size:var(--mys-text-meta);table-layout:fixed;flex:auto;display:block}.mys-devices-table .mys-table thead{table-layout:fixed;width:100%;display:table}.mys-devices-table .mys-table tbody{height:calc(100% - var(--mys-devices-thead-h,34px));flex-direction:column;min-height:0;display:flex;overflow-y:auto}.mys-devices-table .mys-table tbody tr{table-layout:fixed;flex:1 1 0;width:100%;min-height:34px;display:table}.mys-devices-table .mys-table th{text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;font-size:10px;position:static}.mys-devices-table .mys-table td{vertical-align:middle;padding:7px 10px}.mys-devices-table .mys-table th:first-child,.mys-devices-table .mys-table td:first-child{width:22%}.mys-devices-table .mys-table th:nth-child(2),.mys-devices-table .mys-table td:nth-child(2),.mys-devices-table .mys-table th:nth-child(3),.mys-devices-table .mys-table td:nth-child(3),.mys-devices-table .mys-table th:nth-child(4),.mys-devices-table .mys-table td:nth-child(4){width:11%}.mys-devices-table .mys-table th:nth-child(5),.mys-devices-table .mys-table td:nth-child(5){width:9%}.mys-devices-table .mys-table th:nth-child(6),.mys-devices-table .mys-table td:nth-child(6){width:11%}.mys-devices-table .mys-table th:nth-child(7),.mys-devices-table .mys-table td:nth-child(7){width:13%}.mys-devices-table .mys-table th:nth-child(8),.mys-devices-table .mys-table td:nth-child(8){width:12%}.mys-devices-table .mys-table tbody tr.is-selected{box-shadow:inset 3px 0 0 var(--bronze);background:#f8f0e6}.mys-devices-table .mys-table tbody tr:hover{background:var(--surface-hover)}.mys-devices-table .mys-table tbody tr.is-selected:hover{background:#f8f0e6}.mys-device-cell{flex-direction:column;gap:2px;min-width:0;display:flex}.mys-device-cell-name{color:var(--text-heritage);white-space:nowrap;font-weight:600}.mys-device-cell-meta{color:var(--text-secondary);white-space:nowrap;font-size:10px}.mys-device-ip{letter-spacing:.02em;color:var(--text-heritage);font-family:Consolas,Courier New,monospace;font-size:11px}.mys-device-muted{color:var(--text-secondary)}.mys-device-metric{min-width:88px;max-width:120px}.mys-device-metric .mys-progress-row{gap:6px}.mys-device-metric .mys-progress-val{min-width:28px;font-size:10px;font-weight:600}.mys-device-metric .mys-progress-track{height:5px}.mys-device-bw-val{color:var(--text-secondary);margin-bottom:3px;font-size:10px;font-weight:600;display:block}.mys-pill-dot{gap:6px;padding-left:8px}.mys-pill-dot:before{content:"";opacity:.85;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.mys-device-remote-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.mys-devices-remote .mys-device-name{flex:1;min-width:0;margin:0;line-height:1.25}.mys-device-ping-ok{color:#53826f;font-weight:600}.mys-device-ping-fail{color:var(--critical);font-weight:600}.mys-devices-table>.mys-pagination-row{border-top:var(--mys-border-w) solid var(--border);background:var(--panel);flex:none;margin-top:0}.mys-devices-main>.mys-section{height:100%;min-height:0}.mys-devices-remote .mys-section-head .mys-panel-title{font-size:var(--mys-text-meta);line-height:1.25}.mys-devices-remote .mys-device-detail{grid-template-columns:1fr;gap:12px}.mys-devices-remote .mys-device-detail>div:first-child{justify-content:flex-start;gap:10px}.mys-devices-remote .mys-device-name{font-size:var(--mys-text-body);margin-bottom:8px}.mys-devices-remote .mys-dl{gap:6px}.mys-devices-remote .mys-dl>div{grid-template-columns:72px minmax(0,1fr)}.mys-devices-remote .mys-dl dt,.mys-devices-remote .mys-dl dd{font-size:var(--mys-text-meta)}.mys-devices-remote .mys-btn-row{flex-direction:column;align-items:stretch;gap:6px}.mys-devices-remote .mys-btn-row .mys-btn{justify-content:center;width:100%}.mys-devices-remote .mys-gauges{flex-direction:row;justify-content:center;align-self:stretch;align-items:center;gap:16px}.mys-devices-remote .mys-gauge{flex-shrink:0;width:56px;height:56px;position:relative}.mys-devices-remote .mys-gauge svg{width:56px;height:56px;display:block}.mys-devices-remote .mys-gauge b{margin-top:0;font-size:14px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-72%)}.mys-devices-remote .mys-gauge span{white-space:nowrap;font-size:9px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,42%)}.mys-devices>.mys-section,.mys-reports>.mys-section,.mys-reports>.mys-page-grid{flex:1 1 0;min-height:0}.mys-side-filters{border-radius:var(--mys-radius-panel);background:var(--panel);height:100%;min-height:0;box-shadow:var(--shadow-panel);border:none;flex-direction:column;gap:8px;padding:12px;display:flex;overflow:visible}.mys-side-filters .mys-filter,.mys-side-filters .mys-filter-wrap{width:100%;min-width:0}.mys-side-filters .mys-filter>span{text-overflow:clip;white-space:normal;line-height:1.25;overflow:visible}.mys-time-chips{flex-wrap:wrap;gap:6px;display:flex}.mys-playback-main{flex-direction:column;gap:10px;min-width:0;height:100%;min-height:0;display:flex}.mys-player,.mys-detail-media{border-radius:var(--mys-radius-card);aspect-ratio:16/9;background:#191815;position:relative;overflow:hidden}.mys-player{aspect-ratio:auto;flex:1;min-height:0}.mys-player img,.mys-detail-media img{object-fit:cover;width:100%;height:100%}.mys-player-hud{color:#fff;font-size:var(--mys-text-tiny);text-shadow:0 1px 3px #0009;justify-content:space-between;display:flex;position:absolute;inset:auto 10px 10px}.mys-player-transport{position:absolute;top:10px;left:10px}.mys-player-play{color:#fff;cursor:pointer;background:#4a362db8;border:0;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.mys-player-play:hover{background:#a47645eb}.mys-member-timeline{border-radius:var(--mys-radius-card);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;flex:none;gap:0;display:flex;overflow:hidden}.mys-member-timeline-head{border-bottom:1px solid var(--border-light);background:var(--panel);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.mys-member-timeline-head .mys-panel-title{font-size:var(--mys-text-meta);margin:0}.mys-member-timeline-clock{font-size:var(--mys-text-tiny);color:var(--bronze-dark);font-variant-numeric:tabular-nums;font-weight:600}.mys-playback-transport{border-bottom:1px solid var(--border-light);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.mys-playback-transport-playback{align-items:center;gap:6px;display:flex}.mys-playback-transport-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.mys-playback-transport .mys-cam-icon-btn{width:30px;height:30px}.mys-playback-transport .mys-cam-icon-btn.is-play{color:#fff;width:34px;height:34px;box-shadow:var(--shadow-elevated);background:linear-gradient(135deg,#9f6b3d,#b98b59);border-color:#a8794b}.mys-playback-transport .mys-cam-icon-btn.is-play.is-active{background:linear-gradient(135deg,#a67c52,#c49a6c);border-color:#a67c52}.mys-playback-transport .mys-cam-icon-btn svg{width:.95em;height:.95em}.mys-playback-transport .mys-btn{height:30px;font-size:var(--mys-text-tiny);white-space:nowrap;gap:4px;margin:0;padding:0 8px;font-weight:600}.mys-playback-transport .mys-btn svg{flex-shrink:0;width:.95em;height:.95em}.mys-member-timeline-content{min-width:0;padding:0 12px 4px;position:relative}.mys-member-timeline-ruler{border-bottom:1px solid var(--border);height:22px;position:relative}.mys-member-timeline-stage{background:var(--surface-inset);border:1px solid var(--border-light);cursor:ew-resize;touch-action:none;border-radius:8px;min-height:28px;margin-top:6px;position:relative}.mys-member-scrub-mark{z-index:1;background:var(--bronze);cursor:pointer;touch-action:none;border:0;border-radius:3px;width:7px;height:20px;margin-left:-3.5px;padding:0;position:absolute;top:4px}.mys-member-scrub-mark.is-critical{background:var(--critical)}.mys-member-scrub-mark.is-warn{background:var(--warning)}.mys-member-scrub-mark.is-ok{background:var(--online)}.mys-member-scrub-mark.is-muted{background:var(--bronze)}.mys-member-scrub-mark.is-on{outline-offset:1px;outline:2px solid #5f4028}.mys-member-tick{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.mys-member-tick-mark{background:#c4a88f;width:1px;height:8px;display:block}.mys-member-tick-label{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px;font-size:9px;line-height:1}.mys-member-playhead{background:linear-gradient(to right,transparent calc(50% - 1px),var(--critical) calc(50% - 1px),var(--critical) calc(50% + 1px),transparent calc(50% + 1px));width:14px;box-shadow:none;pointer-events:auto;cursor:grab;touch-action:none;z-index:3;margin-left:-7px;position:absolute;top:-22px;bottom:0}.mys-member-playhead.is-grabbing,.mys-member-playhead:active{cursor:grabbing}.mys-member-playhead:before{content:"";background:var(--critical);pointer-events:none;border-radius:2px;width:8px;height:8px;margin-left:-4px;position:absolute;top:-2px;left:50%;box-shadow:0 0 0 1px #b53a2626}.mys-timeline-track{background:var(--surface-inset);border:1px solid var(--border);cursor:ew-resize;touch-action:none;border-radius:8px;height:28px;position:relative}.mys-timeline-playhead{top:-2px;bottom:-2px;left:var(--playhead-pct,0%);background:linear-gradient(to right,transparent calc(50% - 1px),var(--critical) calc(50% - 1px),var(--critical) calc(50% + 1px),transparent calc(50% + 1px));width:14px;box-shadow:none;pointer-events:auto;cursor:grab;touch-action:none;z-index:2;margin-left:-7px;position:absolute}.mys-timeline-playhead.is-grabbing,.mys-timeline-playhead:active{cursor:grabbing}.mys-timeline-playhead:before{content:"";background:var(--critical);pointer-events:none;border-radius:2px;width:8px;height:8px;margin-left:-4px;position:absolute;top:-2px;left:50%;box-shadow:0 0 0 1px #b53a2626}.mys-timeline-mark{background:var(--bronze);border:0;border-radius:2px;width:10px;height:18px;position:absolute;top:5px}.mys-timeline-mark.is-critical{background:var(--critical)}.mys-timeline-mark.is-warn{background:var(--warning)}.mys-timeline-mark.is-ok{background:var(--online)}.mys-timeline-mark.is-on{outline:2px solid #5f4028}.mys-timeline-labels{font-size:var(--mys-text-micro);color:var(--text-muted);justify-content:space-between;margin-top:4px;display:flex}.mys-builder{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:10px;display:grid}.mys-builder label{font-size:var(--mys-text-tiny);color:var(--text-secondary);flex-direction:column;gap:4px;display:flex}.mys-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mys-gallery-card{text-align:left;border-radius:var(--mys-radius-card);background:var(--surface);box-shadow:var(--shadow-camera-card);border:none;overflow:hidden}.mys-gallery-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.mys-search-alert-thumb,.mys-detail-media .mys-search-alert-thumb{filter:brightness(.45)contrast(1.15)saturate(.85);object-position:center 40%}.mys-gallery-card>div{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:8px 10px 6px;display:flex}.mys-gallery-card>div strong{line-height:1.25;display:block}.mys-gallery-card>div span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mys-gallery-card .mys-pill{margin:2px 10px 10px}.mys-gallery-card.is-on{border:var(--mys-border-w) solid #a8794b}.mys-gallery-foot{color:var(--text-secondary);font-size:var(--mys-text-tiny);margin-top:8px}.mys-search-body,.mys-search-body>.mys-search-results{height:100%;min-height:0}.mys-timeline{flex:none}.mys-face-db{margin:0;padding:0;list-style:none}.mys-face-db li{border-top:1px solid var(--border-light);align-items:center;gap:10px;min-height:0;padding:8px 0;display:flex}.mys-face-db li:first-child{border-top:0;padding-top:0}.mys-face-av{width:28px;height:28px;color:var(--bronze-dark);font-size:var(--mys-text-tiny);background:#f6ede2;border-radius:999px;flex:none;place-items:center;font-weight:600;display:grid}.mys-face-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mys-face-copy strong{color:var(--text-heritage);font-size:var(--mys-text-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;display:block;overflow:hidden}.mys-face-copy span{color:var(--text-secondary);font-size:var(--mys-text-tiny);text-overflow:ellipsis;white-space:nowrap;font-weight:400;line-height:1.35;display:block;overflow:hidden}.mys-face-db .mys-pill{height:20px;font-size:var(--mys-text-micro);flex-shrink:0;padding:0 8px}.mys-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mys-rule-card{text-align:left;border-radius:var(--mys-radius-card);background:var(--surface);box-shadow:var(--shadow-control);border:none;flex-direction:column;gap:6px;padding:12px;display:flex}.mys-rule-card strong{color:var(--text-heritage);font-weight:700}.mys-rule-card span{color:var(--text-secondary);font-size:var(--mys-text-tiny)}.mys-rule-card div{justify-content:space-between;align-items:center;display:flex}.mys-rule-card.is-on{border:var(--mys-border-w) solid #a8794b;box-shadow:var(--shadow-elevated)}.mys-heatmap,.mys-site-map{border-radius:var(--mys-radius-card);border:none;flex:1;height:100%;min-height:0;position:relative;overflow:hidden}.mys-heatmap{background:radial-gradient(circle at 50% 38%,#a476451f,transparent 42%),var(--heatmap-base);width:100%}.mys-site-map{background-color:var(--map-base);background-image:url(/images/myson-site-map.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;min-height:0}.mys-heat-dot{background:#b53a2647;border-radius:999px;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;box-shadow:0 0 18px #b53a2659}.mys-heat-dot.is-hot{background:#b53a2680}.mys-map-label{display:none}.mys-map-list{max-height:100%;overflow:auto}.mys-map-stage{width:100%;min-width:0;height:100%;min-height:0;display:flex}.mys-map-stage .mys-site-map{flex:1;width:100%;height:100%}.mys-map-side{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.mys-map-side>.mys-section{min-height:0}.mys-map-side>.mys-section:first-child{flex:2 1 0}.mys-map-side>.mys-section:last-child{flex:4 1 0}.mys-map-side>.mys-section:last-child .mys-section-body{min-height:0;overflow-y:auto}.mys-zone{pointer-events:none;background:#a476450f;border:1.5px dashed #a4764573;border-radius:42%;position:absolute}.mys-zone.z-a{width:22%;height:26%;top:28%;left:60%}.mys-zone.z-b{width:24%;height:24%;top:36%;left:40%}.mys-zone.z-gate{width:30%;height:28%;top:62%;left:8%}.mys-map-pin{color:#fff;width:26px;height:26px;box-shadow:var(--shadow-control);background:#a47645;border:1.5px solid #fff;border-radius:999px;margin:-13px 0 0 -13px;font-size:9px;font-weight:700;position:absolute}.mys-map-pin.is-on{background:#5f4028;transform:scale(1.15)}.mys-map-pin.is-alert{background:var(--critical)}.mys-toggle-row{min-height:32px;font-size:var(--mys-text-body);color:var(--text-heritage);align-items:center;gap:8px;display:flex}.mys-alert-shot{aspect-ratio:16/8.8}.mys-alert-shot .mys-alert-badge{z-index:1}.mys-device-detail{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:20px;width:100%;height:100%;min-height:0;display:grid}.mys-device-detail>div:first-child{flex-direction:column;justify-content:space-between;height:100%;min-height:0;display:flex}.mys-device-detail .mys-btn-row{margin-top:0}.mys-device-name{font-size:var(--mys-text-panel);color:var(--text-heritage);margin:0 0 10px;font-weight:700}.mys-gauges{align-self:center;align-items:center;gap:16px;display:flex}.mys-gauge{text-align:center;width:88px;color:var(--text-secondary);font-size:var(--mys-text-tiny)}.mys-gauge svg{width:72px;height:72px}.mys-gauge-bg,.mys-gauge-fg{fill:none;stroke-width:3.4px;stroke-linecap:round}.mys-gauge-bg{stroke:var(--border)}.mys-gauge-fg{stroke:var(--bronze);stroke-dashoffset:0}.mys-gauge b{color:var(--text-heritage);margin-top:-8px;font-size:16px;font-weight:700;display:block}.mys-role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.mys-role-card{border-radius:var(--mys-radius-card);background:var(--panel);box-shadow:var(--shadow-panel);border:none;padding:14px}.mys-role-card h3{color:var(--text-heritage);margin:0 0 6px;font-size:18px;font-weight:700}.mys-role-card p,.mys-role-card span{color:var(--text-secondary);font-size:var(--mys-text-tiny);margin:0}.mys-check-on{color:#3d8756}.mys-check-off{color:var(--text-muted)}.mys-settings-nav{border-radius:var(--mys-radius-panel);background:var(--panel);height:100%;min-height:0;box-shadow:var(--shadow-panel);border:none;flex-direction:column;gap:4px;padding:8px;display:flex;overflow:auto}.mys-settings-nav button{text-align:left;border-radius:var(--mys-radius-control);height:40px;color:var(--text-heritage);font-size:var(--mys-text-body);padding:0 12px}.mys-settings-nav button.is-on{color:#fff;background:linear-gradient(135deg,#9f6b3d,#b98b59)}.mys-settings>.mys-settings-nav{align-self:start;height:auto}.mys-settings>.mys-settings-panel{align-self:start;height:auto;min-height:0}.mys-settings-panel .mys-section-body:has(>.mys-dl){justify-content:flex-start;gap:16px}.mys-settings-panel .mys-section-body:has(>.mys-dl)>.mys-dl{flex:none;justify-content:flex-start;gap:12px}.mys-settings-panel .mys-dl>div{grid-template-columns:148px minmax(0,1fr);align-items:center}.mys-settings-panel .mys-section-body:has(>.mys-dl)>.mys-btn{align-self:flex-start;min-width:160px;margin-top:0}.mys-report-bar .mys-filter{min-width:220px}@media(max-width:1279px){.mys-workspace.is-app-page .mys-right-header-row{grid-row:2}.mys-workspace.is-app-page .mys-page-body{grid-area:3/1;overflow:hidden}.mys-kpi-row,.mys-kpi-row-4,.mys-rule-grid,.mys-role-grid,.mys-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mys-page-grid-2-1,.mys-page-grid-1-1,.mys-devices-main,.mys-playback,.mys-map-page,.mys-settings,.mys-builder,.mys-dl-grid{grid-template-columns:1fr}.mys-playback,.mys-map-page,.mys-search-page,.mys-settings{grid-template-rows:none;height:100%;min-height:0}.mys-playback-main,.mys-map-stage{min-height:240px}.mys-search-body{min-height:280px}.mys-side-filters,.mys-settings-nav{max-height:280px;overflow-y:auto}.mys-alerts>.mys-table-wrap,.mys-devices-table>.mys-table-wrap,.mys-page-fill>.mys-section,.mys-page-fill>.mys-table-wrap{min-height:220px}}@media(max-width:1535px){:root{--mys-border-w:1px;--mys-sidebar-w:220px;--mys-panel-w:320px;--mys-cam-cols:3;--mys-main-pl:16px;--mys-main-pr:14px;--mys-grid-gap:5px;--mys-radius-control:8px;--mys-radius-card:10px;--mys-radius-panel:12px;--mys-radius-stage:14px;--mys-text-brand:21px;--mys-text-brand-sub:17px;--mys-text-title:24px;--mys-text-nav:12.5px;--mys-text-body:11.5px;--mys-text-meta:10.5px;--mys-text-panel:16px;--mys-text-camera:12px;--mys-text-event:12px;--mys-text-metric:14px;--mys-h-nav:42px;--mys-h-search:40px;--mys-h-filter:38px;--mys-h-layout:38px;--mys-h-camera-hdr:29px;--mys-h-page-btn:38px;--mys-h-live:37px;--shadow-border-card:0 1px 2px rgb(var(--shadow-rgb-deep) / .06), 0 4px 10px rgb(var(--shadow-rgb-deep) / .07), 0 8px 20px rgb(var(--shadow-rgb-deep) / .06);--shadow-border-panel:0 2px 4px rgb(var(--shadow-rgb-deep) / .045), 0 6px 16px rgb(var(--shadow-rgb-deep) / .06);--shadow-border-control:0 1px 2px rgb(var(--shadow-rgb-deep) / .035), 0 3px 10px rgb(var(--shadow-rgb) / .045);--shadow-border-stage:0 2px 6px rgb(var(--shadow-rgb-deep) / .05), 0 8px 22px rgb(var(--shadow-rgb-deep) / .065);--shadow-nav-active:0 4px 10px rgb(var(--shadow-rgb) / .17), 0 6px 18px -3px rgb(var(--shadow-rgb) / .19);--shadow-project:0 2px 6px rgb(var(--shadow-rgb-deep) / .045), 0 4px 14px rgb(var(--shadow-rgb-deep) / .06)}.mys-workspace,.mys-app{height:auto;min-height:100vh;max-height:none;overflow:visible}.mys-sidebar{height:auto;max-height:none}body{overflow:auto}.mys-camera-grid{flex:none;grid-auto-rows:auto;align-content:start}.mys-camera-image-wrap{aspect-ratio:16/8.8;flex:none}.mys-sidebar-inner{padding-left:12px;padding-right:12px}.mys-brand-title{font-size:calc(var(--mys-text-brand) - 4px)}.mys-brand-subtitle{font-size:calc(var(--mys-text-brand-sub) - 3px)}.mys-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}.mys-kpi-row-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1279px){:root{--mys-sidebar-w:82px;--mys-panel-w:100%;--mys-workspace-gap:0px;--mys-cam-cols:3}.mys-workspace{grid-template-columns:1fr;padding-right:0}.mys-header{grid-area:1/1}.mys-toolbar{grid-area:2/1}.mys-main-body{grid-area:3/1}.mys-right-header-row{grid-area:4/1;padding:0 18px}.mys-right-meta{grid-area:5/1;justify-content:flex-start;margin-bottom:0;padding:0 18px}.mys-right-panel{grid-area:6/1;padding:0 18px 20px}.mys-system-panel{margin-top:0}.mys-sidebar-inner{padding-left:10px;padding-right:10px}.mys-brand{justify-content:center;padding:0}.mys-brand-text,.mys-nav-item span,.mys-nav-item .ml-auto,.mys-project-card,.mys-copyright{display:none}.mys-nav-item{justify-content:center;padding:0}}@media(max-width:1279px)and (min-width:1100px){:root{--mys-cam-cols:4}}@media(max-width:1023px){:root{--mys-cam-cols:2}.mys-right-header-row{flex-wrap:wrap}.mys-right-header-row .mys-search{flex:100%;width:auto;min-width:0;max-width:none}.mys-toolbar{flex-wrap:wrap;gap:10px}.mys-right-meta .mys-meta-row{justify-content:flex-start}.mys-filter,.mys-filter-wrap{flex:190px;min-width:0}.mys-filter-wrap>.mys-filter{flex:none;width:100%;min-width:0}.mys-policy-grid,.mys-device-detail{grid-template-columns:1fr}.mys-gauges{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:767px){:root{--mys-cam-cols:1;--mys-main-pt:15px;--mys-main-pr:12px;--mys-main-pb:15px;--mys-main-pl:12px}.mys-app{display:block}.mys-menu-button{display:grid}.mys-sidebar-dock{display:none}.mys-sidebar{z-index:40;border-right:1px solid var(--border);width:min(250px,86vw);padding:0;transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-110%)}.mys-sidebar-inner{width:100%;min-width:0;padding:18px 16px 20px}.is-nav-open .mys-sidebar{transform:translate(0)}.mys-brand{justify-content:flex-start;height:52px;padding:0 14px}.mys-brand-text{display:block}.mys-nav-item{justify-content:flex-start;padding:0 14px}.mys-nav-item span{display:inline}.mys-project-card,.mys-copyright{display:block}.mys-nav-backdrop{z-index:30;background:#3d312847;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.mys-workspace{flex-direction:column;padding-right:0;display:flex}.mys-header{order:1}.mys-toolbar{order:2}.mys-main-body{order:3}.mys-page-body{order:3;grid-area:auto}.mys-right-header-row{order:4}.mys-right-meta{order:5}.mys-right-panel{order:6}.mys-workspace.is-app-page .mys-header{order:1}.mys-workspace.is-app-page .mys-right-header-row{order:2}.mys-workspace.is-app-page .mys-page-body{order:3}.mys-header,.mys-right-header-row,.mys-toolbar,.mys-right-meta,.mys-main-body,.mys-page-body,.mys-right-panel{grid-area:auto}.mys-page-title{font-size:calc(var(--mys-text-title) - 3px)}.mys-camera-stage{box-shadow:none;background:0 0;border:none;border-radius:0;padding:4px 4px 0}.mys-user-name{display:none}.mys-camera-grid{gap:10px}.mys-camera-image-wrap{aspect-ratio:16/9}.mys-live-badge{margin-left:8px;position:static}.mys-right-header-row,.mys-right-meta,.mys-right-panel{padding-left:12px;padding-right:12px}.mys-right-panel{padding-bottom:20px}.mys-metric-grid{grid-template-columns:repeat(2,1fr)}.mys-metric:nth-child(3){border-left:0;border-top:var(--mys-border-w) solid var(--border)}.mys-metric:nth-child(4){border-top:var(--mys-border-w) solid var(--border)}.mys-kpi-row,.mys-kpi-row-4,.mys-rule-grid,.mys-role-grid,.mys-gallery{grid-template-columns:1fr}}@media(min-width:1921px){.mys-workspace{padding-right:var(--mys-main-pr)}}.mys-event-tone-blue{color:#4a6b8a;background:#e8eef5}.mys-event-tone-green{color:#5a7a52;background:#e8f0e6}.mys-event-tone-red{color:#b53a26;background:#f5e8e5}.mys-event-tone-orange{color:#c45a2a;background:#f5ede3}.mys-event-tone-amber{color:#b8862e;background:#f5f0e3}.mys-event-tone-purple{color:#6b5a82;background:#ede8f2}html[data-theme=dark] .mys-event-tone-blue,html[data-theme=dark] .mys-event-list-icon.mys-event-icon-blue{color:#9bb8d4;background:#3979b938}html[data-theme=dark] .mys-event-tone-green,html[data-theme=dark] .mys-event-list-icon.mys-event-icon-green,html[data-theme=dark] .mys-kpi-ok.has-icon .mys-kpi-icon-wrap{color:#8ecfa6;background:#3f9b6138}html[data-theme=dark] .mys-event-tone-red,html[data-theme=dark] .mys-event-list-icon.mys-event-icon-red,html[data-theme=dark] .mys-kpi-critical.has-icon .mys-kpi-icon-wrap,html[data-theme=dark] .mys-pill-critical{color:#f0a8a0;background:#b53a263d}html[data-theme=dark] .mys-event-tone-orange,html[data-theme=dark] .mys-event-list-icon.mys-event-icon-orange{color:#e8b090;background:#c45a2a38}html[data-theme=dark] .mys-event-tone-amber,html[data-theme=dark] .mys-event-list-icon.mys-event-icon-amber,html[data-theme=dark] .mys-kpi-warn.has-icon .mys-kpi-icon-wrap,html[data-theme=dark] .mys-pill-warn{color:#e8c07a;background:#d7953538}html[data-theme=dark] .mys-event-tone-purple{color:#c4b4e0;background:#8067b23d}html[data-theme=dark] .mys-pill-ok{color:#8ecfa6;background:#3f9b6133}html[data-theme=dark] .mys-pill-bronze,html[data-theme=dark] .mys-kpi-bronze.has-icon .mys-kpi-icon-wrap,html[data-theme=dark] .mys-rule-icon,html[data-theme=dark] .mys-policy-icon{background:var(--bronze-soft);color:var(--bronze-dark)}html[data-theme=dark] .mys-kpi-progress,html[data-theme=dark] .mys-progress-track{background:var(--surface-hover)}html[data-theme=dark] .mys-site-map{background-blend-mode:multiply}html[data-theme=dark] .mys-sidebar-sketch{opacity:.28}html[data-theme=dark] .mys-heatmap{background:radial-gradient(circle at 50% 38%,#c9a06a38,transparent 42%),var(--heatmap-base)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}