@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#182435;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f7fb;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}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]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}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{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}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{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[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{background:#f3f7fb;min-height:100vh}.app-sider{border-right:1px solid #e5edf5;height:100vh;top:0;box-shadow:3px 0 18px #12345408;background:#fff!important;position:sticky!important}.sider-brand{color:#14243a;border-bottom:1px solid #edf1f6;align-items:center;gap:12px;height:78px;padding:0 23px;display:flex}.sider-brand b{font-size:16px;display:block}.sider-brand span{color:#8292a5;margin-top:2px;font-size:11px;display:block}.brand-mark{color:#fff;background:linear-gradient(140deg,#148ed9,#46c2ef);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 6px 15px #168bd533}.brand-mark.small{font-size:17px}.brand-mark.tiny{border-radius:9px;width:30px;height:30px;font-size:12px}.sider-label{letter-spacing:1.5px;color:#9aa8b8;padding:25px 24px 9px;font-size:10px;font-weight:700}.side-menu{background:0 0;padding:0 10px;border-inline-end:0!important}.side-menu .ant-menu-item{color:#56677c;width:100%;height:44px;margin:4px 0;line-height:44px}.side-menu .ant-menu-item-selected{font-weight:600}.sider-foot{color:#8797aa;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;bottom:20px;left:24px}.online-dot{background:#24b68d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #24b68d1e}.main-layout{background:#f3f7fb;min-width:0}.top-header{background:#fff;border-bottom:1px solid #e8eef5;align-items:center;gap:18px;height:72px;padding:0 32px;line-height:normal;display:flex}.header-spacer{flex:1}.api-tag{border-radius:20px;margin:0;padding:4px 10px}.user-menu{color:#33465d;align-items:center;gap:9px;display:flex}.mobile-brand{align-items:center;gap:9px;display:none}.page-content{width:100%;max-width:1600px;margin:0 auto;padding:30px 34px 38px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-heading h2{color:#16263b;margin:0 0 4px!important;font-size:26px!important}.page-heading .ant-typography-secondary{color:#77899d}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.grid-span-12{grid-column:span 12}.grid-span-8{grid-column:span 8}.grid-span-6{grid-column:span 6}.grid-span-4{grid-column:span 4}.surface-card{box-shadow:0 6px 22px #18314d08;border:1px solid #e5edf5!important;border-radius:14px!important}.surface-card>.ant-card-head{border-bottom-color:#edf2f7;min-height:58px}.metric-card{background:#fff;border:1px solid #e7eef6;border-radius:14px;align-items:center;gap:16px;min-height:118px;padding:20px;display:flex}.metric-icon{color:#1689d5;background:#eaf6ff;border-radius:13px;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.metric-label{color:#76879b;font-size:13px}.metric-value{color:#172a40;margin-top:5px;font-size:27px;font-weight:700;line-height:1.2}.status-pill{border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-online{color:#128363;background:#e7f8f2}.status-offline{color:#c94e4e;background:#fff0ef}.status-pending{color:#b27712;background:#fff7e6}.table-card .ant-table{font-size:13px}.muted{color:#8292a5}.section-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.page-stack{flex-direction:column;gap:18px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.form-span-2{grid-column:span 2}.login-page{background:#fff;grid-template-columns:minmax(300px,40%) 1fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#0874d3 0%,#168cde 52%,#39b8e9 100%);flex-direction:column;justify-content:center;padding:72px 9%;display:flex;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:430px;height:430px;position:absolute;top:-180px;right:-230px}.login-brand:after{width:300px;height:300px;top:auto;bottom:-160px;right:-155px}.login-brand .brand-mark{box-shadow:none;background:#ffffff24;border:1px solid #ffffff47;margin-bottom:26px}.brand-caption{letter-spacing:2px;font-size:12px;font-weight:700;color:#d9f2ff!important}.login-brand h2{color:#fff!important;margin:13px 0!important;font-size:34px!important;line-height:1.25!important}.login-brand .ant-typography{color:#e2f5ff}.login-dots{gap:7px;margin-top:50px;display:flex}.login-dots i{background:#ffffff80;border-radius:10px;width:8px;height:8px;display:block}.login-dots i:first-child{background:#fff;width:25px}.login-form-side{place-items:center;padding:40px;display:grid}.login-card{width:min(430px,100%);box-shadow:none}.login-card h3{color:#15273b;margin:0 0 4px!important}.login-form{margin-top:30px}.login-form .ant-form-item-label>label{color:#495a6e;font-size:13px}.api-footnote{color:#8b99a9;margin-top:22px;font-size:11px}.api-footnote code{color:#1689d5}.boot-screen{background:#f3f7fb;place-items:center;height:100vh;display:grid}.app-footer{text-align:center;color:#98a6b5;padding:13px;font-size:11px}.mono-editor{font-family:Consolas,monospace!important;font-size:12px!important}.zone-item-card{background:#fbfdff;border:1px solid #e5edf5;border-radius:10px;margin-bottom:10px;padding:12px}.inline-feedback{color:#7c8da1;font-size:12px}.mobile-brand b{color:#173047;font-size:14px}@media (width<=1000px){.page-content{padding:24px 20px}.grid-span-8,.grid-span-6,.grid-span-4{grid-column:span 12}.login-page{grid-template-columns:35% 1fr}.login-brand{padding:40px 8%}.login-brand h2{font-size:26px!important}}@media (width<=767px){.app-sider{display:none}.top-header{gap:8px;height:60px;padding:0 14px}.mobile-brand{display:flex}.api-tag,.user-menu span{display:none}.page-content{padding:20px 13px 28px}.page-heading h2{font-size:22px!important}.metric-card{min-height:100px;padding:15px}.login-page{flex-direction:column;display:flex}.login-brand{min-height:210px;padding:24px 25px 26px}.login-brand .brand-mark{display:none}.login-brand h2{font-size:24px!important}.login-brand .ant-typography-paragraph{margin-bottom:0}.login-dots{display:none}.login-form-side{padding:22px 14px}.form-grid{grid-template-columns:1fr}.form-span-2{grid-column:auto}}.brand-logo{object-fit:cover;border-radius:12px;flex:none;width:42px;height:42px;display:block;box-shadow:0 6px 15px #0b142433}.brand-logo-mobile{border-radius:9px;width:30px;height:30px}.brand-logo-login{border-radius:20px;width:72px;height:72px;margin-bottom:26px}.mobile-brand .brand-logo{display:none}@media (width<=767px){.mobile-brand .brand-logo{display:block}.login-brand .brand-logo-login{display:none}}.buildings-section .ant-card-body{padding:18px}.building-card{height:100%;overflow:hidden;border-color:#e4ebf3!important;border-radius:12px!important}.building-card-empty{text-align:center;background:linear-gradient(#fff,#f8fbfe);flex-direction:column;justify-content:center;align-items:center;min-height:172px;display:flex}.building-empty-icon{color:#8ba0b5;margin-bottom:10px;font-size:40px}.building-card .ant-card-body{padding:16px}.building-card-main{align-items:center;gap:12px;display:flex}.building-illustration{color:#fff;background:linear-gradient(145deg,#0d9b89,#176b80);border-radius:14px;flex:none;place-items:center;width:54px;height:54px;font-size:28px;display:grid;box-shadow:0 7px 15px #0d9b892e}.building-card-title{min-width:0}.building-card-title h5{margin:0 0 4px!important}.building-card-title .ant-typography{font-size:12px}.building-stats{gap:4px;margin-top:14px;display:flex}.building-address{color:#75869a;min-height:36px;margin-top:8px;font-size:12px;display:block}.floor-plan-card .ant-card-head-title{font-weight:600}.floor-strip{gap:8px;padding-bottom:12px;display:flex;overflow-x:auto}.room-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.room-cell{color:#178b82;background:#f8fbfd;border:1px solid #dce7f0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:93px;font-size:18px;display:flex;position:relative}.room-cell b{color:#24384c;font-size:12px}.room-cell small{color:#9aa8b8;font-size:10px}.room-door{background:#fff;border:1px solid #b9c8d5;border-bottom:0;border-radius:5px 5px 0 0;width:10px;height:14px;position:absolute;bottom:0;right:8px}.overview-columns{align-items:stretch}.overview-columns>.ant-col{min-width:0;display:flex}.overview-column-stack{width:100%;min-width:0;height:100%}.overview-status-card{flex-direction:column;flex:1;height:100%;display:flex}.overview-status-card>.ant-card-body{flex:1;min-height:0}@media (width<=1199px){.overview-columns>.ant-col{display:block}.overview-column-stack,.overview-status-card{height:auto}}.overview-status-card>.ant-card-body{flex-direction:column;display:flex}.overview-status-card .ant-table-wrapper,.overview-status-card .ant-spin-nested-loading,.overview-status-card .ant-spin-container,.overview-status-card .ant-table,.overview-status-card .ant-table-container{flex-direction:column;flex:1;min-height:0;display:flex}.overview-status-card .ant-table-content{flex:1;min-height:0}.overview-status-card .ant-table-pagination{padding-top:16px;margin-top:auto!important}.overview-status-card>.ant-card-body{position:relative;padding-bottom:76px!important}.overview-status-card .ant-table-wrapper{position:static!important}.overview-status-card .ant-table-pagination{position:absolute;bottom:20px;right:24px;margin:0!important;padding:0!important}@media (width<=1199px){.overview-status-card>.ant-card-body{padding-bottom:24px!important}.overview-status-card .ant-table-pagination{position:static;margin-top:16px!important}}@media (width>=1200px){.overview-status-card>.ant-card-body{position:relative;padding-bottom:76px!important}.overview-status-card .ant-table-wrapper{display:block;position:static!important}.overview-status-card .ant-spin-nested-loading{flex-direction:column;min-height:0;display:flex;position:absolute;inset:24px 24px 76px}.overview-status-card .ant-spin-container,.overview-status-card .ant-table,.overview-status-card .ant-table-container{flex-direction:column;flex:1;min-height:0;display:flex}.overview-status-card .ant-table-content{flex:1;min-height:0;overflow:auto}.overview-status-card .ant-table-pagination{position:absolute;bottom:20px;right:24px;margin:0!important;padding:0!important}}@media (width<=1199px){.overview-status-card>.ant-card-body{position:static;padding-bottom:24px!important}.overview-status-card .ant-table-wrapper{display:block;position:static!important}.overview-status-card .ant-spin-nested-loading{display:block;position:static}.overview-status-card .ant-spin-container,.overview-status-card .ant-table,.overview-status-card .ant-table-container{display:block}.overview-status-card .ant-table-content{overflow:auto}.overview-status-card .ant-table-pagination{position:static;margin-top:16px!important}}@media (width>=1200px){.overview-status-card .ant-table-content{min-height:520px!important}}.playback-builder-grid{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);align-items:start;gap:22px;display:grid}.playback-preview-frame{aspect-ratio:16/9;background:#050a13;border:1px solid #25344b;border-radius:12px;width:100%;margin-top:9px;position:relative;overflow:hidden}.playback-preview-frame video{object-fit:cover;background:#050a13;width:100%;height:100%;position:absolute;inset:0}.playback-preview-frame.with-ticker video{height:86%}.playback-preview-placeholder{color:#91a2b8;text-align:center;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.playback-preview-ticker{color:#fff;white-space:nowrap;background:#07111f;align-items:center;height:14%;font-size:clamp(12px,1.6vw,22px);font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.playback-preview-ticker span{padding-left:100%;animation:18s linear infinite playback-ticker-ltr}.playback-preview-caption{color:#fff;background:#07111fcc;border-radius:6px;max-width:calc(100% - 16px);padding:4px 8px;font-size:11px;position:absolute;top:8px;left:8px}.playback-saved-view{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.playback-saved-view .playback-preview-frame{max-width:680px;margin:0 0 6px}@keyframes playback-ticker-ltr{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (width<=760px){.playback-builder-grid{grid-template-columns:1fr}}.video-library-card{height:100%;overflow:hidden}.video-library-card .ant-card-body{padding:12px}.video-library-thumb{aspect-ratio:16/9;color:#8ea5bd;background:linear-gradient(145deg,#0c1827,#203b55);place-items:center;font-size:34px;display:grid;position:relative;overflow:hidden}.video-library-thumb video{object-fit:cover;background:#05070a;width:100%;height:100%}.video-library-play{color:#fff;pointer-events:none;background:#06101a25;place-items:center;font-size:38px;display:grid;position:absolute;inset:0}.video-library-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-weight:600;overflow:hidden}.text-library-preview{text-overflow:ellipsis;white-space:nowrap;color:#596b80;max-width:600px;overflow:hidden}.library-card .ant-card-extra{margin-inline-start:12px}@media (width<=575px){.library-card .ant-card-head-wrapper{align-items:flex-start;gap:8px}.library-card .ant-card-extra{padding:8px 0}.video-library-play{font-size:30px}}