@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--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;--tw-duration:initial}}}:root{--color-bg-header:#202125;--color-bg-searchbar:#f2f2f7;--color-bg-layout:#fff;--color-bg-button-dark:#1a1a1a;--color-bg-button-light:#f9f9f9;--color-bg-button-hover:#f5f5f5;--color-bg-card:#fff;--color-success:#34c85a;--color-warning:#ffb400;--color-danger:#f47d7d;--color-text-dashboard-device-status-normal:#22a04c;--color-text-dashboard-device-status-warning:#f9a925;--color-text-dashboard-device-status-emergency:#d3302f;--color-text-primary:#333d4b;--color-text-secondary:#555;--color-text-label:#b2b2b2;--color-text-subtitle:#6b7684;--color-text-muted:#999;--color-text-placeholder:#9e9e9e;--color-text-placeholder-light:#b3b3b3;--color-text-inverse:#fff;--color-text-dark:#213547;--color-text-button:#303a49;--color-text-black:#000;--icon-color-default:var(--color-text-muted);--icon-color-disabled:#c1c1c1;--icon-color-primary:#aeaeae;--color-menu-text-inactive:#959595;--color-profile-icon-bg:#ececec;--color-slider-bg:#e9e9e9;--color-slider-text-inactive:#a7aeb6;--color-slider-text-hover:#6b7280;--color-table-row-odd:#fafafb;--color-table-row-hover:#f0f1f3;--color-table-status-normal-bg:#e8faec;--color-select-option-active-bg:#e8f5e9;--color-select-option-active-text:#2e7d32;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-text:#dc2626;--color-error-message:#991b1b;--color-error-button-hover:#b91c1c;--color-cctv-popup-bg:#161616;--color-cctv-popup-border:#5e5e5e;--color-cctv-popup-text-secondary:#c9c9c9;--color-cctv-popup-live:#d20101;--color-cctv-popup-video-bg:#0a0a0a;--color-border:#e5e5ea;--color-border-light:#e5e5e5;--color-border-input:#d9d9d9;--color-border-input-default:#a9a9a9;--color-border-separator:#636363;--color-focus-primary:#7e5ae2;--color-focus-accent:#006aff;--color-focus-ring:#006aff1a;--color-checkbox-blue:#006aff;--color-primary-light-bg:#ddf;--color-primary-light-bg-hover:#ccf;--color-primary-text:#66f;--color-section-bg:#f6f7f9;--color-bg-subtle:#f5f5f5;--color-avatar-text:#9d9d9d;--color-avatar-border:#e6e8eb;--color-link:#646cff;--color-link-hover:#535bf2;--color-link-hover-light:#747bff;--font-family:"Pretendard Variable",sans-serif;--font-family-system:system-ui,Avenir,Helvetica,Arial,sans-serif;--font-size-base:16px;--font-size-relative:1rem;--font-size-metric-subtitle:.875rem;--font-size-metric-value:1.75rem;--font-size-metric-label:1.25rem;--font-size-chart-section-title:1.25rem;--font-weight-base:400;--font-weight-timestamp:500;--font-weight-metric-subtitle:500;--font-weight-metric-value:700;--font-weight-metric-label:500;--font-weight-chart-section-title:600;--font-line-height-base:1.5;--font-line-height-metric-value:1.2;--font-line-height-metric-label:1.4;--font-line-height-chart-section-title:1.75rem;--spacing-page-horizontal:clamp(1.25rem,2.1vw,2.5rem);--gap-section:clamp(1rem,2.7vw,3.125rem);--gap-metrics:clamp(1.5rem,3.35vw,4rem);--gap-equipment:clamp(1rem,2.95vw,3.5rem);--spacing-section-timestamp__bottom:1.0625rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.625rem;--transition-fast:.2s ease;--transition-normal:.25s ease;--layout-body-min-width:1280px;--layout-body-min-height:100dvh;--layout-body-max-width:1920px;--layout-body-max-height:100dvh;--layout-data-analysis-padding-top:2.1875rem;--layout-data-analysis-header-top:.75rem;--layout-data-analysis-header-right:2.5rem;--layout-data-analysis-grid-gap:1.75rem 2.1875rem;--layout-data-analysis-chart-section-gap:.75rem;--logs-heater-cell-number-width:clamp(4.625rem,5.75vw,5.75rem);--logs-heater-cell-time-width:clamp(13rem,16.125vw,16.125rem);--logs-heater-cell-location-width:clamp(22.5rem,27.75vw,27.75rem);--logs-heater-cell-status-width:clamp(5rem,11.125vw,7rem);--logs-heater-cell-cause-width:clamp(9.15rem,50vw,50rem);--logs-heater-cell-gap:0px;--logs-heater-padding:clamp(1.625rem,2vw,2rem);--logs-heater-column-gap:10px;--logs-heater-header-height:18px;--logs-heater-row-height:48px;--logs-heater-header-font-size:clamp(10.5px,.875rem + (100vw - 80rem)*.00625,1rem);--logs-heater-row-font-size:clamp(12px,1rem + (100vw - 80rem)*.00625,1.125rem);--logs-heater-badge-font-size:clamp(12px,1rem + (100vw - 80rem)*.00625,1.125rem);--logs-heater-header-color:#9d9d9d;--logs-heater-row-color:#333d4b;--logs-heater-row-even-bg:#fafafb;--logs-heater-row-odd-bg:#fff;--logs-heater-badge-on-bg:#e8faec;--logs-heater-badge-on-color:#22a04c;--logs-heater-badge-on-hover-bg:#d4f5db;--logs-heater-badge-on-hover-color:#1b853f;--logs-heater-badge-off-bg:#ffe8e8;--logs-heater-badge-off-color:#e53e3e;--logs-heater-badge-off-hover-bg:#ffd1d1;--logs-heater-badge-off-hover-color:#c53030;--logs-heater-badge-normal-bg:#dcdcdc;--logs-heater-badge-normal-color:var(--color-text-subtitle);--logs-heater-row-radius:10px;--logs-heater-badge-radius:999px;--logs-heater-badge-height:24px;--logs-heater-badge-padding:0 8px;--logs-system-cell-number-width:clamp(4.625rem,5.75vw,5.75rem);--logs-system-cell-time-width:clamp(13rem,16.125vw,16.125rem);--logs-system-cell-content-width:clamp(47.625rem,71vw,90rem);--logs-system-cell-gap:0px;--logs-system-padding:clamp(.8125rem,1vw,1rem);--logs-system-column-gap:10px;--logs-system-header-height:18px;--logs-system-row-height:48px;--logs-system-header-font-size:clamp(10.5px,.875rem + (100vw - 80rem)*.00625,1rem);--logs-system-row-font-size:clamp(12px,1rem + (100vw - 80rem)*.00625,1.125rem);--logs-system-header-color:#9d9d9d;--logs-system-row-color:#333d4b;--logs-system-row-even-bg:#fafafb;--logs-system-row-odd-bg:#fff;--logs-system-row-radius:10px;--color-toggle-bg-inactive:#e0e0e0;--color-login-bg:#1a1a2e;--color-login-card-bg:#2a2b38;--color-login-field-bg:#1f2029;--color-login-accent:#ffeba7;--color-login-text-primary:#f5f5f5;--color-login-text-secondary:#5e6681;--color-login-text-muted:#d3d3d3;--color-login-placeholder:#888;--color-text-dark-gray:#454545;--color-text-dark-blue:#3a3c4e;--color-bg-hover-light:#e8e8ed;--color-border-dark:#888;--color-checkbox-disabled-bg:#f0f0f0;--color-checkbox-disabled-border:#ccc;--color-input-disabled-bg:#f5f5f5;--color-input-focus-bg:#f0f6ff}@keyframes toast-fade-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-y-px{inset-block:-1px}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.container{width:100%}.mx-auto{margin-inline:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!table{display:table!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.h-\[1\.2rem\]{height:1.2rem}.h-\[2\.125rem\]{height:2.125rem}.h-\[4\.25rem\]{height:4.25rem}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-\[1\.2rem\]{width:1.2rem}.w-\[40rem\]{width:40rem}.w-\[150px\]{width:150px}.w-full{width:100%}.w-px{width:1px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-\[200px\]{min-width:200px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-current{border-color:currentColor}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--color-border-light\)\]{background-color:var(--color-border-light)}.bg-\[var\(--color-border-separator\)\]{background-color:var(--color-border-separator)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-transparent{background-color:#0000}.object-cover{-o-object-fit:cover;object-fit:cover}.px-\[var\(--spacing-sm\)\]{padding-inline:var(--spacing-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-none{--tw-leading:1;line-height:1}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.text-clip{text-overflow:clip}.whitespace-nowrap{white-space:nowrap}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);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,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.\[tool\:pytest\]{tool:pytest}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:underline:hover{text-decoration-line:underline}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(prefers-color-scheme:dark){.dark\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:-rotate-90{rotate:-90deg}.dark\:rotate-0{rotate:none}}html{font-size:clamp(10.67px,.833vw,16px)}:root{font-family:var(--font-family-system);line-height:var(--font-line-height-base);font-weight:var(--font-weight-base);color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-link);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--color-link-hover)}body{min-width:var(--layout-body-min-width);min-height:var(--app-height,100dvh);max-width:var(--layout-body-max-width);max-height:var(--app-height,100dvh);margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--radius-lg);background-color:var(--color-bg-button-dark);cursor:pointer;transition:border-color var(--transition-normal);border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500}button:hover{border-color:var(--color-link)}button:focus-visible{border-color:var(--color-focus-accent);box-shadow:0 0 0 2px var(--color-focus-ring);outline:none}@media(prefers-color-scheme:light){:root{color:var(--color-text-dark);background-color:var(--color-bg-card)}a:hover{color:var(--color-link-hover-light)}button{background-color:var(--color-bg-button-light)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-duration{syntax:"*";inherits:false}#root{width:100%;height:var(--app-height, 100dvh);margin:0;padding:0}.button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.button:hover{opacity:.8}.pagination{display:flex;gap:4px;align-items:center;justify-content:center}.pagination-button{min-width:20px;height:20px;border-radius:4px;border:none;cursor:pointer;font-family:Pretendard Variable,sans-serif;font-size:14px;line-height:18px;font-weight:400;display:flex;align-items:center;justify-content:center;padding:1px 6px;transition:all .2s ease}.pagination-button.active{background:#202125;color:#fff}.pagination-button:not(.active){background:#fff;color:#979797}.pagination-button:not(.active):hover{background:#f5f5f5}.pagination-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.pagination-arrow{width:20px;height:20px;border-radius:4px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;background:#fff;transition:all .2s ease;position:relative}.pagination-arrow:hover{background:#f5f5f5}.pagination-arrow:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.pagination-arrow.double{width:24px}.pagination-arrow img{width:14px;height:14px;display:block}.pagination-arrow.double img{position:absolute}.pagination-arrow.double img:first-child{left:3px}.pagination-arrow.double .double-arrow-second{left:7px;opacity:.5}.pagination-arrow .img-reverse{transform:rotate(180deg)}.header{background-color:var(--color-bg-header);display:flex;flex-direction:column;padding:0 var(--spacing-page-horizontal);position:relative}.header-top{display:flex;align-items:center;justify-content:space-between;padding-top:1.8125rem;padding-bottom:2rem}.header-left{display:flex;align-items:center;gap:3.625rem}.header-right{display:flex;align-items:center;gap:0}.notification-btn{width:3rem;height:3rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.notification-btn:hover{background-color:#ffffff1a}.profile-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;position:relative}.profile-icon span{width:1.75rem;height:1.75rem;background-color:var(--color-profile-icon-bg);border:1px solid var(--color-border-input);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);line-height:1.4}.logo-container{width:9.25rem;height:1.875rem}.company-logo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.primary-menu{display:flex;align-items:center;gap:4.25rem}.primary-menu .nav-item{font-family:var(--font-family);font-size:1.25rem;font-weight:500;line-height:1.75rem;color:var(--color-menu-text-inactive);cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.primary-menu .nav-item.active{font-weight:700;color:var(--color-text-inverse)}.primary-menu .nav-item:hover{color:var(--color-text-inverse)}.timestamp{background-color:var(--color-bg-header);display:flex;flex-direction:column;padding:0 var(--spacing-page-horizontal);padding-bottom:var(--spacing-section-timestamp__bottom);position:relative;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-relative);font-weight:var(--font-weight-timestamp);line-height:var(--font-line-height-base);color:var(--color-text-muted);text-align:left}.secondary-menu{display:flex;padding:1.375rem 0 1.375rem 2.5rem;flex-shrink:0;background-color:#fff;width:10.5rem;flex-direction:column;gap:.25rem;align-items:stretch}.secondary-menu .nav-item{display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1rem;font-family:var(--font-family);font-size:1rem;font-weight:500;line-height:1.75rem;color:#333d4b;text-align:center;background-color:#fff;border-radius:var(--radius-xl);cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast)}.secondary-menu .nav-item.active{background-color:#fafafb;font-weight:500;color:#333d4b}.secondary-menu .nav-item:hover{background-color:#fafafb}.cctv-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.cctv-icon-svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cctv-icon-unselected{width:80%;height:80%;margin:10%}.cctv-popup{box-sizing:border-box;background:var(--color-cctv-popup-bg);border-radius:.5rem;padding:1.125rem;width:45rem;box-shadow:0 8px 32px #0006;z-index:100;opacity:0;transition:opacity .1s ease-in}.cctv-popup.position-calculated{opacity:1}.cctv-popup-content{display:flex;flex-direction:column;gap:1rem;width:100%}.cctv-popup-live-badge{display:flex;align-items:center;justify-content:flex-start;gap:.375rem;border-radius:.25rem;padding:.125rem .3125rem;width:2.9375rem;height:1.125rem;flex-shrink:0}.cctv-popup-live-badge.is-live{background:var(--color-cctv-popup-live)}.cctv-popup-live-badge.is-offline{background:#666}.cctv-popup-live-dot{width:.25rem;height:.25rem;background:var(--color-text-inverse);border-radius:50%;flex-shrink:0}.cctv-popup-live-text{font-family:Pretendard Variable,sans-serif;font-weight:600;font-size:1rem;line-height:1.125rem;color:var(--color-text-inverse);text-align:center;white-space:nowrap}.cctv-popup-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:.625rem}.cctv-popup-device-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.cctv-popup-location-name{font-family:Pretendard Variable,sans-serif;font-weight:500;font-size:1.125rem;line-height:1.125rem;color:var(--color-text-inverse);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cctv-popup-serial-number{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:.875rem;line-height:1.125rem;color:var(--color-cctv-popup-text-secondary);text-align:left;white-space:nowrap}.cctv-download-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;flex-shrink:0;transition:opacity .2s}.cctv-download-btn:hover{opacity:.7}.cctv-download-btn img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cctv-popup-thumbnail{width:100%;aspect-ratio:324 / 180;box-sizing:border-box;border:1px solid var(--color-cctv-popup-border);border-radius:.5rem;overflow:hidden;position:relative;background:var(--color-cctv-popup-video-bg)}.cctv-popup-stream{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;display:block;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}.cctv-popup-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.cctv-popup-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer;transition:background .2s}.cctv-popup-play-overlay:hover{background:#00000080}.cctv-popup-play-icon{width:3rem;height:3rem}.cctv-video-controls{position:absolute;bottom:.625rem;left:.625rem;right:.625rem;display:flex;align-items:center;justify-content:space-between}.cctv-video-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;flex-shrink:0;transition:opacity .2s}.cctv-video-btn:hover{opacity:.7}.cctv-video-btn img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cctv-popup.fullscreen-mode{position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;border-radius:0;padding:0;box-shadow:none;z-index:1000;background:#000;opacity:1}.cctv-fullscreen-content{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.cctv-fullscreen-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:3.375rem 3.375rem 1.875rem;background:linear-gradient(to bottom,#000 0%,#000 50%,transparent 100%);z-index:1001}.cctv-fullscreen-header-left{display:flex;flex-direction:column;gap:.75rem}.cctv-fullscreen-title{display:flex;flex-direction:column;gap:.5rem}.cctv-fullscreen-location-name{font-family:Pretendard Variable,sans-serif;font-weight:500;font-size:1.75rem;line-height:1.75rem;color:var(--color-text-inverse);white-space:nowrap}.cctv-fullscreen-serial-number{font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:1.125rem;line-height:1.125rem;color:var(--color-cctv-popup-text-secondary);white-space:nowrap}.cctv-fullscreen-download-btn{display:flex;align-items:center;justify-content:center;background:var(--color-text-black);border:none;border-radius:.25rem;cursor:pointer;padding:.5rem;width:2.875rem;height:2.875rem;flex-shrink:0;transition:opacity .2s}.cctv-fullscreen-download-btn:hover{opacity:.7}.cctv-fullscreen-download-btn img{display:block;width:1.875rem;height:1.875rem;-o-object-fit:contain;object-fit:contain}.cctv-fullscreen-video-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.cctv-fullscreen-stream{display:block;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}.cctv-fullscreen-stream[data-fit-mode=vertical]{width:100%;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cctv-fullscreen-stream[data-fit-mode=horizontal]{height:100%;width:auto;position:absolute;left:50%;top:0;transform:translate(-50%)}.cctv-fullscreen-stream[data-fit-mode=both]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.cctv-fullscreen-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer;transition:background .2s;z-index:1002}.cctv-fullscreen-play-overlay:hover{background:#00000080}.cctv-fullscreen-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 3.125rem;background:linear-gradient(to top,#000 0%,#000 50%,transparent 100%);z-index:1001}.cctv-fullscreen-control-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;width:2.375rem;height:2.375rem;flex-shrink:0;transition:opacity .2s}.cctv-fullscreen-control-btn:hover{opacity:.7}.cctv-fullscreen-control-btn img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cctv-fullscreen-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.toggle{position:relative;display:inline-block;width:2.25rem;height:1.375rem;cursor:pointer}.toggle-input{display:none}.toggle-slider{position:absolute;inset:0;background-color:var(--color-toggle-bg-inactive);border-radius:1200px;transition:background-color .3s}.toggle-slider:before{content:"";position:absolute;height:1.125rem;width:1.125rem;left:.125rem;bottom:.125rem;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-input:checked+.toggle-slider{background-color:var(--color-focus-accent)}.toggle-input:checked+.toggle-slider:before{transform:translate(.875rem)}.toggle--disabled{opacity:.5;cursor:not-allowed}.toggle--disabled .toggle-slider{cursor:not-allowed}.checkbox-container{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-input{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkbox-container input:disabled{cursor:not-allowed}.checkbox-box{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:.125rem solid var(--color-border-light);border-radius:var(--radius-sm);background:#fff;transition:all var(--transition-fast);flex-shrink:0}.checkbox-input:checked+.checkbox-box{background:var(--color-focus-primary);border-color:var(--color-focus-primary)}.checkbox-input:disabled+.checkbox-box{background:var(--color-checkbox-disabled-bg);border-color:var(--color-checkbox-disabled-border);opacity:.6}.checkbox-check{width:1rem;height:.625rem;color:#fff;display:flex;align-items:center;justify-content:center}.checkbox-container:hover .checkbox-box{border-color:var(--color-focus-primary)}.checkbox-input:checked~.checkbox-box,.checkbox-input:focus+.checkbox-box{box-shadow:0 0 0 .125rem #7e5ae21a}.checkbox-container--blue .checkbox-input:checked+.checkbox-box{background:var(--color-checkbox-blue);border-color:var(--color-checkbox-blue)}.checkbox-container--blue:hover .checkbox-box{border-color:var(--color-checkbox-blue)}.checkbox-container--blue .checkbox-input:checked~.checkbox-box,.checkbox-container--blue .checkbox-input:focus+.checkbox-box{box-shadow:0 0 0 .125rem #006aff1a}.simple-number-input-wrapper{display:flex;align-items:center;gap:.5rem}.simple-number-input{padding:.5rem .75rem;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:#fff;font-family:var(--font-family);font-size:1rem;color:var(--color-text-primary);transition:all var(--transition-fast);height:2.5rem;box-sizing:border-box;text-align:center}.simple-number-input:focus{outline:none;border-color:var(--color-focus-accent);box-shadow:0 0 0 2px var(--color-focus-ring)}.simple-number-input:disabled{background:var(--color-bg-subtle);color:var(--color-text-disabled);cursor:not-allowed}.simple-number-input__unit{color:var(--color-text-subtitle);font-family:var(--font-family);font-feature-settings:"liga" off,"clig" off;font-size:1.125rem;font-style:normal;font-weight:400;line-height:140%;white-space:pre}.load-condition-selector-wrapper{display:flex;flex-direction:column;gap:.75rem}.load-condition-selector-label{font-family:var(--font-family);font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.load-condition-options{display:flex;gap:.5rem;flex-wrap:wrap}.load-condition-btn{padding:.5rem 1rem;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-card);font-family:var(--font-family);font-size:.875rem;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.load-condition-btn:hover:not(:disabled){border-color:var(--color-focus-accent);background:var(--color-input-focus-bg)}.load-condition-btn--active{background:var(--color-primary-light-bg);border-color:var(--color-primary-text);color:var(--color-primary-text);font-weight:500}.load-condition-btn:disabled{opacity:.5;cursor:not-allowed}.time-picker-wrapper{display:flex;flex-direction:column;gap:.375rem}.time-picker-label{font-family:var(--font-family);font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.time-picker-input-wrapper{position:relative;display:inline-block;width:100%}.time-picker-input[type=text]{padding:.5rem 1.5rem .5rem .25rem;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:#fff;font-family:var(--font-family);font-size:1rem;color:var(--color-text-primary);text-align:center;transition:all var(--transition-fast);height:2.5rem;box-sizing:border-box;width:100%}.time-picker-input[type=text]:focus{outline:none;border-color:var(--color-focus-primary);box-shadow:0 0 0 2px #7e5ae21a}.time-picker-input[type=text]:disabled{background:var(--color-bg-subtle);color:var(--color-text-disabled);cursor:not-allowed}.time-picker-input[type=text]::-moz-placeholder{color:var(--color-text-muted)}.time-picker-input[type=text]::placeholder{color:var(--color-text-muted)}.time-picker-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--color-text-subtitle);transition:color var(--transition-fast);pointer-events:auto}.time-picker-icon:hover:not([style*="cursor: not-allowed"]){color:var(--color-text-primary)}.device-control-section{margin-top:0;padding-bottom:1rem;border:none;background:transparent}.device-control-section:first-of-type{padding-top:0}.device-control-section:last-child{border-bottom:none;padding-bottom:0}.device-control-section__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.device-control-section__title{font-family:var(--font-family);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.device-logic-control-section__content{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;width:54.25rem;padding:.5rem 1.125rem;border-radius:.625rem;background:var(--color-section-bg)}.device-logic-control-section__row{display:flex;align-items:center;width:54.25rem}.device-logic-control-section__row--third{display:flex;width:54.25rem;align-items:flex-start}.device-logic-control-section__field{display:flex;flex-direction:row;align-items:center;gap:.75rem}.device-logic-control__scheduling{width:19.9375rem;margin-right:4.625rem}.device-logic-control__release-level{margin-right:8.6875rem}.device-logic-control__temperature{width:12rem;margin-right:12.5625rem}.device-logic-control__humidity{margin-right:4.9375rem}.device-control-section__label{font-family:var(--font-family);font-size:1.125rem;font-weight:500;color:var(--color-text-primary);min-width:3.9375rem;flex-shrink:0}.device-control-section__label--with-checkbox{display:flex;align-items:center;gap:.8125rem;min-width:4.0625rem}.device-logic-control-section__input{padding:.5rem .75rem;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:#fff;font-family:var(--font-family);font-size:.875rem;color:var(--color-text-primary);transition:all var(--transition-fast);height:2.5rem;box-sizing:border-box}.device-logic-control-section__input:focus{outline:none;border-color:var(--color-focus-accent);box-shadow:0 0 0 2px var(--color-focus-ring)}.device-control-section__input--number{flex:0 0 3.75rem;width:3.75rem;text-align:center}.device-control-section__input--time{width:5.625rem;text-align:center}.device-logic-control-section__time-input,.device-control-section__number-input{display:flex;align-items:center;gap:.5rem}.device-logic-control-section__separator{color:var(--color-text-subtitle);font-size:.875rem}.device-control-section__unit{color:var(--color-text-subtitle);font-family:var(--font-family);font-size:.875rem;white-space:nowrap}.device-control-section__checkbox{width:1.25rem;height:1.25rem;margin-right:.25rem;cursor:pointer;accent-color:var(--color-focus-accent)}.device-control-section__label-input-group{display:flex;align-items:center;gap:.75rem;margin-right:.5625rem}.device-control-section__load-condition-selector{flex-direction:row}.device-control-section__load-condition-selector .load-condition-options{gap:.625rem;flex-wrap:nowrap}.device-control-section__load-condition-selector .load-condition-btn{width:6rem}.operation-logic-popup{box-sizing:border-box;background:var(--color-bg-card);border-radius:.75rem;padding:1.25rem;width:60rem;max-height:32rem;box-shadow:0 8px 32px #00000026;z-index:100;opacity:0;transition:opacity .1s ease-in;display:flex;flex-direction:column}.operation-logic-popup.position-calculated{opacity:1}.operation-logic-popup__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.operation-logic-popup__serial{font-family:Pretendard Variable,sans-serif;font-weight:600;font-size:1.125rem;line-height:1.5;color:var(--color-text-primary)}.operation-logic-popup__close-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;color:var(--color-text-muted);transition:color .2s}.operation-logic-popup__close-btn:hover{color:var(--color-text-primary)}.operation-logic-popup__content{flex:1;overflow-y:auto;padding-top:1rem;min-height:0}.operation-logic-popup__sections{display:flex;flex-direction:column;gap:1rem}.operation-logic-popup .device-control-section{background:transparent;border:none;padding:0;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.operation-logic-popup .device-control-section:last-child{border-bottom:none;padding-bottom:0}.operation-logic-popup__loading,.operation-logic-popup__error,.operation-logic-popup__empty{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:Pretendard Variable,sans-serif;font-size:.875rem;color:var(--color-text-muted)}.operation-logic-popup__error{color:var(--color-danger, #EF4444)}.operation-logic-popup__content::-webkit-scrollbar{width:6px}.operation-logic-popup__content::-webkit-scrollbar-track{background:transparent}.operation-logic-popup__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.operation-logic-popup__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.control-status-slider{background-color:var(--color-slider-bg);border-radius:var(--radius-lg);padding:.25rem .3125rem;display:inline-flex;overflow:hidden}.status-options{display:flex;gap:.25rem;align-items:center}.status-option{display:flex;align-items:center;justify-content:center;width:5rem;height:1.625rem;padding:.625rem 1.8125rem;border-radius:var(--radius-sm);background-color:transparent;border:none;cursor:pointer;font-family:var(--font-family);font-size:1.25rem;font-weight:400;line-height:1.75rem;color:var(--color-slider-text-inactive);letter-spacing:-1px;white-space:nowrap;transition:all .3s ease}.status-option.active{font-weight:600;color:var(--color-text-inverse)}.status-option.status-auto{background-color:var(--color-success)}.status-option.status-manual{background-color:var(--color-warning)}.status-option.status-off{background-color:var(--color-danger)}.status-option:hover:not(.active){color:var(--color-slider-text-hover)}.status-option.pending{position:relative}.status-option.pending:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.5}.status-option.pending-auto:after{background-color:var(--color-success)}.status-option.pending-manual:after{background-color:var(--color-warning)}.status-option.pending-off:after{background-color:var(--color-danger)}.table-container{flex:1;background:#fff;border-radius:.75rem;overflow:auto;box-shadow:0 1px 3px #00000014;position:relative;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.table-container::-webkit-scrollbar{display:none}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background:#fff;position:sticky;top:0;z-index:10}.data-table th{padding:.875rem;text-align:center;font-family:Pretendard Variable,sans-serif;font-weight:500;font-size:clamp(.833rem,1.042vw,1.25rem);line-height:1.75rem;color:var(--color-text-subtitle);white-space:nowrap;background:#fff}.data-table tbody tr{border-radius:.625rem;transition:background-color .15s}.data-table tbody tr:nth-child(odd){background-color:var(--color-table-row-odd)}.data-table tbody tr:nth-child(2n){background-color:transparent}.data-table tbody tr:hover{background-color:var(--color-table-row-hover)}.data-table td{padding:.875rem;text-align:center;font-family:Pretendard Variable,sans-serif;font-weight:400;font-size:clamp(.917rem,1.146vw,1.375rem);line-height:1.75rem;color:var(--color-text-primary);white-space:nowrap}.location-cell{font-weight:500;color:var(--color-text-primary);text-align:left}.empty-cell{padding:3rem 1rem;text-align:center;color:var(--color-text-muted);font-size:1rem}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem;border-radius:999px;font-family:Pretendard Variable,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.6;letter-spacing:-.36px;text-align:center;white-space:nowrap}table .status-normal{background:var(--color-table-status-normal-bg);color:var(--color-text-dashboard-device-status-normal)}table .status-success{background:var(--color-success-bg, #D1FAE5);color:var(--color-success, #10B981)}table .status-warning{background:var(--color-warning-bg, #FEF3C7);color:var(--color-warning, #F59E0B)}table .status-danger,table .status-error{background:var(--color-danger-bg, #FEE2E2);color:var(--color-danger, #EF4444)}.cctv-cell{padding:.5rem .75rem}.cctv-icon-container{width:2.25rem;height:2.25rem;margin:0 auto;cursor:pointer}.operation-logic-cell{cursor:pointer}.operation-logic-clickable{cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .15s,color .15s}.operation-logic-clickable:hover{background-color:var(--color-focus-accent-light, rgba(99, 102, 241, .1));color:var(--color-focus-accent, #6366F1)}.operation-logic-clickable--active{background-color:var(--color-focus-accent-light, rgba(99, 102, 241, .15));color:var(--color-focus-accent, #6366F1)}.search-bar{display:flex;align-items:center;gap:.625rem;padding:.375rem .25rem .375rem .75rem;background-color:var(--color-bg-searchbar);border:1px solid var(--color-border-light);border-radius:var(--radius-md);width:16rem;height:2.5rem;box-sizing:border-box}.search-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.125rem;height:1.125rem}.search-icon{display:block;width:1.125rem;height:1.125rem}.search-input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:var(--font-family);font-style:normal;font-weight:500;font-size:1.125rem;line-height:160%;letter-spacing:-.36px;color:var(--color-text-black);height:1.75rem}.search-input::-moz-placeholder{color:var(--color-text-placeholder)}.search-input::placeholder{color:var(--color-text-placeholder)}.sort-select-container{position:relative}.sort-select-button{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#fff;border:1px solid var(--color-border-input);border-radius:.5rem;font-family:Pretendard Variable,sans-serif;font-size:1.125rem;font-weight:600;color:var(--color-text-button);letter-spacing:-.36px;cursor:pointer;transition:all .2s;min-height:2.5rem;box-sizing:border-box}.sort-select-button:hover{background:var(--color-bg-button-hover)}.sort-select-button:focus-visible{outline:none;border-color:var(--color-focus-accent);box-shadow:0 0 0 2px var(--color-focus-ring)}.sort-select-text{line-height:1}.sort-select-dropdown{position:absolute;top:calc(100% + .25rem);right:0;background:#fff;border:1px solid var(--color-border-input);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:100;min-width:100%}.sort-select-option{display:block;width:100%;padding:.5rem .75rem;background:#fff;border:none;font-family:Pretendard Variable,sans-serif;font-size:1rem;font-weight:500;color:var(--color-text-button);text-align:left;cursor:pointer;transition:background .2s}.sort-select-option:hover{background:var(--color-bg-button-hover)}.sort-select-option:focus-visible{outline:none;background:var(--color-bg-button-hover);box-shadow:inset 0 0 0 2px var(--color-focus-accent)}.sort-select-option.active{background:var(--color-select-option-active-bg);color:var(--color-select-option-active-text)}.zoom-controls{display:flex;align-items:center;gap:.375rem}.zoom-control-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.25rem .75rem;background:#fff;border:1px solid var(--color-border-input);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.zoom-control-button:hover{background:var(--color-bg-button-hover)}.time-series-chart{position:relative;width:100%;background:var(--color-bg-card);border:none;border-radius:0;overflow:visible;box-sizing:border-box}.time-series-chart--empty{display:flex;align-items:center;justify-content:center}.time-series-chart__empty-message{color:var(--color-text-subtitle);font-size:.875rem}.time-series-chart :global(.echarts-loading){background:#ffffffe6!important}.time-series-chart :global(.echarts-tooltip){transition:opacity .2s ease,transform .2s ease}@media(max-width:768px){.time-series-chart{border-radius:.5rem}}.time-series-chart--legend-only{position:relative}.time-series-chart__empty-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding-bottom:60px}.time-series-chart__empty-overlay .time-series-chart__empty-message{pointer-events:auto}.main-layout{display:flex;flex-direction:column;height:var(--app-height, 100dvh)}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-bg-layout);box-sizing:border-box}.page-container{flex:1;display:flex;flex-direction:column;padding:0 2rem 2rem;min-height:0;overflow-y:auto;overflow-x:hidden}