:root{--primary: #ff385c;--primary-active: #e00b41;--primary-disabled: #ffd1da;--primary-soft: #fff0f3;--on-primary: #ffffff;--canvas: #ffffff;--surface-soft: #f7f7f7;--surface-strong: #f2f2f2;--hairline: #dddddd;--hairline-soft: #ebebeb;--border-strong: #c1c1c1;--ink: #222222;--body: #3f3f3f;--muted: #6a6a6a;--muted-soft: #929292;--danger: #c13515;--danger-soft: #fff4ed;--success: #067647;--success-soft: #ecfdf3;--warning: #b54708;--warning-soft: #fffaeb;--info: #175cd3;--info-soft: #eff8ff;--legal-link: #428bff;--sidebar-bg: #171717;--sidebar-hover: #2b2b2b;--sidebar-text: #bdbdbd;--sidebar-text-active: #ffffff;--chart-1: #ff385c;--chart-2: #428bff;--chart-3: #0f8a6a;--chart-4: #8a5cd6;--heatmap-0: #ffffff;--heatmap-1: #ffd1da;--heatmap-2: #ff8da1;--heatmap-3: #ff385c;--font: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--weight-medium: 600;--weight-bold: 700;--r8: 8px;--r14: 14px;--r20: 20px;--r-pill: 999px;--shadow: 0 12px 36px rgba(34, 34, 34, .1);--scrim: rgba(0, 0, 0, .5);--header-height: 56px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--surface-soft);color:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{max-width:430px;margin:0 auto;min-height:100vh;background:var(--canvas);display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--hairline-soft);position:relative}.app-header{height:var(--header-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid var(--hairline-soft);position:sticky;top:0;background:var(--canvas);z-index:100}.app-header .h-title{grid-column:2;font-size:16px;font-weight:800;color:var(--ink);text-align:center;white-space:nowrap}.app-header .h-store{grid-column:1;justify-self:start;font-size:11px;font-weight:700;color:var(--primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.app-header .h-noti{grid-column:3;justify-self:end;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--hairline);border-radius:50%;background:#fff;text-decoration:none;font-size:15px}.app-content{flex:1;overflow-y:auto;padding:16px 16px 88px}.tabbar{position:sticky;bottom:0;height:64px;display:flex;background:var(--canvas);border-top:1px solid var(--hairline-soft);padding-bottom:env(safe-area-inset-bottom,0)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:600}.tabbar a .ico{font-size:20px;line-height:1}.tabbar a.active{color:var(--primary)}.page-title{font-size:20px;font-weight:700;color:var(--ink);margin:4px 0}.page-desc{color:var(--muted);font-size:13px;margin-bottom:16px}.card{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--r14);padding:16px;margin-bottom:14px}.card h2{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--ink)}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.stat{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--r14);padding:14px 16px}.stat .label{color:var(--muted);font-size:12px;margin-bottom:6px}.stat .value{font-size:22px;font-weight:700;color:var(--ink);line-height:1}.stat .value.accent{color:var(--primary)}.stat .value.warn{color:var(--warning)}.stat .unit{font-size:13px;font-weight:600;color:var(--muted);margin-left:2px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--hairline-soft);cursor:pointer}.list-item:last-child{border-bottom:none}.list-item .li-main{flex:1;min-width:0}.list-item .li-title{font-weight:600;color:var(--ink);font-size:14px}.list-item .li-sub{color:var(--muted);font-size:12px;margin-top:2px}.list-item .li-right{text-align:right}.list-item.unread .li-title:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);margin-right:6px;vertical-align:middle}.badge{display:inline-block;padding:3px 9px;border-radius:var(--r-pill);font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}.badge.primary{color:var(--primary);background:var(--primary-soft)}.badge.success{color:var(--success);background:var(--success-soft)}.badge.warning{color:var(--warning);background:var(--warning-soft)}.badge.info{color:var(--info);background:var(--info-soft)}.badge.danger{color:var(--danger);background:var(--danger-soft)}.badge.muted{color:var(--muted);background:var(--surface-strong)}.bars{display:flex;flex-direction:column;gap:9px}.bar-row{display:grid;grid-template-columns:80px 1fr 34px;align-items:center;gap:8px}.bar-row .bar-label{font-size:12px;color:var(--body)}.bar-track{height:18px;background:var(--surface-strong);border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:var(--primary);border-radius:6px}.bar-row .bar-val{font-size:12px;text-align:right;font-weight:700;color:var(--ink)}.btn{height:44px;padding:0 16px;border:1px solid var(--hairline);background:#fff;border-radius:var(--r8);font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;width:100%}.btn:hover{background:var(--surface-soft)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover{background:var(--primary-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;gap:8px;margin-top:14px}.btn-row .btn{flex:1}.chips{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}.chip{flex-shrink:0;height:34px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--hairline);background:#fff;color:var(--body);font-size:13px;font-weight:600;display:flex;align-items:center;cursor:pointer}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.dl{display:grid;grid-template-columns:96px 1fr;gap:9px 12px}.dl dt{color:var(--muted);font-size:13px}.dl dd{margin:0;font-weight:600;color:var(--ink);font-size:14px}.video-ph{background:#12151c;color:#9aa4b2;border-radius:var(--r14);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:13px;text-align:center;padding:12px}.event-video{width:100%;border-radius:var(--r14);background:#000;display:block;aspect-ratio:16/9;object-fit:contain}.cctv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.cctv-tile{display:flex;flex-direction:column;gap:5px}.cctv-frame{position:relative}.cctv-frame .event-video,.cctv-frame .video-ph{aspect-ratio:16/9;width:100%}.cctv-live{position:absolute;top:6px;left:6px;background:#c13515e6;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px}.cctv-caption{font-size:12px;font-weight:600;color:var(--ink)}.zone-heatmap{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zone-cell{border-radius:10px;padding:14px 12px;text-align:center}.zone-cell .zone-name{font-size:13px;font-weight:600;color:var(--ink)}.zone-cell .zone-count{font-size:17px;font-weight:800;color:var(--ink);margin-top:3px}.metric-grid-app{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.metric-card{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--r14);padding:14px}.metric-card .metric-name{font-size:12px;color:var(--muted);margin-bottom:6px}.metric-card .metric-value{font-size:20px;font-weight:800;color:var(--ink);line-height:1}.metric-card .metric-delta{display:inline-block;font-size:12px;font-weight:700;margin-top:6px;padding:1px 7px;border-radius:999px}.metric-card .metric-delta.up{color:var(--danger);background:var(--danger-soft)}.metric-card .metric-delta.down{color:var(--info);background:var(--info-soft)}.metric-card .metric-prev{font-size:11px;color:var(--muted);margin-top:4px}.pair-bars{display:flex;flex-direction:column;gap:10px}.pair-row{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:8px}.pair-label{font-size:13px;color:var(--ink)}.pair-track{display:flex;flex-direction:column;gap:3px}.pair-fill{height:8px;border-radius:4px;min-width:2px}.pair-fill.now{background:var(--primary)}.pair-fill.prev{background:var(--border-strong)}.pair-val{font-size:13px;font-weight:700;text-align:right;color:var(--ink)}.pair-val .pair-prev{font-size:11px;font-weight:500;color:var(--muted)}.stack-bar{display:flex;height:20px;border-radius:6px;overflow:hidden;background:var(--surface-strong)}.stack-seg.pending{background:var(--warning)}.stack-seg.false{background:var(--muted-soft)}.stack-seg.confirm{background:var(--success)}.stack-legend{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink)}.legend-dot{width:9px;height:9px;border-radius:3px}.legend-dot.pending{background:var(--warning)}.legend-dot.false{background:var(--muted-soft)}.legend-dot.confirm{background:var(--success)}.meta-list{display:flex;flex-direction:column}.meta-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--hairline-soft);font-size:13px}.meta-row:last-child{border-bottom:none}.meta-row .meta-label{color:var(--muted)}.meta-row .meta-value{color:var(--ink);font-weight:600;text-align:right}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 14px 18px;border-left:2px solid var(--hairline-soft)}.timeline li:last-child{border-left-color:transparent}.timeline li:before{content:"";position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.timeline .t-status{font-weight:700;color:var(--ink);font-size:13px}.timeline .t-meta{color:var(--muted);font-size:12px;margin-top:2px}.toggle-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--hairline-soft)}.toggle-row:last-child{border-bottom:none}.toggle-row .t-label{flex:1;font-weight:600;color:var(--ink)}.switch{width:48px;height:28px;border-radius:999px;background:var(--surface-strong);position:relative;cursor:pointer;transition:background .15s;border:none}.switch.on{background:var(--primary)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #0003}.switch.on:after{transform:translate(20px)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:200;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--canvas);width:100%;max-width:430px;border-radius:var(--r20) var(--r20) 0 0;padding:16px 16px 24px;max-height:88vh;overflow-y:auto;animation:slideup .2s ease}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:42px;height:4px;border-radius:999px;background:var(--border-strong);margin:0 auto 14px}.sheet-head{display:flex;align-items:center;margin-bottom:14px}.sheet-head h2{margin:0;flex:1;font-size:17px;color:var(--ink)}.sheet-head .close{background:none;border:none;font-size:22px;color:var(--muted);cursor:pointer;line-height:1}.muted{color:var(--muted)}.state-msg{padding:32px;text-align:center;color:var(--muted)}.doc-body{line-height:1.7}.doc-body h3{font-size:14px;margin:14px 0 6px;color:var(--ink)}.link{color:var(--legal-link);text-decoration:none}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--hairline);border-radius:var(--r8);padding:11px 12px;font-size:15px;font-family:inherit;color:var(--ink)}.field textarea{resize:vertical;line-height:1.5}.app-login{max-width:430px;margin:0 auto;min-height:100vh;background:var(--canvas);display:flex;align-items:center;padding:24px}.login-inner{width:100%;display:flex;flex-direction:column;gap:16px}.login-logo{text-align:center;margin-bottom:12px}.login-logo .mark{width:56px;height:56px;border-radius:16px;background:var(--primary);color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.login-logo .ttl{font-size:20px;font-weight:800;color:var(--ink)}.login-logo .sub{font-size:13px;color:var(--muted);margin-top:2px}.app-login-err{background:var(--danger-soft);color:var(--danger);padding:11px 14px;border-radius:var(--r8);font-size:13px}.app-login-hint{text-align:center;font-size:12px;color:var(--muted);line-height:1.6}:root{--rausch: #ff385c;--rausch-active: #e00b41;--rausch-soft: #fff0f3;--pink: #ff385c;--pink-dark: #e00b41;--ok: #067647;--ok-bg: #ecfdf3;--warn: #b54708;--warn-bg: #fffaeb;--error: #c13515;--error-bg: #fff4ed;--info: #175cd3;--info-bg: #eff8ff;--line: #dddddd;--line-soft: #ebebeb;--soft: #f7f7f7;--strong: #f2f2f2;--muted2: #6a6a6a;--muted-soft: #929292;--chart-1: #ff385c;--chart-2: #428bff;--chart-3: #0f8a6a;--chart-4: #8a5cd6;--chart-now: #ff385c;--chart-prev: #d5d5d5;--chart-pending: #f0a020;--chart-false: #9aa0a6;--chart-confirmed: #067647;--media-ratio: 16 / 9}.screen-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.screen-title h1{margin:0;font-size:26px;letter-spacing:-.03em}.screen-title .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.panel{margin-bottom:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.panel-head{padding:17px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:16px}.panel-head p{margin:5px 0 0;color:var(--muted2);font-size:12px;line-height:1.45}.panel-body{padding:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}.metric small{display:block;color:var(--muted2);font-size:11px}.metric strong{display:block;margin-top:8px;font-size:24px}.metric span{display:block;margin-top:6px;color:var(--muted2);font-size:11px}.dashboard-charts{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:start}.dashboard-col{display:grid;gap:14px;align-content:start;min-width:0}.dashboard-charts>.panel,.dashboard-col>.panel{margin-bottom:0}@media (max-width: 1024px){.dashboard-charts{grid-template-columns:1fr}}.heat-block{display:flex;flex-direction:column}.heat-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 8px}.heat-controls span{color:var(--muted2);font-size:11px;font-weight:700}.heat-frame{position:relative;aspect-ratio:var(--media-ratio);overflow:hidden;border-radius:14px;background:var(--strong)}.heat-photo{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%;object-fit:cover}.heat-frame.on-capture .heat-photo{display:block}.heat-cells{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(32,minmax(0,1fr));grid-template-rows:repeat(18,minmax(0,1fr));gap:1px}.heat-cells i{border-radius:2px;background:#ffd1da}.heat-cells i.step0{background:#fff}.heat-cells i.step1{background:#ffd1da}.heat-cells i.step2{background:var(--pink)}.heat-cells i.step3{background:var(--pink-dark)}.heat-frame.on-capture .heat-cells i.step0{opacity:0}.heat-frame.on-capture .heat-cells i{opacity:.72}.heat-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:8px 0 0;padding:0;list-style:none}.heat-legend li{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted2);font-weight:700}.heat-legend i{width:12px;height:12px;border-radius:2px}.heat-legend .step0{background:#fff;border:1px solid var(--line)}.heat-legend .step1{background:#ffd1da}.heat-legend .step2{background:var(--pink)}.heat-legend .step3{background:var(--pink-dark)}.heat-toggle{width:40px;height:24px;padding:3px;border:0;border-radius:999px;background:#c7c7c7;flex:none}.heat-toggle.on{background:var(--pink)}.heat-toggle i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.heat-toggle.on i{transform:translate(16px)}.donut-chart{box-sizing:border-box;width:100%;padding:20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.donut{position:relative;flex:0 0 auto;width:160px;height:160px}.donut svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:22px}.donut circle.slice-1{stroke:var(--chart-1)}.donut circle.slice-2{stroke:var(--chart-2)}.donut circle.slice-3{stroke:var(--chart-3)}.donut circle.slice-4{stroke:var(--chart-4)}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.donut-center strong{display:block;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.donut-center span{display:block;margin-top:2px;color:var(--muted2);font-size:11px}.donut-legend{flex:1 1 190px;display:grid;gap:11px;min-width:0;margin:0;padding:0;list-style:none}.donut-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:10px}.donut-legend i{width:10px;height:10px;border-radius:3px}.donut-legend .swatch-1{background:var(--chart-1)}.donut-legend .swatch-2{background:var(--chart-2)}.donut-legend .swatch-3{background:var(--chart-3)}.donut-legend .swatch-4{background:var(--chart-4)}.donut-legend span{overflow:hidden;color:var(--text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.donut-legend b{color:var(--text);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.donut-legend em{min-width:36px;color:var(--muted2);font-size:12px;font-style:normal;font-variant-numeric:tabular-nums;text-align:right}.ops-actions{display:grid;gap:8px}.ops-action{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;cursor:pointer}.ops-action small{display:block;color:var(--muted2);font-size:11px}.ops-action strong{display:block;margin-top:5px;color:var(--text);font-size:13px}.ops-action.report{border-color:#ffd2da;background:#fff7f8}.status-list{display:grid;gap:9px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;background:var(--soft);font-size:12px}.status-row span{color:var(--muted2)}.status-row strong{text-align:right}.video{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#50585b,#202527);aspect-ratio:var(--media-ratio)}.video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-live-badge{position:absolute;left:14px;top:12px;z-index:2;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px}.video-live-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff4d4f}.video-connecting{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#cfd6e0;font-size:13px;font-weight:600;background:#12151c8c}.cctv-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}.cctv-side{display:grid;gap:16px}@media (max-width: 1024px){.cctv-grid{grid-template-columns:1fr}}.chat{min-height:250px;display:grid;align-content:end;gap:10px;padding:16px;border-radius:14px;background:var(--soft)}.bubble{max-width:78%;padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.5}.bubble.user{justify-self:end;background:var(--pink);color:#fff}.bubble.ai{background:#fff;border:1px solid var(--line)}.tl{display:grid;gap:0}.tl-item{position:relative;padding:0 0 20px 28px}.tl-item:before{content:"";position:absolute;left:7px;top:3px;width:10px;height:10px;border:3px solid var(--pink);border-radius:50%;background:#fff}.tl-item:not(:last-child):after{content:"";position:absolute;left:11px;top:18px;bottom:0;border-left:1px solid var(--line)}.tl-item strong{font-size:13px}.tl-item span{display:block;margin-top:4px;color:var(--muted2);font-size:11px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-item{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.detail-item .caption{color:var(--muted2);font-size:11px}.detail-item .value{font-size:14px;font-weight:700}.apply-head{display:flex;align-items:center;gap:10px}.business-grid{display:grid;gap:8px}.business-row{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:var(--soft)}.business-day{font-weight:800;font-size:13px}.business-value{font-size:13px}.business-row.editing{grid-template-columns:44px 160px 1fr}.business-mode{height:40px}.business-time{display:flex;align-items:center;gap:8px}.business-time input{width:100px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .field.full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.store-section{margin-bottom:16px}.roi-layout{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}.camera-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#12151c}.camera-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;color:#cfd6e0;font-size:12px;background:#1a1f28}.camera-meta strong{color:#fff}.camera-card .frame{position:relative;aspect-ratio:800 / 450;background:#12151c}.camera-card .frame svg,.camera-card .frame canvas,.camera-card .frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.roi-info-zone-pane{display:flex;flex-direction:column;gap:12px}.edit-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.zone-list{display:grid;gap:8px;max-height:560px;overflow-y:auto}.zone-card{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.zone-card:hover{background:var(--soft)}.zone-card.active{border-color:var(--pink);background:var(--rausch-soft)}.zone-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.zone-top h3{margin:0;font-size:14px}@media (max-width: 1024px){.roi-layout{grid-template-columns:1fr}}.detail-sections{display:grid;gap:16px}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.block-subhead{margin:18px 0 10px;font-size:13px;font-weight:800;color:var(--text)}.block-subhead:first-child{margin-top:0}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px;padding:0;list-style:none}.chart-legend li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted2);font-weight:700}.chart-swatch{width:10px;height:10px;border-radius:3px}.chart-swatch.chart-now{background:var(--chart-now)}.chart-swatch.chart-prev{background:var(--chart-prev)}.chart-swatch.chart-pending{background:var(--chart-pending)}.chart-swatch.chart-false{background:var(--chart-false)}.chart-swatch.chart-confirmed{background:var(--chart-confirmed)}.chart-block{display:block}.chart-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 1024px){.chart-tiles{grid-template-columns:1fr 1fr}}.chart-tile{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.chart-tile small{display:block;color:var(--muted2);font-size:11px}.chart-hero{display:block;margin-top:6px;font-size:22px;font-weight:800;letter-spacing:-.02em}.chart-delta{display:block;margin-top:4px;color:var(--rausch-active);font-size:11px;font-weight:700}.chart-tile-bars{display:grid;gap:4px;margin:10px 0 6px}.chart-tile-foot{color:var(--muted2);font-size:11px}.chart-track{display:block;height:8px;border-radius:99px;background:#f0f1f3;overflow:hidden}.chart-fill{display:block;height:100%;border-radius:99px}.chart-fill.chart-now{background:var(--chart-now)}.chart-fill.chart-prev{background:var(--chart-prev)}.chart-rows{display:grid;gap:12px}.chart-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px}.chart-name{font-size:12px;color:var(--text)}.chart-tracks{display:grid;gap:4px}.chart-value{font-size:13px;font-weight:700;text-align:right}.chart-value small{display:block;margin-top:2px;color:var(--muted2);font-size:11px;font-weight:500}.chart-stack{display:flex;height:22px;border-radius:6px;overflow:hidden;background:var(--soft)}.chart-stack i{display:block;height:100%}.chart-stack .chart-pending{background:var(--chart-pending)}.chart-stack .chart-false{background:var(--chart-false)}.chart-stack .chart-confirmed{background:var(--chart-confirmed)}.column-chart{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:8px}.column-chart span{flex:1;background:var(--chart-now);border-radius:3px 3px 0 0;min-height:2px}.column-chart .lv1{height:10%}.column-chart .lv2{height:20%}.column-chart .lv3{height:30%}.column-chart .lv4{height:40%}.column-chart .lv5{height:50%}.column-chart .lv6{height:60%}.column-chart .lv7{height:70%}.column-chart .lv8{height:80%}.column-chart .lv9{height:90%}.column-chart .lv10{height:100%}.report-table-fold{margin-top:12px}.report-table-fold summary{cursor:pointer;color:var(--muted2);font-size:12px;font-weight:700}.table-num{text-align:right;font-variant-numeric:tabular-nums}.badge.ok{color:var(--ok);background:var(--ok-bg)}.badge.warn{color:var(--warn);background:var(--warn-bg)}.badge.error{color:var(--error);background:var(--error-bg)}.badge.primary{color:var(--rausch-active);background:var(--rausch-soft)}.badge.info{color:var(--info);background:var(--info-bg)}.badge.success{color:var(--ok);background:var(--ok-bg)}.list-filter{margin-bottom:16px;padding:8px 18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.list-filter-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:9px 0;border-bottom:1px solid var(--line)}.list-filter-row:last-child{border-bottom:0}.list-filter-label{color:var(--muted2);font-size:12px;font-weight:800}.list-filter-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.list-filter-control input{height:38px}.list-filter-chip{min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted2);font-size:12px;font-weight:700;cursor:pointer}.list-filter-chip.active{border-color:var(--text);background:var(--text);color:#fff}.list-filter-actions{display:flex;align-items:center;gap:8px}.result-meta{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.result-meta .sort{display:flex;align-items:center;gap:8px;color:var(--muted2);font-size:12px;font-weight:700}.demo-pagination{padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line-soft)}.demo-page-buttons{display:flex;flex-wrap:wrap;gap:4px}.demo-page-button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.demo-page-button.active{color:#fff;border-color:var(--text);background:var(--text)}.demo-page-size{width:auto;height:36px}.data-list{display:grid;grid-template-columns:145px 1fr;gap:0}.data-list dt,.data-list dd{margin:0;padding:11px 0;border-top:1px solid var(--line-soft)}.data-list dt{color:var(--muted2)}.data-list dd{font-weight:550}.action-list{display:grid;gap:8px}.action-list .btn{justify-content:space-between}.card-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-header h3{margin:0;font-size:16px}.doc-layout{display:grid;gap:20px}.document{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.doc-meta{margin:14px 0 24px;padding:12px 0;display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);color:var(--muted2);font-size:12px}.document h4{margin:24px 0 8px}.document p{margin:0 0 12px;color:var(--body)}.auth-card{width:min(440px,100%);padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 36px #22222214}.auth-logo{margin-bottom:26px;display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700}.input-wrap{position:relative;display:flex;gap:8px}.input-wrap input{flex:1}.check-row{margin:16px 0;display:flex;align-items:center;gap:9px;color:var(--body)}.check-row input{width:18px;height:18px;accent-color:var(--pink)}.auth-links{margin-top:16px;display:flex;justify-content:center}.text-link{border:0;padding:4px;color:var(--text);background:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.app-shell .metric-grid{grid-template-columns:1fr 1fr}.app-shell .cctv-grid,.app-shell .dashboard-charts{grid-template-columns:1fr}.app-shell .chart-tiles{grid-template-columns:1fr 1fr}.app-shell .detail-grid,.app-shell .form-grid,.app-shell .meta-grid{grid-template-columns:1fr}.dashboard-redesign{padding:4px 0 8px;background:transparent}.dashboard-hero{padding:18px;border-radius:20px;background:#222;color:#fff;box-shadow:0 12px 28px #2222222e}.dashboard-hero .eyebrow{color:#ffb2c0;font-size:11px;font-weight:800;letter-spacing:.06em}.dashboard-hero h1{margin:6px 0 5px;font-size:22px;letter-spacing:-.03em;color:#fff}.dashboard-hero p{margin:0;color:#d8d8d8;font-size:12px;line-height:1.45}.dashboard-status{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 10px;border-radius:999px;background:#2f473b;color:#d7f6df;font-size:11px;font-weight:800}.dashboard-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#65d58a}.dashboard-section{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.dashboard-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.dashboard-section-head h2{margin:0;font-size:14px;letter-spacing:-.02em}.dashboard-section .panel{border:0;margin:0}.dashboard-section .panel-head{padding:0 0 10px;border:0}.dashboard-section .panel-body,.dashboard-section .donut-chart{padding:0}.dashboard-section .metric-grid{margin:0}.dashboard-section .metric{border:0;border-radius:12px;background:var(--soft)}.ops-text{display:grid;gap:2px;min-width:0}.ops-go{flex:none;color:var(--muted2);font-size:19px;font-style:normal;line-height:1}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border-bottom:0}.toggle-row strong{display:block;font-size:13px}.toggle-row small{display:block;margin-top:4px;color:var(--muted2);font-size:11px}.toggle{width:48px;height:28px;padding:3px;border:0;border-radius:999px;background:#c7c7c7;flex:none}.toggle.on{background:var(--pink)}.toggle i{display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.toggle.on i{transform:translate(20px)}.danger-zone{border-color:#f4c5ba;background:#fffaf8}.card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px}.card-header{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-header h3{margin:0;font-size:15px}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:#222;font-size:11px}.badge.active{color:var(--ok);background:var(--ok-bg)}.badge.secondary{color:var(--muted2);background:var(--strong)}.btn.secondary{background:#fff;border-color:var(--line);color:var(--text)}.btn.secondary:hover{background:var(--soft)}.btn.danger{background:var(--error);border-color:var(--error);color:#fff}.btn.danger:hover{background:#a82c11}.btn.full{width:100%}.notice{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:13px;line-height:1.5}.notice strong{display:block;margin-bottom:4px;font-size:13px}.notice span{display:block;color:var(--muted2);font-size:12px;line-height:1.5}.notice.error{border-color:#f4c5ba;background:var(--error-bg)}.notice.error strong{color:var(--error)}.button-stack{display:grid;gap:8px;margin-top:4px}.eye{flex:none;width:44px;padding:0;border:1px solid var(--line);border-radius:var(--r8, 8px);background:#fff;cursor:pointer;font-size:16px}.eye:hover{background:var(--soft)}.panel-body.form{display:grid;gap:14px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.table-wrap th,.table-wrap td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--line-soft);white-space:nowrap}.table-wrap th{color:var(--muted2);font-size:11px;font-weight:700}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tr.clickable{cursor:pointer}.table-wrap tr.clickable:hover td{background:var(--soft)}.form-actions .btn,.panel-head .btn{width:auto}.action-list .btn{width:100%}.video-unavailable{display:grid;place-items:center;background:linear-gradient(145deg,#2a2f33,#171a1d)}.video-unavailable-msg{display:grid;gap:6px;justify-items:center;text-align:center;padding:20px}.video-unavailable-msg strong{color:#e8ebee;font-size:13px}.video-unavailable-msg span{color:#9aa4b0;font-size:11px}.video-unavailable-msg:before{content:"📹";font-size:28px;filter:grayscale(1) opacity(.6);margin-bottom:4px}.video-live-badge.connecting:before{background:#f5a623;animation:video-badge-blink 1s ease-in-out infinite}@keyframes video-badge-blink{0%,to{opacity:1}50%{opacity:.3}}.video-connecting{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#eef2f7;text-align:center;background:#12151c9e}.video-connecting strong{font-size:14px;font-weight:700}.video-connecting-sub{color:#aeb7c4;font-size:12px}.video-spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:#fff;animation:video-spin .8s linear infinite}@keyframes video-spin{to{transform:rotate(360deg)}}