:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#101828;background:linear-gradient(120deg,#f0fbff,#f7f9fc 40%,#f3f7ff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:inherit}#root{min-height:100vh;height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}.ant-layout,.ant-layout-sider .ant-menu-dark{background:transparent}.ant-layout-sider .ant-menu-dark .ant-menu-item{margin:6px 12px;border-radius:12px!important;color:#fffffff2!important}.ant-layout-sider .ant-menu-dark .ant-menu-item:after,.ant-layout-sider .ant-menu-dark .ant-menu-item-selected:after{display:none!important}.ant-layout-sider .ant-menu-dark .ant-menu-item-selected,.ant-layout-sider .ant-menu-dark .ant-menu-item-active{background:transparent!important;color:#fff!important;font-weight:600}.ant-card-head-title,.ant-typography,h1,h2,h3,h4,h5,h6,p{color:#101828}.ant-segmented .ant-segmented-item-label{color:#101828!important}.ant-segmented-item-selected .ant-segmented-item-label{color:#005893!important}.ant-layout-header{-webkit-backdrop-filter:saturate(1.8) blur(8px);backdrop-filter:saturate(1.8) blur(8px)}.ant-menu-inline-collapsed-tooltip{display:none!important}.ant-segmented{border-radius:999px;overflow:hidden}.ant-segmented-thumb{border-radius:999px!important;box-shadow:0 4px 12px #10182814}.ant-segmented-item,.ant-segmented-item-selected,.ant-segmented-thumb.ant-segmented-thumb-motion-appear,.ant-segmented-thumb.ant-segmented-thumb-motion-enter,.ant-segmented-thumb.ant-segmented-thumb-motion-appear-active,.ant-segmented-thumb.ant-segmented-thumb-motion-enter-active{border-radius:999px!important}.search-row .ant-input,.search-row .ant-input-affix-wrapper{height:40px!important;border-radius:12px!important}.search-row .ant-input{line-height:40px!important;padding:0 12px!important}.search-row .ant-input-affix-wrapper{padding:0 12px!important;display:flex!important;align-items:center!important}.search-row .ant-input-affix-wrapper>input.ant-input{height:100%!important;line-height:40px!important;padding:0!important}.search-row .ant-btn.report-btn{height:40px!important;border-radius:12px!important;box-sizing:border-box!important;padding:0 16px!important}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.app-layout{min-height:100vh;height:100vh;overflow:hidden}.app-sider{position:sticky;top:0;height:100vh;transition:all .2s ease-in-out;z-index:10;background:linear-gradient(180deg,#001529,#0a1f2d);border-right:1px solid rgba(255,255,255,.08)}.app-header{background:#ffffffb3;-webkit-backdrop-filter:saturate(1.8) blur(8px);backdrop-filter:saturate(1.8) blur(8px);padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(16,24,40,.06);box-shadow:0 6px 20px #1018280f}.app-header-title{margin:0;font-size:24px}.app-logo-t{color:#0bbbef;font-weight:600}.app-logo-mon{color:#005893;margin-left:2px;font-weight:600}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-content{margin:16px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:visible}.app-content-inner{padding:24px;background:#ffffffb3;-webkit-backdrop-filter:saturate(1.8) blur(8px);backdrop-filter:saturate(1.8) blur(8px);border-radius:16px;box-shadow:0 12px 32px #1018281f;border:1px solid rgba(16,24,40,.06);min-height:360px;flex:1;min-height:0;overflow:visible;display:flex;flex-direction:column}.dashboard-page,.cameras-page,.channels-page,.users-page{flex:1;min-height:0;overflow:auto;border-radius:16px}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:saturate(1.8) blur(8px);backdrop-filter:saturate(1.8) blur(8px);border-radius:16px;box-shadow:0 8px 24px #1018281a;border:1px solid rgba(16,24,40,.06)}.glass-card .ant-card-head{text-align:center;background:transparent;border-bottom:none}.glass-card.glass-card-body-center .ant-card-body{padding:16px;height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.glass-card.glass-card-body-center-tall .ant-card-body{height:198px}.dashboard-loading,.events-loading{display:flex;justify-content:center;padding:48px}.page-title{margin-bottom:24px}.stat-center{text-align:center}.stat-value-time-wrap .ant-statistic-content-value{color:#005893;font-size:48px;font-weight:700}.stat-value-online .ant-statistic-content-value,.stat-value-offline .ant-statistic-content-value{color:#000}.glass-card--online .ant-card-head-title{color:#52c41a}.glass-card--offline .ant-card-head-title{color:#be3c3e}.dashboard-row-mt{margin-top:24px}.card-broken{background:#fff1f0;border-radius:16px;box-shadow:0 8px 24px #be3c3e33}.card-broken .ant-card-body{padding:12px;height:275px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.chart-legend-placeholder{margin-top:auto;font-size:24px;font-weight:600;text-align:center}.segmented-wrap{display:flex;justify-content:center;margin-bottom:16px}.segmented-chart{background:#f0f7ff;border-radius:999px}.stats-chart-row{display:flex;align-items:flex-end;gap:8px;height:180px}.chart-bar-wrap{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.chart-bar-track{width:100%;height:150px;background:#e6f7ff;border-radius:4px;overflow:hidden;position:relative}.chart-bar-fill{position:absolute;bottom:0;width:100%;border-radius:4px;background:linear-gradient(180deg,#ff4d4f,#be3c3e)}.chart-bar-value{position:absolute;left:0;width:100%;text-align:center;font-size:12px;font-weight:600;color:#be3c3e}.chart-x-label{font-size:12px;color:#667085}.search-row{display:flex;gap:8px;align-items:center;margin-bottom:16px;width:100%;position:relative}.search-row.search-row--users{width:auto}.search-row .ant-input{flex:1}.report-btn-wrap{white-space:nowrap}.report-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#ffffffe6;border:1px solid rgba(16,24,40,.06);border-radius:12px;padding:12px;box-shadow:0 8px 24px #1018281f;z-index:5}.report-dropdown-dates{display:flex;gap:8px;margin-bottom:8px}.report-dropdown-dates .ant-picker{width:100%}.report-dropdown-actions{display:flex;justify-content:flex-end}.cameras-card,.cameras-card .ant-card-body{overflow:hidden}.cameras-loading{display:flex;justify-content:center;padding:24px}.cameras-error{color:#be3c3e;padding:24px;text-align:center}.cameras-list-wrap{max-height:60vh;overflow:auto}.channel-card{border-radius:12px;height:78px;min-width:275px;width:275px;display:flex;flex-direction:column}.channel-card--online{background:#0bbbef1a;box-shadow:0 4px 12px #1018280f}.channel-card--offline{background:#fff1f0;box-shadow:0 4px 12px #be3c3e33}.channel-card .ant-card-body{padding:12px;flex:1;display:flex;align-items:center;justify-content:center}.channel-card-inner{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}.channel-card-title{font-weight:600;line-height:1.2;margin-bottom:8px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.channel-card-tag-wrap{display:flex;align-items:center;justify-content:center}.channel-tag--online{color:#0b6ebf;background:transparent;border-color:transparent;margin:0}.channel-tag--offline{color:#be3c3e;background:transparent;border-color:transparent;margin:0}.channels-card .ant-card-body{overflow:hidden}.channels-grid-wrap{overflow-y:auto;overflow-x:hidden;padding:6px 0}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.channel-tile{position:relative;overflow:hidden;border-radius:14px;min-height:72px;padding:14px 16px;display:flex;align-items:flex-start;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.channel-tile:hover{transform:translateY(-1px)}.channel-tile--online{background:linear-gradient(145deg,#0bbbef14,#0bbbef24);box-shadow:0 2px 4px #1018280a,0 8px 16px #0bbbef14;border-color:#0bbbef33}.channel-tile--online:hover{box-shadow:0 4px 8px #1018280f,0 12px 24px #0bbbef1f}.channel-tile--offline{background:linear-gradient(145deg,#fffffff2,#fff1f0fa);box-shadow:0 2px 4px #1018280a,0 8px 16px #be3c3e1a;border-color:#be3c3e26}.channel-tile--offline:hover{box-shadow:0 4px 8px #1018280f,0 12px 24px #be3c3e24}.channel-tile-status{position:absolute;left:14px;bottom:14px;width:12px;height:12px;border-radius:50%;pointer-events:none;z-index:0}.channel-tile--online .channel-tile-status{background:#52c41a;box-shadow:0 0 0 2px #ffffffe6,0 0 0 3px #52c41a59,0 2px 4px #52c41a40}.channel-tile--offline .channel-tile-status{background:#ff4d4f;box-shadow:0 0 0 2px #ffffffe6,0 0 0 3px #ff4d4f4d,0 2px 6px #ff4d4f59}.channel-tile-server{position:absolute;right:14px;bottom:12px;left:36px;font-size:17px;font-weight:700;letter-spacing:.02em;color:#10182852;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;line-height:1.2;z-index:0}.channel-tile--offline .channel-tile-server{color:#be3c3e66}.channel-tile-fg{position:relative;z-index:1;min-width:0;flex:1;padding-right:8px}.channel-tile-name{font-weight:700;font-size:.9375rem;line-height:1.35;letter-spacing:.01em;color:#0f172a;white-space:nowrap;overflow:hidden}.channel-tile--offline .channel-tile-name{color:#1e293b}.channel-tile{cursor:pointer}.channel-tile-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#ffffffb3;border-radius:14px}.channel-screenshot-card-placeholder.channel-tile{box-sizing:border-box;pointer-events:none}.channel-screenshot-card-placeholder.channel-tile:hover{transform:none}.channel-screenshot-backdrop{position:fixed;inset:0;z-index:1000;background:#0000004d;cursor:pointer}.channel-screenshot-popup{position:fixed;z-index:1002;width:240px;max-height:180px;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #10182833;border:1px solid rgba(16,24,40,.08);background:#fff}.channel-screenshot-popup img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;vertical-align:top;cursor:pointer}.channel-screenshot-fullscreen-backdrop{position:fixed;inset:0;z-index:1100;background:#0009;cursor:pointer}.channel-screenshot-fullscreen-wrap{position:fixed;inset:0;z-index:1101;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;pointer-events:none}.channel-screenshot-fullscreen-wrap img{pointer-events:auto;max-height:95vh;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.channel-screenshot-fullscreen-close{position:fixed;top:1rem;right:1rem;z-index:1102;pointer-events:auto;width:40px;height:40px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.channel-screenshot-fullscreen-close:hover{background:#ffffff59}.events-card .ant-card-body{padding:0}.events-empty{padding:16px;text-align:center;color:#667085}.events-list{padding:0 20px 20px;max-height:60vh;min-height:520px;overflow-y:auto;overflow-x:hidden}.events-search-row{padding:20px 20px 0}.events-page{flex:1;min-height:0;overflow:visible;display:flex;flex-direction:column;border-radius:16px}.events-page-title{flex-shrink:0;margin-bottom:24px}.events-page .events-card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.events-page .events-card .ant-card-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0}.events-page .events-list{flex:1;overflow-y:auto;overflow-x:hidden;max-height:none;min-height:0;padding:0 20px 20px}.events-page .events-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;color:#667085}.events-page .events-loading{flex:1;display:flex;align-items:center;justify-content:center}.incident-card--critical{background:#fff1f0;padding:16px}.incident-card--critical .ant-card-head{text-align:left;background:transparent;border-bottom:none;font-size:14px;padding:0;height:30px;color:#be3c3e}.incident-card--scheduled{background:#fffbe6;padding:16px}.incident-card--scheduled .ant-card-head{text-align:left;background:transparent;border-bottom:none;font-size:14px;padding:0;height:30px;color:#7a5c00}.incident-card--normal{background:#0bbbef1a;padding:16px}.incident-card--normal .ant-card-head{text-align:left;background:transparent;border-bottom:none;font-size:14px;padding:0;height:30px}.incident-body-wrap{padding:0}.incident-row{margin-bottom:6px}.incident-row strong{font-weight:600}.incident-meta{margin-top:6px;font-size:11px;color:#667085}.incident-meta-sub{margin-top:2px;font-size:11px;color:#98a2b3}.servers-page{padding:0}.servers-loading{display:flex;justify-content:center;align-items:center;min-height:40vh}.servers-create-card{margin-bottom:24px}.servers-create-title{margin-bottom:16px!important}.servers-create-form .servers-create-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.servers-create-form .ant-form-item{margin-bottom:0;min-width:140px;flex:1}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.server-card .ant-card-body{padding:16px}.server-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(16,24,40,.08)}.server-card-name{font-weight:700;font-size:1rem;color:#0f172a}.server-card-delete{padding:0 4px}.server-card-fields{display:flex;flex-direction:column;gap:8px}.server-card-row{display:flex;align-items:center;gap:12px;min-height:32px}.server-card-label{flex:0 0 80px;font-size:13px;color:#64748b}.server-card-value{flex:1;font-size:14px;color:#0f172a;cursor:pointer;padding:4px 6px;margin:-4px -6px;border-radius:6px;transition:background .15s}.server-card-value:hover{background:#1018280f}.server-card-value input{max-width:100%}.server-card-password{display:inline-flex;align-items:center;gap:8px}.server-card-mask{letter-spacing:.1em;cursor:pointer}.server-card-row-switch{align-items:center}.server-card-row-switch .server-card-label{flex:1}.server-card-actions{margin-top:16px;padding-top:12px;border-top:1px solid rgba(16,24,40,.08)}