@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.snapshot-scene>img{width:100%;height:100%;display:block;object-fit:cover}.snapshot-scene.large>img{object-fit:contain}.snapshot-card-missing .snapshot-scene{display:grid;place-items:center;background:#e8eef5}.snapshot-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#52657b}.snapshot-missing svg{width:34px;height:34px}.snapshot-missing strong{font-size:15px}.snapshot-card-missing .snapshot-top,.snapshot-card-missing .snapshot-bottom{z-index:1}.alerts-page{height:calc(100dvh - 76px);padding:20px 28px 24px;overflow:hidden;background:#f5f9ff}.alerts-page-heading{max-width:1480px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.alerts-page-heading h1{margin:0;font-size:28px;letter-spacing:-.025em}.alerts-page-heading p{margin:5px 0 0;color:#64748b}.alerts-page-heading>span{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#dcf8e5;color:#16783a;font-size:14px;font-weight:700}.alerts-page-heading>span svg{width:17px}.alerts-workspace{height:calc(100% - 70px);max-width:1480px;margin:auto;display:grid;grid-template-columns:350px minmax(0,1fr);border:1px solid #dde7f2;border-radius:18px;background:#fff;box-shadow:0 12px 34px #36689412;overflow:hidden}.alerts-list-panel{min-width:0;border-right:1px solid #dde7f2;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fbfdff}.alert-list-tools{padding:15px;border-bottom:1px solid #e5edf6}.alert-search{height:42px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid #d6e2ef;border-radius:11px;background:#fff;color:#71829a}.alert-search svg{width:18px}.alert-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#172033}.alert-filter-chips{display:flex;gap:6px;margin-top:11px;overflow-x:auto;scrollbar-width:none}.alert-filter-chips button{flex:0 0 auto;padding:7px 10px;border:1px solid #dbe5f0;border-radius:999px;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer}.alert-filter-chips button.active{border-color:#b8d3f4;background:#dbeafe;color:#1d67c6}.alert-list-scroll{min-height:0;overflow:auto;padding:8px}.alert-list-item{position:relative;width:100%;padding:13px 10px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;border:1px solid transparent;border-radius:13px;background:transparent;text-align:left;color:#172033;cursor:pointer}.alert-list-item:hover{background:#f3f8fe}.alert-list-item.selected{border-color:#b9d5f6;background:#eaf3ff}.alert-list-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff1f1;color:#e44747}.severity-info .alert-list-icon{background:#e9f4ff;color:#2874ca}.severity-medium .alert-list-icon{background:#fff3da;color:#bd7100}.severity-critical .alert-list-icon{background:#fee2e2;color:#dc2626}.alert-item-copy{min-width:0;display:block}.alert-item-title{display:flex;align-items:start;gap:7px}.alert-item-title strong{min-width:0;flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-item-title time{color:#718096;font-size:14px}.alert-item-meta,.alert-item-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-item-meta{margin-top:4px;color:#52657b;font-size:14px}.alert-item-preview{margin:6px 0;color:#7a889a;font-size:14px}.alert-status{width:fit-content;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#edf2f7;color:#64748b;font-size:14px;font-weight:700}.status-pending{background:#e1eeff;color:#1e63b5}.status-checking{background:#fff0cc;color:#966000}.status-resolved,.status-safe{background:#dcf8e5;color:#16783a}.status-false_alarm{background:#edf1f5;color:#5e6b7b}.status-need_help{background:#ffe2e2;color:#b62424}.alert-unread{position:absolute;right:9px;bottom:14px;width:8px;height:8px;border-radius:50%;background:#ef4444}.alert-skeleton{height:112px;margin:6px;padding:14px;border-radius:13px;background:#f1f5f9}.alert-skeleton i,.alert-skeleton span{display:block;border-radius:7px;background:#e2e8f0}.alert-skeleton i{float:left;width:38px;height:38px;margin-right:10px}.alert-skeleton span{height:12px;margin:5px 0 12px}.alert-list-state,.alerts-empty{height:100%;padding:35px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b}.alert-list-state svg{width:34px;height:34px;color:#94a3b8}.alert-list-state strong{margin-top:12px;color:#334155}.alert-list-state p{font-size:14px}.alert-list-state button{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #bed2e9;border-radius:9px;background:#fff;color:#2567b3}.alert-conversation{min-width:0;display:grid;grid-template-rows:68px auto minmax(0,1fr) auto auto;background:#f8fbff}.conversation-header{padding:0 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #dde7f2;background:#fff}.assistant-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#3b82f6;color:#fff}.conversation-header strong,.conversation-header small{display:block}.conversation-header small{margin-top:3px;color:#64748b;font-size:14px}.conversation-header small i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#22c55e}.conversation-more,.conversation-back{margin-left:auto;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:#64748b;display:grid;place-items:center}.conversation-back{display:none;margin-left:0}.alert-summary{margin:12px 16px 0;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ffc5c5;border-radius:12px;background:#fff7f7}.alert-summary strong,.alert-summary div>span{display:block}.alert-summary div>span{margin-top:3px;color:#64748b;font-size:14px}.alert-summary>.alert-status svg{width:15px}.chat-message-list{min-height:0;overflow:auto;padding:18px 20px}.chat-row{display:flex;align-items:flex-start;gap:9px;margin-bottom:16px}.chat-row.user{justify-content:flex-end}.assistant-mini{width:30px;height:30px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;background:#3b82f6;color:#fff;font-size:11px;font-weight:800}.assistant-message{max-width:min(760px,calc(100% - 38px))}.chat-bubble{width:fit-content;max-width:700px;padding:10px 13px;border-radius:4px 14px 14px;background:#fff;border:1px solid #dde7f2;color:#34465b;font-size:14px;line-height:1.55}.chat-row.user .chat-bubble{border:0;border-radius:14px 14px 4px;background:#3b82f6;color:#fff}.preserve-lines{white-space:pre-line}.event-detail-card{margin-top:8px;padding:16px;border:1px solid #f3b2b2;border-radius:14px;background:#fff}.event-detail-card>p:first-child{margin:0;color:#53657a;font-size:14px}.event-detail-card h3{margin:6px 0 13px;font-size:20px}.event-detail-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(230px,.9fr);gap:14px}.event-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.event-facts>span{min-width:0;padding:9px;border-radius:9px;background:#f8fafc;color:#64748b;font-size:13px}.event-facts svg{width:15px;height:15px;margin-right:5px;vertical-align:middle}.event-facts strong{display:block;margin-top:4px;color:#26364a;font-size:14px}.danger-copy{color:#d62d2d!important}.event-description{margin:13px 0 0!important;color:#52657b;font-size:14px;line-height:1.55}.snapshot-card{position:relative;min-height:170px;padding:0;overflow:hidden;border:0;border-radius:11px;background:#dce8f1;color:#fff;cursor:pointer;text-align:left}.snapshot-scene,.camera-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(165deg,#c7d7e4 0,#c7d7e4 52%,#9aacb9 52%)}.room-window{position:absolute;left:10%;top:12%;width:24%;height:34%;border:7px solid #718da1;background:#cbe8f6}.room-bed{position:absolute;right:8%;bottom:14%;width:48%;height:30%;border-radius:5px;background:#71889c;box-shadow:0 -15px #e6edf2}.person-shape{position:absolute;left:28%;bottom:18%;width:35%;height:12%;border-radius:999px;background:#384d5e;transform:rotate(-8deg)}.person-shape:before{content:"";position:absolute;left:-15px;top:-7px;width:22px;height:22px;border-radius:50%;background:#384d5e}.person-shape.upright{width:15%;height:42%;left:47%;bottom:13%;transform:none;border-radius:12px}.snapshot-top,.snapshot-bottom{position:absolute;left:0;right:0;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(rgba(10,23,34,.72),transparent);font-size:12px}.snapshot-top{top:0}.snapshot-bottom{bottom:0;background:linear-gradient(transparent,#0a1722cc);padding-top:25px}.snapshot-bottom span{display:flex;gap:5px;align-items:center}.snapshot-bottom svg{width:15px}.confidence-card,.success-card{margin-top:8px;padding:13px;display:flex;align-items:center;gap:13px;border:1px solid #bed8f7;border-radius:12px;background:#f0f7ff}.confidence-card>strong{font-size:30px;color:#1d67c6}.confidence-card b,.confidence-card span,.success-card b,.success-card span{display:block}.confidence-card span,.success-card span{margin-top:3px;color:#64748b;font-size:13px}.confidence-card span svg{width:14px;vertical-align:middle}.success-card{border-color:#bce9c9;background:#effbf3;color:#168941}.success-card>svg{width:28px;height:28px}.camera-preview-card{margin-top:8px;overflow:hidden;border:1px solid #cbdbea;border-radius:13px;background:#fff}.camera-scene{position:relative;height:210px}.live-badge{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:6px;background:#ef4444;color:#fff;font-size:11px;font-weight:800}.camera-preview-bar{padding:8px 10px;display:flex;align-items:center;gap:5px}.camera-preview-bar>span{min-width:0;margin-right:auto;display:flex;align-items:center;gap:7px}.camera-preview-bar small{color:#168941}.camera-preview-bar button{width:34px;height:34px;border:0;border-radius:8px;background:#f1f5f9;color:#52657b}.camera-preview-card>p{margin:0;padding:0 10px 10px;color:#64748b;font-size:12px}.need-help-grid{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.need-help-grid button{min-height:68px;padding:8px;border:1px solid #cfe0f2;border-radius:10px;background:#fff;color:#285e9d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700}.quick-action-list{padding:8px 16px;display:flex;gap:7px;overflow-x:auto;border-top:1px solid #e2eaf3;background:#fff;scrollbar-width:none}.quick-action-list button{flex:0 0 auto;min-height:38px;padding:7px 10px;border:1px solid #cbdbea;border-radius:9px;background:#fff;color:#285e9d;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.quick-action-list svg{width:16px}.quick-action-list .quick-safe{background:#eaf9ef;color:#168941;border-color:#bce9c9}.quick-action-list .quick-help{background:#fff1f1;color:#c93232;border-color:#fac1c1}.chat-input-wrap{padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:end;gap:8px;border-top:1px solid #dde7f2;background:#fff}.chat-input-wrap textarea{width:100%;max-height:100px;resize:none;padding:11px 12px;border:1px solid #d2deeb;border-radius:11px;outline:none;font:inherit}.chat-input-wrap textarea:focus{border-color:#8bb8ee;box-shadow:0 0 0 3px #dbeafe}.chat-input-wrap button{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:11px;background:#3b82f6;color:#fff;display:grid;place-items:center}.typing-indicator{width:58px;padding:12px;display:flex;gap:4px;border:1px solid #dde7f2;border-radius:4px 13px 13px;background:#fff}.typing-indicator i{width:6px;height:6px;border-radius:50%;background:#7890aa;animation:alertTyping 1s infinite}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes alertTyping{50%{transform:translateY(-4px);opacity:.5}}.alert-modal-backdrop,.snapshot-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;padding:18px;display:grid;place-items:center;background:#0f172a94}.alert-modal{position:relative;width:min(450px,100%);padding:25px;border-radius:17px;background:#fff;box-shadow:0 24px 70px #0f172a40}.modal-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:9px;background:#f1f5f9}.modal-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.modal-icon.safe{background:#dcf8e5;color:#168941}.alert-modal h3{margin:15px 0 7px;font-size:20px}.alert-modal>p{color:#64748b;line-height:1.5}.modal-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.modal-actions button{padding:10px 13px;border:1px solid #d3dfec;border-radius:9px;background:#fff}.modal-actions .confirm-safe{border-color:#168941;background:#168941;color:#fff}.reason-options{display:grid;gap:8px}.reason-options label{padding:9px;border:1px solid #dde7f2;border-radius:9px}.reason-options input{margin-right:8px}.false-alarm-modal textarea{width:100%;min-height:80px;margin-top:12px;padding:10px;border:1px solid #d3dfec;border-radius:9px;resize:vertical}.snapshot-modal{position:relative;width:min(900px,100%);overflow:hidden;border-radius:16px;background:#fff}.snapshot-modal>button{position:absolute;z-index:2;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:10px;background:#0000008c;color:#fff}.snapshot-scene.large{position:relative;display:block;aspect-ratio:16/9}.snapshot-modal>div:last-child{padding:14px 18px}.snapshot-modal strong,.snapshot-modal span{display:block}.snapshot-modal span{margin-top:4px;color:#64748b}@media (max-width:860px){.alerts-page{height:calc(100dvh - 76px);padding:14px}.alerts-page-heading{height:55px;margin-bottom:10px}.alerts-page-heading h1{font-size:23px}.alerts-page-heading p{font-size:14px}.alerts-page-heading>span{display:none}.alerts-workspace{height:calc(100% - 65px);grid-template-columns:1fr}.alert-conversation,.alerts-page.show-conversation .alerts-list-panel{display:none}.alerts-page.show-conversation .alert-conversation,.conversation-back{display:grid}.conversation-more{margin-left:auto}}@media (max-width:600px){.alerts-page{height:calc(100dvh - 142px - env(safe-area-inset-bottom));padding:8px}.alerts-page-heading{height:48px;margin:0 4px 7px}.alerts-page-heading h1{font-size:20px}.alerts-page-heading p{display:none}.alerts-workspace{height:calc(100% - 55px);border-radius:13px}.alerts-page.show-conversation{position:fixed;z-index:950;top:64px;right:0;bottom:0;left:0;padding:0;background:#fff}.alerts-page.show-conversation .alerts-page-heading{display:none}.alerts-page.show-conversation .alerts-workspace{height:100%;border:0;border-radius:0}.alert-list-tools{padding:10px}.alert-list-item{padding:11px 9px}.alert-summary{margin:8px 8px 0;align-items:flex-start}.alert-summary>.alert-status{max-width:45%;white-space:normal}.chat-message-list{padding:12px 10px}.assistant-message{max-width:calc(100% - 36px)}.event-detail-card{padding:12px}.event-detail-layout{grid-template-columns:1fr}.event-facts{grid-template-columns:1fr 1fr}.snapshot-card{min-height:155px}.event-detail-card h3{font-size:18px}.quick-action-list{padding:7px 9px}.chat-input-wrap{padding:8px 9px calc(8px + env(safe-area-inset-bottom))}.need-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-scene{height:180px}.conversation-header{height:60px;padding:0 9px}.alert-modal{padding:20px}.modal-actions button{flex:1}.snapshot-modal-backdrop{padding:10px}}.alert-conversation{min-height:0;height:100%;overflow:hidden}.chat-message-list{min-width:0;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}html.alerts-viewport-locked,body.alerts-viewport-locked{height:100%;overflow:hidden;overscroll-behavior:none}.app-shell.alerts-active,.app-shell.alerts-active .main-content{height:100dvh;min-height:0;overflow:hidden}.app-shell.alerts-active .route-content{height:100%;min-height:0;overflow:hidden}.alerts-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.alerts-page-heading{flex:0 0 auto;width:100%}.alerts-workspace{height:auto;min-height:0;flex:1 1 auto;overflow:hidden}.alerts-list-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}.alert-list-tools{flex:0 0 auto}.alert-list-scroll{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.alert-conversation{min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.conversation-header,.alert-summary,.quick-action-list,.chat-input-wrap{flex:0 0 auto}.alert-item-title time{max-width:132px;white-space:nowrap;font-variant-numeric:tabular-nums}.alert-summary time,.snapshot-top time{font-variant-numeric:tabular-nums}.chat-message-list{height:auto;min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}@media (max-width:860px){.alerts-page.conversation-open .alerts-list-panel{display:none}.alerts-page.conversation-open .alert-conversation{display:flex}}@media (max-width:600px){.app-shell.alerts-active .main-content{padding-top:64px;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-shell.alerts-active .route-content{height:100%;min-height:0}.alerts-page{height:100%;padding:8px}.alerts-page.conversation-open{height:100%;padding:0}.alerts-page.conversation-open .alerts-page-heading{display:none}.alerts-page.conversation-open .alerts-workspace{height:auto;min-height:0;flex:1 1 auto;border:0;border-radius:0}.alerts-page.conversation-open .alert-conversation{height:100%;min-height:0}.chat-message-list{padding-bottom:16px}}.alerts-title-mobile,.alerts-description-mobile,.conversation-name-mobile,.conversation-state-mobile,.summary-status-mobile,.quick-label-mobile,.event-mobile-meta,.mobile-context-actions{display:none}@media (min-width:768px) and (max-width:860px){.alerts-workspace{grid-template-columns:310px minmax(0,1fr)}.alerts-list-panel,.alert-conversation{display:flex!important}.conversation-back{display:none}}@media (max-width:767px){.alerts-title-desktop,.alerts-description-desktop,.conversation-name-desktop,.conversation-state-desktop,.summary-status-desktop,.quick-label-desktop,.desktop-quick-actions{display:none}.alerts-title-mobile,.alerts-description-mobile,.conversation-name-mobile,.conversation-state-mobile,.summary-status-mobile,.quick-label-mobile{display:inline}.mobile-context-actions,.event-mobile-meta{display:block}.app-shell.alerts-active .topbar{height:64px;padding:0 14px}.app-shell.alerts-active .main-content{padding-top:64px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-shell.alerts-active .route-content{height:100%;min-height:0}.alerts-page:not(.conversation-open) .alert-conversation{display:none}.alerts-page.conversation-open .alerts-list-panel{display:none}.alerts-page.conversation-open .alert-conversation{display:flex}.alerts-page{padding:14px 16px 0;background:#f5f9ff}.alerts-page-heading{height:auto;margin:0 0 14px;padding:0;display:block}.alerts-page-heading h1{font-size:22px;line-height:1.25}.alerts-page-heading p{display:block;margin-top:5px;font-size:14px;line-height:1.4}.alerts-workspace{border:0;border-radius:0;background:transparent;box-shadow:none}.alerts-list-panel{border:0;background:transparent}.alert-list-tools{padding:0 0 12px;border:0;background:transparent}.alert-search{height:44px;padding:0 13px;border-radius:10px;background:#fff}.alert-filter-chips{gap:8px;margin-top:12px;padding-bottom:1px}.alert-filter-chips button{min-height:36px;padding:7px 12px;font-size:14px}.alert-list-scroll{margin:0 -2px;padding:0 2px 16px}.alert-list-item{min-height:100px;margin-bottom:10px;padding:14px;grid-template-columns:42px minmax(0,1fr);gap:12px;border-color:#dde7f2;border-radius:14px;background:#fff}.alert-list-item:hover,.alert-list-item.selected{border-color:#dde7f2;background:#fff}.alert-list-icon{width:42px;height:42px;border-radius:12px}.alert-item-title strong{font-size:15px;line-height:1.3}.alert-item-title time{font-size:12px;line-height:1.4}.alert-item-meta{margin-top:4px;font-size:13px}.alert-item-preview{margin:5px 0 7px;font-size:13px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.alert-status{padding:4px 8px;font-size:12px}.alert-unread{right:12px;bottom:16px;width:7px;height:7px}.alerts-page.conversation-open{padding:0;background:#f8fbff}.alerts-page.conversation-open .alerts-workspace,.alert-conversation{background:#f8fbff}.conversation-header{height:64px;min-height:64px;padding:0 12px;border-bottom:1px solid #e5edf5}.conversation-back{width:40px;height:40px;margin:0;background:#f4f7fb}.assistant-avatar{width:38px;height:38px;border-radius:11px}.assistant-avatar svg{width:20px;height:20px}.conversation-header strong{font-size:15px}.conversation-header small{font-size:12px}.conversation-more{width:40px;height:40px}.alert-summary{min-height:68px;margin:10px 16px 0;padding:12px 14px;gap:10px;border-color:#f6caca;border-radius:13px;background:#fff8f8}.alert-summary strong{font-size:15px}.alert-summary div>span{margin-top:4px;font-size:12px}.alert-summary>.alert-status{max-width:none;white-space:nowrap;font-size:12px}.alert-summary>.alert-status svg{display:none}.chat-message-list{padding:16px 16px 20px}.chat-row{gap:8px;margin-bottom:14px}.assistant-mini{width:28px;height:28px;border-radius:9px;font-size:10px}.assistant-message{max-width:calc(100% - 36px)}.chat-bubble{max-width:86%;padding:10px 12px;border-radius:4px 14px 14px;font-size:14px}.assistant-message>.chat-bubble{max-width:100%}.chat-row.user .chat-bubble{max-width:82%}.event-detail-card{margin-top:8px;padding:14px;border-color:#e1e8f0;border-radius:14px}.event-detail-card>p:first-child{font-size:14px;line-height:1.45}.event-detail-card h3{margin:7px 0 12px;font-size:17px}.event-detail-layout{display:block}.event-facts{display:none}.snapshot-card{width:100%;min-height:170px;border-radius:12px}.event-description{margin-top:12px!important;font-size:14px;line-height:1.5}.event-mobile-meta{margin-top:11px;display:flex;flex-wrap:wrap;gap:7px}.event-mobile-meta span{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#52657b;font-size:12px}.mobile-context-actions{margin:6px 0 2px 36px;padding:14px;border:1px solid #dde7f2;border-radius:14px;background:#fff}.mobile-context-actions>p{margin:0 0 10px;color:#52657b;font-size:13px;font-weight:600}.mobile-context-actions .quick-action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;border:0;background:transparent;overflow:visible}.mobile-context-actions .quick-action-list button{width:100%;min-height:44px;padding:9px;border-radius:10px;justify-content:center;white-space:normal;text-align:center;font-size:13px}.mobile-context-actions .quick-safe{grid-column:1/-1;order:-3;min-height:48px!important;border-color:#86d5a2!important;background:#eaf9ef!important;color:#127638!important}.mobile-context-actions .quick-camera,.mobile-context-actions .quick-snapshot{order:-2}.mobile-context-actions .quick-help{order:-1;border-color:#f5c2c2!important;background:#fff5f5!important;color:#c93232!important}.mobile-context-actions .quick-false_alarm{color:#b45309}.mobile-context-actions button:disabled{opacity:.48;cursor:not-allowed}.chat-input-wrap{min-height:64px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top-color:#e2e8f0}.chat-input-wrap textarea{min-height:44px;max-height:92px;padding:11px 12px;border-radius:11px;line-height:1.4}.chat-input-wrap button{width:44px;height:44px;border-radius:12px}body.alerts-conversation-open .app-shell.alerts-active .topbar{display:none}body.alerts-conversation-open .app-shell.alerts-active .main-content{padding-top:0;padding-bottom:0}body.alerts-conversation-open .app-shell.alerts-active>.mobile-bottom-nav{display:none}}.conversation-timeline{display:none}.event-case-header>div>span,.event-ai-analysis,.event-insight{display:none}@media (min-width:901px){.alerts-page{padding:24px 36px 30px;background:#f7f9fc}.alerts-page-heading{max-width:1540px;margin-bottom:22px}.alerts-page-heading h1{font-size:28px;font-weight:700}.alerts-page-heading p{font-size:14px}.alerts-workspace{max-width:1540px;grid-template-columns:370px minmax(0,1fr);border:0;border-radius:26px;background:#fff;box-shadow:0 18px 60px #1720330f}.alerts-list-panel{border-right:1px solid #edf1f6}.alert-list-tools{padding:20px 18px 16px}.alert-list-scroll{padding:10px 12px 18px}.alert-list-item{min-height:86px;margin:0 0 7px;padding:12px;border:1px solid transparent;border-radius:15px;background:#fff;transition:transform .15s ease-out,background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.alert-list-item:hover{transform:translateY(-1px);background:#fbfcfe;box-shadow:0 6px 18px #17203309}.alert-list-item.selected{border-color:#bcd7f7;background:#f4f8fe;box-shadow:0 5px 16px #3b82f60e}.alert-list-icon{width:40px;height:40px;border-radius:13px}.alert-item-title{align-items:flex-start}.alert-item-title strong{font-size:16px;font-weight:650}.alert-item-title time{max-width:126px;font-size:11px;line-height:1.35;text-align:right}.alert-item-meta{font-size:12px}.alert-item-preview{margin:4px 0 5px;font-size:13px}.alert-status{padding:3px 7px;font-size:11px}.alert-unread{width:7px;height:7px;right:11px;bottom:12px}.alert-conversation{grid-template-rows:76px minmax(0,1fr) auto;background:#f7f9fc}.conversation-header{height:76px;padding:0 26px;border:0;background:#fffffff0}.assistant-avatar{width:46px;height:46px;border-radius:15px}.conversation-header strong{font-size:16px}.conversation-header small{font-size:13px}.conversation-timeline,.conversation-more{width:40px;height:40px;border:0;border-radius:12px;background:#f6f8fb;color:#607086;display:grid;place-items:center}.conversation-timeline{margin-left:auto}.conversation-more{margin-left:0}.conversation-timeline svg,.conversation-more svg{width:19px}.alert-summary{display:none}.chat-message-list{padding:30px 38px 42px;scroll-behavior:smooth}.chat-row{max-width:980px;margin:0 auto 28px;gap:12px}.content-event{display:block}.content-event>.assistant-mini{display:none}.assistant-message{max-width:min(860px,calc(100% - 44px))}.message-event{max-width:860px;margin:auto;display:flex;flex-direction:column}.message-event>.chat-bubble{display:none}.event-detail-card{order:1;width:100%;max-width:none;margin:0;padding:24px;border:1px solid #e9eef5;border-radius:22px;background:#fff;box-shadow:0 12px 36px #1720330e;transition:transform .15s ease-out,box-shadow .15s ease-out}.event-detail-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px #17203313}.event-case-header{margin-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.event-case-header .event-kicker{margin:0;color:#c7780a!important;font-size:13px!important;font-weight:700}.event-case-header h3{margin:7px 0 6px;font-size:24px;letter-spacing:-.035em}.event-case-header>div>span{display:block;color:#6b7280;font-size:13px}.event-case-header>b{padding:7px 10px;border-radius:999px;background:#fff4dc;color:#a86308;font-size:12px;font-weight:700;white-space:nowrap}.event-detail-card>.snapshot-card{min-height:360px;border-radius:20px;box-shadow:none}.snapshot-top{padding:13px 15px}.snapshot-bottom{padding:42px 15px 13px}.event-ai-analysis{margin-top:22px;padding:20px 22px;border:0;border-radius:18px;background:#eff6ff;color:#334155;display:block}.event-ai-analysis>strong{display:block;margin-bottom:12px;color:#1e4f8d;font-size:16px}.event-ai-analysis p{margin:0 0 8px;font-size:15px;line-height:1.65}.event-ai-analysis p:last-child{margin-bottom:0}.event-insight{margin-top:18px;padding:19px 20px;border:1px solid #edf1f6;border-radius:18px;background:#fff;display:block}.event-insight h4{margin:0 0 15px;font-size:17px}.event-insight>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.event-insight span{padding:2px 15px;border-right:1px solid #edf1f6;color:#7b8493;font-size:12px}.event-insight span:first-child{padding-left:0}.event-insight span:last-child{border:0}.event-insight strong{display:block;margin-top:6px;color:#172033;font-size:14px;font-weight:650;line-height:1.35}.event-mobile-meta{display:none}.chat-row:not(.content-event) .assistant-mini{width:30px;height:30px;background:#3b82f6}.chat-row:not(.content-event) .chat-bubble{max-width:760px;padding:15px 18px;border:0;border-radius:6px 17px 17px;background:#eef6ff;box-shadow:none;font-size:15px;line-height:1.65}.chat-row.user .chat-bubble{border-radius:17px 17px 6px;background:#3b82f6}.contextual-actions{max-width:860px;margin:0 auto 26px;padding:22px;border:1px solid #e9eef5;border-radius:22px;box-shadow:0 10px 30px #1720330a}.contextual-actions>p{margin-bottom:15px;font-size:14px}.contextual-actions .quick-action-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contextual-actions .quick-action-list button{min-height:48px;border-radius:14px;font-size:14px;transition:transform .15s ease-out,box-shadow .15s ease-out}.contextual-actions .quick-action-list button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #1720330f}.contextual-actions .quick-safe{grid-column:1/-1;order:-5;min-height:52px!important;font-size:15px!important}.contextual-actions .quick-camera,.contextual-actions .quick-snapshot{order:-4}.contextual-actions .quick-help{grid-column:1/-1;order:-3}.contextual-actions .quick-why,.contextual-actions .quick-false_alarm{border-color:transparent!important;background:transparent!important;box-shadow:none!important}.chat-input-wrap{min-height:76px;padding:12px 24px 14px;border-top:1px solid #edf1f6;background:#fff}.chat-input-wrap textarea{min-height:52px;border-color:#e3e9f1;border-radius:16px;font-size:15px}.chat-input-wrap button{width:48px;height:48px;border-radius:50%}}.alerts-page{background:#f7f9fc;padding:26px 32px 30px}.alerts-page-heading{margin-bottom:20px}.alerts-page-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.035em}.alerts-page-heading p{margin-top:7px;color:#6b7280;font-size:15px}.alerts-page-heading>span{padding:9px 14px;background:#eef9f1;color:#18813c}.alerts-workspace{border-color:#e8eef6;border-radius:24px;box-shadow:0 12px 36px #1720330b}.alerts-list-panel{border-right-color:#e8eef6;background:#fff}.alert-list-tools{padding:20px;border-bottom-color:#eef2f7}.alert-search{height:48px;padding:0 15px;border-color:#e4eaf2;border-radius:14px}.alert-search:focus-within{border-color:#8ebbf2;box-shadow:0 0 0 3px #3b82f61a}.alert-filter-chips{gap:8px;margin-top:14px}.alert-filter-chips button{min-height:38px;padding:8px 13px;border-color:#e5ebf3;background:#fff;color:#6b7280}.alert-filter-chips button.active{border-color:#c9ddf7;background:#eff6ff;color:#2563b8}.alert-list-scroll{padding:12px}.alert-list-item{min-height:112px;margin-bottom:8px;padding:16px 14px;border-color:transparent;border-radius:18px}.alert-list-item:hover{background:#f8fafc}.alert-list-item.selected{border-color:#dbe9fa;background:#f2f7fd}.alert-list-icon{width:42px;height:42px;border-radius:13px}.alert-item-title strong{font-size:15px;letter-spacing:-.01em}.alert-item-meta{margin-top:5px;color:#667085;font-size:13px}.alert-item-preview{margin:7px 0;color:#7b8493;line-height:1.4}.alert-status{padding:5px 9px;font-size:12px}.alert-conversation{background:#f8fafc}.conversation-header{height:72px;padding:0 22px;border-bottom-color:#e8eef6}.assistant-avatar{width:44px;height:44px;border-radius:14px}.conversation-header strong{font-size:15px}.conversation-header small{color:#7b8493}.alert-summary{margin:18px 22px 0;padding:15px 17px;border-color:#f6d1d1;border-radius:18px;background:snow}.alert-summary strong{font-size:16px}.alert-summary div>span{margin-top:5px;color:#6b7280}.chat-message-list{padding:24px 26px 32px}.chat-row{margin-bottom:20px}.assistant-mini{width:32px;height:32px;border-radius:11px}.chat-bubble{padding:12px 15px;border-color:#e8eef6;border-radius:5px 16px 16px;box-shadow:0 3px 12px #17203306;font-size:14px;line-height:1.6}.chat-row.user .chat-bubble{border-radius:16px 16px 5px;background:#3b82f6}.event-detail-card{max-width:720px;margin-top:12px;padding:20px;border-color:#e8eef6;border-radius:22px;box-shadow:0 8px 24px #17203309}.event-kicker{color:#6b7280!important;font-size:13px!important}.event-detail-card h3{margin:7px 0 16px;font-size:21px;letter-spacing:-.025em}.event-detail-card>.snapshot-card{width:100%;min-height:280px;border-radius:18px}.event-description{margin-top:16px!important;color:#586474;font-size:14px;line-height:1.65}.event-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.event-meta span{padding:6px 10px;border-radius:999px;background:#f3f6fa;color:#657184;font-size:12px}.contextual-actions{display:block;max-width:720px;margin:4px 0 8px 41px;padding:18px;border:1px solid #e8eef6;border-radius:20px;background:#fff;box-shadow:0 6px 20px #17203306}.contextual-actions>p{margin:0 0 13px;color:#596579;font-size:13px;font-weight:600}.contextual-actions .quick-action-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;border:0;background:transparent;overflow:visible}.contextual-actions .quick-action-list button{width:100%;min-height:46px;padding:10px 12px;border-color:#e1e8f1;border-radius:14px;justify-content:center;white-space:normal;text-align:center}.contextual-actions .quick-safe{grid-column:1/-1;order:-3;border-color:#b9e5c8!important;background:#effaf3!important;color:#16783a!important}.contextual-actions .quick-camera,.contextual-actions .quick-snapshot{order:-2}.contextual-actions .quick-help{order:-1;border-color:#f4d1d1!important;background:#fff8f8!important;color:#c53b3b!important}.contextual-actions button:disabled{opacity:.45}.chat-input-wrap{min-height:70px;padding:11px 18px;border-top-color:#e8eef6}.chat-input-wrap textarea{min-height:48px;padding:13px 15px;border-color:#e2e8f0;border-radius:14px}.chat-input-wrap button{width:48px;height:48px;border-radius:14px;transition:transform .18s ease-out,background .18s ease-out}.chat-input-wrap button:hover:not(:disabled){transform:translateY(-1px);background:#2874df}@media (max-width:767px){.alerts-page{padding:16px 16px 0}.alerts-page-heading{margin-bottom:16px}.alerts-page-heading h1{font-size:22px}.alerts-page-heading p{margin-top:5px;font-size:14px}.alerts-workspace{border-radius:20px}.alert-list-tools{padding:0 0 14px}.alert-list-scroll{padding:0 2px 18px}.alert-list-item{min-height:104px;margin-bottom:10px;padding:15px;border-color:#e8eef6;border-radius:18px}.alert-list-item.selected{border-color:#e8eef6;background:#fff}.alerts-page.conversation-open{padding:8px 8px 0}.alerts-page.conversation-open .alerts-workspace{border-color:#e8eef6;border-radius:18px 18px 0 0}.conversation-header{height:64px;padding:0 12px}.alert-summary{margin:12px 14px 0;padding:13px 14px;border-radius:16px}.chat-message-list{padding:18px 14px 22px}.event-detail-card{padding:16px;border-radius:20px}.event-detail-card>.snapshot-card{min-height:180px;border-radius:15px}.event-detail-card h3{font-size:18px}.event-meta{display:flex}.contextual-actions{margin:6px 0 4px 36px;padding:16px;border-radius:18px}.contextual-actions .quick-action-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.contextual-actions .quick-action-list button{min-height:46px;border-radius:13px}.contextual-actions .quick-safe{grid-column:1/-1}.chat-input-wrap{min-height:66px;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.chat-input-wrap textarea{min-height:46px}.chat-input-wrap button{width:46px;height:46px}}@media (max-width:767px){body.alerts-conversation-open .app-shell.alerts-active .topbar{display:flex}body.alerts-conversation-open .app-shell.alerts-active .main-content{padding-top:64px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}body.alerts-conversation-open .app-shell.alerts-active>.mobile-bottom-nav{display:grid}.alerts-page.conversation-open{height:100%;padding:8px 8px 0;background:#f5f9ff}.alerts-page.conversation-open .alerts-workspace{border:1px solid #dde7f2;border-radius:14px 14px 0 0;background:#f8fbff}.event-case-header{display:block}.event-case-header>div>span{display:block;color:#64748b;font-size:12px;line-height:1.5}.event-case-header>b{display:inline-block;margin:8px 0 12px;padding:5px 8px;border-radius:999px;background:#fff4dc;color:#a86308;font-size:11px}.event-ai-analysis{display:block;margin-top:14px;padding:14px;border-radius:14px;background:#eff6ff}.event-ai-analysis>strong{display:block;margin-bottom:8px;color:#1e4f8d;font-size:14px}.event-ai-analysis p{margin:0 0 7px;color:#475569;font-size:13px;line-height:1.5}.event-ai-analysis p:last-child{margin-bottom:0}}@media (min-width:901px){.alerts-page{padding:24px 36px 30px}.alerts-page-heading{max-width:1540px;margin-bottom:22px}.alerts-page-heading h1{font-size:28px}.alerts-page-heading p{font-size:14px}.alerts-workspace{max-width:1540px;grid-template-columns:370px minmax(0,1fr);border:0;border-radius:26px;box-shadow:0 18px 60px #1720330f}.alerts-list-panel{border-right:1px solid #edf1f6}.alert-list-tools{padding:20px 18px 16px}.alert-list-scroll{padding:10px 12px 18px}.alert-list-item{min-height:86px;margin:0 0 7px;padding:12px;border:1px solid transparent;border-radius:15px}.alert-list-item:hover{transform:translateY(-1px)}.alert-list-item.selected{border-color:#bcd7f7;background:#f4f8fe}.alert-list-icon{width:40px;height:40px}.alert-item-title strong{font-size:16px}.alert-item-title time{font-size:11px}.alert-item-meta{font-size:12px}.alert-item-preview{margin:4px 0 5px;font-size:13px}.alert-status{padding:3px 7px;font-size:11px}.alert-conversation{grid-template-rows:76px minmax(0,1fr) auto}.conversation-header{height:76px;padding:0 26px;border:0}.conversation-timeline{margin-left:auto;display:grid}.conversation-more{margin-left:0}.alert-summary{display:none}.chat-message-list{padding:30px 38px 42px}.chat-row{max-width:980px;margin:0 auto 28px}.content-event{display:block}.content-event>.assistant-mini,.message-event>.chat-bubble{display:none}.message-event{max-width:860px;margin:auto;display:flex;flex-direction:column}.event-detail-card{width:100%;max-width:none;margin:0;padding:24px;border:1px solid #e9eef5;border-radius:22px;box-shadow:0 12px 36px #1720330e}.event-case-header{margin-bottom:20px;display:flex}.event-case-header h3{margin:7px 0 6px;font-size:24px}.event-case-header>div>span{display:block}.event-detail-card>.snapshot-card{min-height:360px;border-radius:20px}.event-ai-analysis,.event-insight{display:block}.event-mobile-meta{display:none}.contextual-actions{max-width:860px;margin:0 auto 26px;padding:22px;border-radius:22px}.contextual-actions .quick-action-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contextual-actions .quick-safe{grid-column:1/-1;order:-5}.contextual-actions .quick-camera,.contextual-actions .quick-snapshot{order:-4}.contextual-actions .quick-help{grid-column:1/-1;order:-3}.contextual-actions .quick-why,.contextual-actions .quick-false_alarm{border-color:transparent!important;background:transparent!important}.chat-input-wrap{min-height:76px;padding:12px 24px 14px}.chat-input-wrap textarea{min-height:52px;border-radius:16px;font-size:15px}.chat-input-wrap button{width:48px;height:48px;border-radius:50%}}@media (min-width:901px){.alerts-page{width:100%;height:calc(100dvh - 76px);min-height:0;overflow:hidden;display:flex;flex-direction:column}.alerts-page-heading{width:100%;flex:0 0 auto}.alerts-workspace{width:100%;height:auto;min-height:0;flex:1;grid-template-columns:370px minmax(0,1fr);overflow:hidden}.alerts-list-panel{width:370px;min-width:370px;max-width:370px;height:100%;min-height:0;overflow:hidden}.alert-list-scroll{min-height:0;overflow-y:scroll;scrollbar-gutter:stable}.alert-conversation{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.conversation-header,.chat-input-wrap{width:100%;flex:0 0 auto}.chat-message-list{width:100%;min-width:0;min-height:0;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable both-edges;overscroll-behavior:contain}.chat-row{width:min(980px,100%)}.message-event,.contextual-actions{width:min(860px,100%);min-width:0}.event-detail-card{min-height:760px}}.copilot-suggestions{flex:0 0 auto;padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #e9eef5;background:#fff}.copilot-suggestions>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.copilot-suggestions>div:first-child strong{font-size:14px}.copilot-suggestions>div:first-child button{border:0;background:transparent;color:#2563b8;font-size:13px;font-weight:700;cursor:pointer}.copilot-suggestions>div:last-child{margin-top:10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.copilot-suggestions>div:last-child::-webkit-scrollbar{display:none}.copilot-suggestions>div:last-child button{flex:0 0 auto;min-height:40px;padding:9px 12px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;color:#42536a;font-size:13px;text-align:left;cursor:pointer;transition:transform .15s ease-out,border-color .15s ease-out,background .15s ease-out}.copilot-suggestions>div:last-child button:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border:1.5px solid #3b82f6;border-radius:50%}.copilot-suggestions>div:last-child button:hover:not(:disabled){transform:translateY(-1px);border-color:#bfd6f3;background:#f1f7ff}.copilot-suggestions button:disabled{opacity:.48}.copilot-composer{position:relative;animation:composerReveal .18s ease-out}.copilot-composer .composer-close{width:38px;height:38px;flex:0 0 auto;border:0;border-radius:11px;background:#f1f5f9;color:#64748b}.copilot-composer .composer-close svg{width:17px}.copilot-composer .composer-send{flex:0 0 auto}@keyframes composerReveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (min-width:901px){.alert-conversation{grid-template-rows:76px minmax(0,1fr) auto}.copilot-suggestions{padding:16px 24px 18px}.copilot-suggestions>div{width:min(860px,100%);margin-left:auto;margin-right:auto}.copilot-suggestions>div:first-child strong{font-size:15px}.copilot-suggestions>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.copilot-suggestions>div:last-child button{width:100%;min-height:44px}.copilot-composer{width:100%}}@media (max-width:767px){.copilot-suggestions{padding:11px 12px calc(11px + env(safe-area-inset-bottom))}.copilot-suggestions>div:first-child strong{font-size:13px}.copilot-suggestions>div:last-child button{max-width:260px;white-space:normal}.copilot-composer{padding-left:9px}.copilot-composer .composer-close{width:40px;height:40px}}.chat-message-list .copilot-suggestions{margin:6px 0 20px 41px;padding:16px;border:1px solid #e9eef5;border-radius:18px;background:#fff}@media (min-width:901px){.chat-message-list .copilot-suggestions{width:min(860px,100%);margin:0 auto 28px;padding:20px 22px}.chat-message-list .copilot-suggestions>div{width:100%}}@media (max-width:767px){.chat-message-list .copilot-suggestions{margin:6px 0 14px 36px;padding:14px}}.alerts-page{width:100%;height:100%;min-height:0;padding:10px 18px 14px;overflow:hidden;display:flex;flex-direction:column;background:#f7f9fc}.alerts-page-heading{display:none!important}.alerts-workspace{width:100%;height:auto;min-height:0;max-width:1540px;flex:1 1 auto;margin:0 auto;overflow:hidden;border:1px solid #e4ebf3;border-radius:18px;display:grid;grid-template-columns:350px minmax(0,1fr);box-shadow:0 10px 32px #1720330d}.alerts-list-panel{width:350px;min-width:350px;max-width:350px;height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.alert-list-tools{position:relative;z-index:4;min-width:0;padding:12px 12px 10px;border-bottom:1px solid #edf2f7;background:#fff}.alert-search{height:40px;padding:0 11px;border-radius:11px}.alert-filter-chips{width:100%;margin-top:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible}.alert-filter-chips button{min-width:0;min-height:32px;padding:5px 4px;overflow:hidden;border-radius:9px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.alert-list-scroll{min-height:0;padding:7px 8px 12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.alert-list-item{min-height:78px;margin:0 0 5px;padding:9px 10px;grid-template-columns:36px minmax(0,1fr);gap:9px;border-radius:13px}.alert-list-icon{width:36px;height:36px;border-radius:11px}.alert-item-title strong{font-size:14px}.alert-item-title time{font-size:10px}.alert-item-meta{margin-top:3px;font-size:11px}.alert-item-preview{margin:3px 0 4px;font-size:11px;line-height:1.3}.alert-status{min-height:22px;padding:3px 7px;font-size:10px}.alert-conversation{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:64px minmax(0,1fr) auto;background:#f8fafc}.conversation-header{position:relative;z-index:4;width:100%;height:64px;min-height:64px;padding:0 18px;flex:0 0 auto;border-bottom:1px solid #e7edf4;background:#fff}.assistant-avatar{width:40px;height:40px;border-radius:13px}.chat-message-list{width:100%;min-width:0;min-height:0;padding:16px 22px 22px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.chat-row{margin-bottom:14px}.event-detail-card{margin-top:4px;padding:17px;border-radius:18px}.event-case-header{margin-bottom:12px}.event-case-header h3{margin:4px 0;font-size:20px}.event-detail-card>.snapshot-card{min-height:240px;border-radius:16px}.event-ai-analysis{margin-top:13px;padding:14px 16px;border-radius:14px}.event-ai-analysis>strong{margin-bottom:7px;font-size:14px}.event-ai-analysis p{margin-bottom:5px;font-size:13px;line-height:1.5}.event-insight{margin-top:11px;padding:14px 15px;border-radius:14px}.event-insight h4{margin-bottom:10px;font-size:15px}.contextual-actions{margin-bottom:12px;padding:14px 16px;border-radius:17px}.copilot-suggestions{flex:0 0 auto}.chat-input-wrap{position:relative;z-index:4;flex:0 0 auto;background:#fff}@media (max-width:1024px) and (min-width:861px){.alerts-workspace{grid-template-columns:320px minmax(0,1fr)}.alerts-list-panel{width:320px;min-width:320px;max-width:320px}.alert-filter-chips button{font-size:9px}.chat-message-list{padding:14px 16px 20px}}@media (max-width:860px){.alerts-page{height:100%;padding:8px}.alerts-workspace{height:auto;min-height:0;flex:1 1 auto;grid-template-columns:1fr;border-radius:14px}.alerts-list-panel{width:100%;min-width:0;max-width:none}.alerts-page:not(.conversation-open) .alert-conversation{display:none}.alerts-page.conversation-open .alerts-list-panel{display:none}.alerts-page.conversation-open .alert-conversation{display:grid}.alert-list-tools{padding:10px}.alert-filter-chips{gap:5px}.alert-filter-chips button{font-size:10px}.conversation-header{height:60px;min-height:60px;padding:0 10px}.chat-message-list{padding:12px 10px 18px}.event-detail-card{padding:14px}.event-detail-card>.snapshot-card{min-height:180px}}@media (max-width:430px){.alert-filter-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-filter-chips button{font-size:11px}.topbar-protection{display:none}}.alert-conversation>.alert-summary{display:none}.alert-conversation{grid-template-rows:58px minmax(0,1fr) auto}.conversation-header{height:58px;min-height:58px;padding:0 16px}.assistant-avatar{width:38px;height:38px;border-radius:12px}.conversation-header strong{font-size:14px}.conversation-header small{margin-top:1px;font-size:11px}.conversation-timeline,.conversation-more{width:34px;height:34px;border-radius:10px}.conversation-timeline svg,.conversation-more svg{width:17px}.chat-message-list{padding:12px 18px 18px}.chat-row.content-event{margin-bottom:10px}.message-event{width:min(760px,100%);max-width:760px}.event-detail-card.event-hero{width:100%;min-height:0;margin:0;padding:14px;border:1px solid #e5ebf2;border-radius:18px;background:#fff;box-shadow:0 8px 28px #1720330e}.event-hero.severity-critical{border-top:3px solid #ef4444}.event-hero .event-case-header{margin-bottom:10px;align-items:center}.event-hero .event-kicker{font-size:10px!important;letter-spacing:.065em}.event-hero .event-case-header h3{margin:3px 0;font-size:19px;line-height:1.25}.event-hero .event-case-header>div>span{font-size:11px}.event-hero .event-case-header>b{padding:5px 8px;border-radius:999px;font-size:10px}.event-hero .event-case-header>b.status-pending{background:#fff2d9;color:#9a6100}.event-hero .event-case-header>b.status-safe,.event-hero .event-case-header>b.status-resolved{background:#e7f8ed;color:#15783a}.event-hero .event-case-header>b.status-false_alarm{background:#edf1f5;color:#657184}.event-hero>.snapshot-card{width:100%;height:205px;min-height:205px;border-radius:14px;cursor:zoom-in}.event-hero>.snapshot-card:hover .snapshot-scene{transform:scale(1.015)}.event-hero .snapshot-scene{transition:transform .2s ease}.event-hero .snapshot-bottom{padding:24px 12px 9px}.hero-primary-actions{margin-top:10px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(120px,.7fr);gap:8px}.hero-primary-actions button{min-height:44px;padding:9px 13px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.hero-primary-actions button:hover:not(:disabled){transform:translateY(-1px)}.hero-primary-actions svg{width:17px}.hero-primary-actions button>i{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:heroActionSpin .7s linear infinite}.hero-safe{border:1px solid #18783d;background:#16813f;color:#fff;box-shadow:0 6px 14px #16813f29}.hero-safe:hover:not(:disabled){background:#116c34;box-shadow:0 8px 18px #16813f38}.hero-safe.is-complete{background:#e8f8ed;color:#15783a;box-shadow:none}.hero-false{border:1px solid #d9e2eb;background:#fff;color:#607086}.hero-false:hover:not(:disabled){border-color:#b9c9da;background:#f8fafc}.hero-primary-actions button:disabled{cursor:not-allowed;opacity:.65}.hero-ai-summary{margin-top:11px;padding:8px 10px;border-radius:10px;background:#f3f7fc;display:flex;align-items:flex-start;gap:7px}.hero-ai-summary>svg{width:15px;flex:0 0 auto;color:#2563eb}.hero-ai-summary p{margin:0;color:#526174;font-size:11px;line-height:1.5}.analysis-toggle{width:100%;margin-top:7px;padding:6px 3px;border:0;background:transparent;color:#2563b8;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:750;cursor:pointer}.analysis-toggle svg{width:14px;transition:transform .18s ease}.analysis-toggle.is-open svg{transform:rotate(180deg)}.analysis-collapsible{margin-top:5px;padding:10px 11px;border-top:1px solid #edf1f5;animation:analysisReveal .17s ease-out}.analysis-collapsible>p{margin:0 0 9px;color:#64748b;font-size:11px;line-height:1.5}.event-inline-insights{display:flex;align-items:stretch;flex-wrap:wrap;gap:6px}.event-inline-insights>span{min-width:105px;flex:1 1 auto;padding:7px 9px;border:1px solid #e4eaf1;border-radius:9px;background:#fff}.event-inline-insights small,.event-inline-insights strong{display:block}.event-inline-insights small{color:#8a97a8;font-size:9px}.event-inline-insights strong{margin-top:2px;color:#334155;font-size:11px}.contextual-actions{width:min(760px,100%);max-width:760px;margin:8px auto 12px;padding:11px 12px;border-radius:14px}.contextual-actions>p{margin-bottom:8px;font-size:11px}.contextual-actions .quick-action-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.contextual-actions .quick-action-list button{min-height:38px;padding:7px 8px;border-radius:10px;font-size:10px}.contextual-actions .quick-help{grid-column:auto;order:initial}.contextual-actions .quick-camera,.contextual-actions .quick-snapshot{order:initial}@keyframes heroActionSpin{to{transform:rotate(360deg)}}@keyframes analysisReveal{0%{opacity:0;transform:translateY(-4px)}}@media (max-width:767px){.alert-conversation{grid-template-rows:56px minmax(0,1fr) auto}.conversation-header{height:56px;min-height:56px}.chat-message-list{padding:9px 8px 14px}.event-detail-card.event-hero{padding:11px;border-radius:15px}.event-hero .event-case-header{align-items:flex-start}.event-hero .event-case-header h3{font-size:17px}.event-hero>.snapshot-card{height:175px;min-height:175px}.hero-primary-actions{position:sticky;z-index:8;bottom:0;margin:8px -4px 0;padding:7px 4px;background:#fffffff5;grid-template-columns:1fr auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-primary-actions button{min-height:43px}.hero-false{min-width:104px}.hero-ai-summary{margin-top:8px}.event-inline-insights{display:grid;grid-template-columns:1fr 1fr}.contextual-actions{margin:6px auto 10px}.contextual-actions .quick-action-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.alert-product-detail{min-height:0;padding:20px;overflow:auto}.alert-product-detail>.snapshot-card{display:block;width:min(760px,100%);height:320px;margin:0 auto;border-radius:18px}.alert-product-copy{width:min(760px,100%);margin:16px auto 0;padding:18px;border:1px solid #e4ebf3;border-radius:16px;background:#fff}.alert-product-copy h2{margin:0;font-size:20px}.alert-product-copy>p{margin:8px 0 15px;color:#64748b;line-height:1.5}.alert-product-copy dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.alert-product-copy dl div{padding:10px;border-radius:10px;background:#f8fafc}.alert-product-copy dt{color:#8492a6;font-size:10px}.alert-product-copy dd{margin:4px 0 0;font-size:12px;font-weight:700}.alert-product-actions{width:min(760px,100%);margin:12px auto 0;display:flex;gap:8px}.alert-product-actions button{min-height:42px;padding:0 13px;border:1px solid #dbe5ef;border-radius:11px;background:#fff;color:#526174;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:750}.alert-product-actions button:first-child{margin-right:auto}.alert-product-actions button:nth-child(2){border-color:#16813f;background:#16813f;color:#fff}.alert-product-actions svg{width:16px}.alert-product-actions button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.alert-product-detail{padding:12px}.alert-product-detail>.snapshot-card{height:220px}.alert-product-copy dl{grid-template-columns:1fr}.alert-product-actions{display:grid;grid-template-columns:1fr 1fr}.alert-product-actions button:first-child{grid-column:1/-1;margin:0}}.snapshot-scene>img{display:block;width:100%;height:100%;object-fit:cover}.alerts-page,.alerts-workspace,.alerts-list-panel,.alert-conversation,.alert-product-detail,.chat-message-list,.alerts-empty{color:var(--text-primary);background:var(--bg-app)}.alerts-workspace{border-color:var(--border-default);box-shadow:var(--shadow-md)}.alerts-list-panel,.alert-list-tools,.conversation-header,.chat-input-wrap,.copilot-suggestions,.quick-action-list{color:var(--text-primary);background:var(--bg-surface);border-color:var(--divider)}.alert-search,.alert-filter-chips button,.alert-list-state button,.conversation-more,.conversation-back,.camera-preview-bar button,.need-help-grid button,.quick-action-list button,.copilot-suggestions>div:last-child button,.copilot-composer .composer-close,.modal-close,.modal-actions button,.alert-product-actions button,.hero-false{color:var(--text-secondary);background:var(--bg-elevated);border-color:var(--border-default)}.alert-search input,.chat-input-wrap textarea,.false-alarm-modal textarea{color:var(--text-primary);background:transparent;border-color:var(--border-default);caret-color:var(--primary)}.alert-search input::placeholder,.chat-input-wrap textarea::placeholder,.false-alarm-modal textarea::placeholder{color:var(--text-muted)}.alert-search:focus-within,.chat-input-wrap textarea:focus,.false-alarm-modal textarea:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.alert-filter-chips button:hover:not(:disabled),.alert-list-state button:hover:not(:disabled),.conversation-more:hover:not(:disabled),.conversation-back:hover:not(:disabled),.camera-preview-bar button:hover:not(:disabled),.need-help-grid button:hover:not(:disabled),.quick-action-list button:hover:not(:disabled),.copilot-suggestions>div:last-child button:hover:not(:disabled),.copilot-composer .composer-close:hover:not(:disabled),.modal-close:hover:not(:disabled),.modal-actions button:hover:not(:disabled),.alert-product-actions button:hover:not(:disabled),.hero-false:hover:not(:disabled){color:var(--text-primary);background:var(--interactive-hover);border-color:var(--border-strong)}.alert-filter-chips button.active,.alert-filter-chips button.active:hover{color:var(--primary);background:var(--primary-subtle);border-color:var(--primary)}.alert-list-item{color:var(--text-primary);background:var(--bg-surface)}.alert-list-item:hover{background:var(--interactive-hover)}.alert-list-item.selected,.alert-list-item.selected:hover{color:var(--text-primary);background:var(--interactive-active);border-color:var(--primary)}.alert-item-title time,.alert-item-preview,.alert-list-state,.alerts-empty,.conversation-header small,.alert-product-copy>p{color:var(--text-muted)}.alert-item-meta{color:var(--text-secondary)}.alert-list-state strong{color:var(--text-primary)}.alerts-page .status-pending{color:var(--primary);background:var(--primary-subtle)}.alerts-page .status-checking{color:var(--warning);background:var(--warning-subtle)}.alerts-page .status-resolved,.alerts-page .status-safe{color:var(--success);background:var(--success-subtle)}.alerts-page .status-false_alarm{color:var(--text-secondary);background:var(--bg-subtle)}.alerts-page .status-need_help{color:var(--danger);background:var(--danger-subtle)}.severity-info .alert-list-icon{color:var(--info);background:var(--info-subtle)}.severity-medium .alert-list-icon{color:var(--warning);background:var(--warning-subtle)}.severity-critical .alert-list-icon{color:var(--danger);background:var(--danger-subtle)}.event-detail-card,.event-detail-card.event-hero,.alert-product-copy,.camera-preview-card,.chat-bubble,.typing-indicator,.alert-modal,.snapshot-modal,.chat-message-list .copilot-suggestions{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.event-case-header h3,.alert-product-copy h2,.alert-product-copy dd{color:var(--text-primary)}.event-case-header>div>span,.analysis-collapsible>p{color:var(--text-secondary)}.event-kicker,.analysis-toggle,.copilot-suggestions>div:first-child button{color:var(--primary)}.hero-ai-summary,.event-ai-analysis,.event-insight,.alert-product-copy dl div{background:var(--bg-subtle)}.hero-ai-summary p,.event-ai-analysis p,.event-insight p{color:var(--text-secondary)}.analysis-collapsible{border-color:var(--divider)}.event-inline-insights>span,.reason-options label{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-default)}.event-inline-insights small,.alert-product-copy dt{color:var(--text-muted)}.event-inline-insights strong{color:var(--text-primary)}.alert-product-actions button:nth-child(2),.modal-actions .confirm-safe,.hero-safe{color:var(--text-inverse);background:var(--success);border-color:var(--success)}.alert-product-actions button:nth-child(2):hover:not(:disabled),.modal-actions .confirm-safe:hover:not(:disabled),.hero-safe:hover:not(:disabled){color:var(--text-inverse);background:color-mix(in srgb,var(--success) 86%,black);border-color:var(--success)}.hero-safe.is-complete{color:var(--success);background:var(--success-subtle);border-color:var(--success)}.alert-product-actions button:disabled,.hero-primary-actions button:disabled,.quick-action-list button:disabled{opacity:.55}.alert-modal-backdrop,.snapshot-modal-backdrop{background:var(--overlay)}.alerts-page :where(img,video,canvas),.snapshot-modal :where(img,video,canvas){filter:none!important;mix-blend-mode:normal;color-scheme:only light}.alert-list-scroll,.chat-message-list,.alert-product-detail,.alert-filter-chips,.quick-action-list{scrollbar-color:var(--border-strong) var(--bg-subtle)}@media (max-width:767px){.hero-primary-actions{background:color-mix(in srgb,var(--bg-surface) 94%,transparent)}}.alerts-page{position:relative}.alerts-workspace{transition:grid-template-columns .22s ease}.alerts-page.list-collapsed .alerts-workspace{grid-template-columns:0 minmax(0,1fr)}.alerts-page.list-collapsed .alerts-list-panel{min-width:0;width:0;opacity:0;visibility:hidden;overflow:hidden;border-right:0;pointer-events:none;transition:width .22s ease,opacity .18s ease,visibility 0s linear .22s}.alerts-page:not(.list-collapsed) .alerts-list-panel{width:auto;opacity:1;visibility:visible;transition:width .22s ease,opacity .18s ease}.alert-list-collapse,.alert-list-expand{width:44px;height:44px;border:1px solid var(--border-default);border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-secondary);background:var(--bg-elevated);cursor:pointer}.alert-list-collapse{margin-left:auto}.alert-list-rail{position:absolute;z-index:40;left:10px;top:50%;transform:translateY(-50%)}.alert-list-expand{position:relative}.alert-list-expand>span{position:absolute;right:-7px;top:-7px;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--bg-app);border-radius:999px;display:grid;place-items:center;color:var(--text-inverse);background:var(--danger);font-size:10px;font-weight:800}.alert-advanced{position:relative}.alert-advanced-trigger{width:100%;min-height:40px;border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-secondary);background:var(--bg-elevated)}.alert-advanced-trigger svg{width:16px}.alert-advanced-popover{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 6px);padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-lg);display:grid;gap:10px;color:var(--text-primary);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.alert-advanced-popover label{display:grid;gap:5px;color:var(--text-secondary);font-size:12px}.alert-advanced-popover select{width:100%;min-height:40px;padding:0 9px;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-surface)}.alert-product-actions .alert-action-safe{color:var(--text-inverse)!important;background:var(--primary)!important;border-color:var(--primary)!important}.alert-product-actions .alert-action-false{color:var(--danger)!important;background:var(--bg-elevated)!important;border-color:var(--border-default)!important}.alert-product-actions .alert-action-viewed{color:var(--text-secondary)!important;background:var(--bg-subtle)!important}@media (max-width:767px){.alert-list-collapse,.alert-list-rail{display:none}.alerts-workspace,.alerts-page.list-collapsed .alerts-workspace{grid-template-columns:1fr}.alerts-page.list-collapsed .alerts-list-panel{width:100%;opacity:1;visibility:visible;overflow:visible;border-right:1px solid var(--divider);pointer-events:auto}.alert-advanced-popover{position:fixed;left:12px;right:12px;top:auto;bottom:calc(84px + env(safe-area-inset-bottom));max-height:60dvh;overflow-y:auto}}.alerts-list-panel,.alert-list-tools{overflow:visible}.alert-filter-backdrop{display:none}.alert-advanced-popover>header{display:none}.alert-filter-scroll{display:grid;gap:10px}@media (max-width:767px){.alert-filter-backdrop{position:fixed;z-index:1590;top:0;right:0;bottom:0;left:0;display:block;border:0;background:var(--overlay)}.alert-advanced-popover{z-index:1600;left:0;right:0;bottom:0;max-height:calc(100dvh - 64px);padding:0;border-radius:22px 22px 0 0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.alert-advanced-popover>header{min-height:58px;padding:0 16px;border-bottom:1px solid var(--divider);display:flex;align-items:center;justify-content:space-between}.alert-advanced-popover>header button{width:44px;height:44px;border:0;border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-subtle);font-size:24px}.alert-filter-scroll{min-height:0;padding:14px 16px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}}.alert-read-error{position:fixed;z-index:2300;top:84px;right:24px;max-width:min(420px,calc(100vw - 32px));padding:11px 14px;border:1px solid var(--danger,#dc3030);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--danger,#c53030);box-shadow:var(--shadow-lg);font-size:12px;font-weight:700}@media (max-width:700px){.alert-read-error{top:72px;left:16px;right:16px;max-width:none}}.smart-camera-page{max-width:1400px;margin:0 auto;padding:30px 32px 60px;color:#172033}.smart-camera-heading{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.smart-camera-heading p{margin:0 0 4px;color:#64748b;font-size:13px;font-weight:600}.smart-camera-heading h1{margin:0;font-size:28px;letter-spacing:-.035em}.smart-camera-heading>span{padding:9px 13px;border-radius:999px;background:#eef9f1;color:#16783a;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.smart-camera-heading>span svg{width:17px}.smart-viewer-shell{padding:20px;border:1px solid #e8eef6;border-radius:26px;background:#fff;box-shadow:0 16px 45px #1a385b0e}.smart-camera-viewer{position:relative;width:min(100%,calc((100dvh - 190px)*16/9),1280px);margin-inline:auto;aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:#15191e;color:#fff;animation:smartCameraFade .18s ease-out}.smart-camera-viewer video{width:100%;height:100%;display:block;object-fit:cover}.smart-camera-viewer video.mirror{transform:scaleX(-1)}.smart-viewer-top,.smart-viewer-bottom{position:absolute;z-index:3;left:0;right:0;padding:18px;display:flex;align-items:center;gap:9px}.smart-viewer-top{top:0;padding:14px;background:linear-gradient(rgba(0,0,0,.38),transparent)}.smart-viewer-bottom{bottom:0;justify-content:space-between;align-items:end;padding-top:60px;background:linear-gradient(transparent,#000000b3)}.smart-live-dot{width:10px;height:10px;flex:0 0 auto;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:#22c55e;box-shadow:0 1px 4px #0000008c;outline:0}.smart-live-dot:focus-visible{box-shadow:0 0 0 3px #ffffffb3,0 1px 4px #0000008c}.smart-online{padding:7px 10px;border-radius:999px;background:#fffffff0;color:#334155;font-size:12px;font-weight:800;margin-left:auto}.smart-online:before,.camera-selector small i{width:8px;height:8px;border-radius:50%;background:#22c55e}.smart-online:before{content:"";display:inline-block;margin-right:6px}.smart-viewer-bottom strong,.smart-viewer-bottom span{display:block}.smart-viewer-bottom strong{font-size:17px}.smart-viewer-bottom span{margin-top:4px;color:#d8e2ec;font-size:13px}.smart-viewer-bottom time{font-size:13px;font-variant-numeric:tabular-nums}.smart-camera-offline,.smart-webcam-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#171b20;color:#dbe4ec;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.smart-camera-offline svg,.smart-webcam-placeholder svg{width:43px;height:43px;color:#ef6a6a}.smart-webcam-placeholder{cursor:pointer}.smart-webcam-placeholder svg{color:#69aaf2}.smart-camera-offline strong,.smart-webcam-placeholder strong{font-size:17px}.smart-camera-offline span,.smart-webcam-placeholder span{color:#91a0b0;font-size:13px}.camera-selector-wrap{margin:20px -20px 0;overflow:hidden}.camera-selector{padding:2px 20px 8px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.camera-selector::-webkit-scrollbar{display:none}.camera-selector>button{width:240px;min-width:240px;height:78px;padding:9px;border:1px solid #e5eaf2;border-radius:18px;background:#fff;color:#172033;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:11px;text-align:left;scroll-snap-align:start;cursor:pointer;transition:border-color .16s ease-out,background .16s ease-out,transform .16s ease-out}.camera-selector>button:hover{transform:translateY(-2px)}.camera-selector>button.active{border-color:#7bb0ec;background:#f3f8ff;box-shadow:0 0 0 2px #3b82f614}.selector-thumb{position:relative;width:82px;height:58px;overflow:hidden;border-radius:12px;background:#dce7ef}.selector-thumb:before{content:"";position:absolute;left:12px;top:9px;width:24px;height:19px;border:5px solid #829aac;background:#c6e1f0}.selector-thumb:after{content:"";position:absolute;right:7px;bottom:7px;width:43px;height:17px;border-radius:4px;background:#889baa}.selector-thumb.scene-living{background:#e9e1d5}.selector-thumb.scene-entrance{background:#dce8dc}.selector-thumb.scene-garden{background:#d7e9d5}.selector-thumb>i{position:absolute;z-index:2;left:7px;bottom:7px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#22c55e}.selector-thumb>i.offline{background:#ef4444}.camera-selector strong,.camera-selector small{display:block}.camera-selector strong{font-size:14px;line-height:1.35;white-space:normal}.camera-selector small{margin-top:7px;color:#64748b;font-size:12px}.camera-selector small i{display:inline-block;margin-right:5px}.camera-selector small i.offline{background:#ef4444}.smart-camera-actions{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.smart-camera-actions button{min-height:76px;padding:14px 16px;border:1px solid #e3e9f1;border-radius:18px;background:#fff;color:#33577d;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;transition:transform .16s ease-out,background .16s ease-out}.smart-camera-actions button:hover:not(:disabled){transform:translateY(-2px);background:#f8fbff}.smart-camera-actions button.primary{border-color:#bdd6f4;background:#eff6ff;color:#1f63b2}.smart-camera-actions button:disabled{opacity:.42;cursor:not-allowed}.smart-camera-actions button>svg{width:23px;height:23px;flex:0 0 auto}.smart-camera-actions strong,.smart-camera-actions small{display:block}.smart-camera-actions strong{font-size:14px}.smart-camera-actions small{margin-top:4px;color:#718096;font-size:12px}@keyframes smartCameraFade{0%{opacity:.45;transform:scale(.992)}to{opacity:1;transform:none}}@media (max-width:600px){.smart-camera-page{padding:14px 12px 32px}.smart-camera-heading{margin-bottom:14px}.smart-camera-heading p,.smart-camera-heading>span{display:none}.smart-camera-heading h1{font-size:21px}.smart-viewer-shell{padding:12px;border-radius:22px}.smart-camera-viewer{border-radius:20px}.smart-viewer-top,.smart-viewer-bottom{padding:12px}.smart-viewer-bottom{padding-top:42px}.smart-live,.smart-online{padding:6px 8px;font-size:11px}.smart-viewer-bottom strong{max-width:230px;font-size:16px;line-height:1.3}.camera-selector-wrap{margin:16px -12px 0}.camera-selector{padding:2px 12px 7px;gap:10px}.camera-selector>button{width:215px;min-width:215px;height:74px;grid-template-columns:74px minmax(0,1fr);border-radius:17px}.selector-thumb{width:74px;height:54px}.smart-camera-actions{margin-top:18px;gap:10px}.smart-camera-actions button{min-height:78px;padding:13px;border-radius:17px}.smart-camera-actions button>svg{width:21px}.smart-camera-actions strong{font-size:13px}.smart-camera-actions small{font-size:11px}}.camera-selector-wrap{margin-top:24px}.camera-selector-wrap>h2{margin:0 20px 14px;font-size:18px;letter-spacing:-.02em}.viewer-recent-events{margin-top:28px;padding-top:24px;border-top:1px solid #edf1f6}.viewer-recent-events>header{margin-bottom:10px;display:flex;align-items:end;justify-content:space-between;gap:16px}.viewer-recent-events h2{margin:0;font-size:19px;letter-spacing:-.025em}.viewer-recent-events header p{margin:5px 0 0;color:#64748b;font-size:13px}.viewer-recent-events header button{border:0;background:transparent;color:#2563b8;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700}.viewer-recent-events header button svg{width:15px}.viewer-recent-events>div{border:1px solid #e8eef6;border-radius:19px;overflow:hidden}.viewer-event-row{width:100%;min-height:72px;padding:12px 15px;display:grid;grid-template-columns:48px 40px minmax(0,1fr) 18px;align-items:center;gap:12px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#172033;text-align:left;cursor:pointer}.viewer-event-row:last-child{border-bottom:0}.viewer-event-row:hover{background:#fafcff}.viewer-event-row time{color:#64748b;font-size:12px}.viewer-event-row>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#edf5ff;color:#2563eb}.viewer-event-row.danger>span{background:#ffe8e8;color:#dc3a3a}.viewer-event-row.safe>span{background:#eaf9ef;color:#168941}.viewer-event-row>span svg{width:19px}.viewer-event-row strong,.viewer-event-row small{display:block}.viewer-event-row strong{font-size:14px}.viewer-event-row small{margin-top:4px;color:#64748b;font-size:12px}.viewer-event-row>svg{width:17px;color:#94a3b8}@media (max-width:600px){.camera-selector-wrap{margin-top:20px}.camera-selector-wrap>h2{margin:0 12px 12px;font-size:17px}.smart-camera-actions{margin-top:20px}.viewer-recent-events{margin-top:24px;padding-top:20px}.viewer-recent-events h2{font-size:17px}.viewer-recent-events header p{font-size:12px}.viewer-recent-events>div{border-radius:17px}.viewer-event-row{min-height:70px;padding:11px 8px;grid-template-columns:40px 36px minmax(0,1fr) 16px;gap:8px}.viewer-event-row>span{width:36px;height:36px}.viewer-event-row strong{font-size:13px}}.camera-selector-wrap{margin:22px -20px 0;overflow:hidden}.camera-selector-wrap>header{padding:0 20px 12px;display:flex;align-items:center;justify-content:space-between}.camera-selector-wrap>header h2{margin:0;font-size:18px;letter-spacing:-.02em}.camera-selector-wrap>header div{display:flex;gap:8px}.camera-selector-wrap>header button{width:36px;height:36px;border:1px solid #e3e9f1;border-radius:12px;background:#fff;color:#52657b;display:grid;place-items:center;cursor:pointer;transition:.15s ease-out}.camera-selector-wrap>header button:hover{border-color:#b9d3f3;background:#f5f9ff;color:#2563b8}.camera-selector-wrap>header svg{width:17px}.camera-selector{padding:2px 20px 10px;gap:14px;scroll-snap-type:x mandatory}.camera-selector>button{width:190px;min-width:190px;height:auto;padding:0 0 12px;overflow:hidden;display:block;border-radius:20px;text-align:left;scroll-snap-align:start;transition:border-color .15s ease-out,background .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.camera-selector>button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1f436b1a}.camera-selector>button.active{border-color:#69a5ea;background:#f5f9ff;box-shadow:0 8px 20px #3b82f61f}.camera-selector>button:active{transform:scale(.985)}.video-thumbnail{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#15191e}.video-thumbnail video{width:100%;height:100%;display:block;object-fit:cover}.video-thumbnail.offline video{filter:grayscale(1);opacity:.7}.thumbnail-status{position:absolute;z-index:3;left:9px;top:9px;padding:5px 7px;border-radius:999px;background:#fffffff0;color:#18743b;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.03em}.thumbnail-status i{width:7px;height:7px;border-radius:50%;background:#22c55e}.thumbnail-status.offline{color:#b4232d}.thumbnail-status.offline i{background:#ef4444}.thumbnail-name{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px 10px 9px;background:linear-gradient(transparent,#000000c2);color:#fff;font-size:13px;font-weight:700;line-height:1.3}.thumbnail-offline-copy{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.8)}.thumbnail-offline-copy strong,.thumbnail-offline-copy small{display:block}.thumbnail-offline-copy strong{font-size:12px}.thumbnail-offline-copy small{margin-top:4px;font-size:10px;color:#e2e8f0}.thumbnail-camera-info{display:block;padding:11px 12px 0}.thumbnail-camera-info strong,.thumbnail-camera-info small{display:block}.thumbnail-camera-info strong{min-height:38px;font-size:14px;line-height:1.35;white-space:normal}.thumbnail-camera-info small{margin-top:5px;color:#64748b;font-size:12px}.thumbnail-camera-info small i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#22c55e}.thumbnail-camera-info small i.offline{background:#ef4444}.camera-carousel-dots{display:flex;justify-content:center;gap:6px;padding-top:2px}.camera-carousel-dots i{width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:.15s ease-out}.camera-carousel-dots i.active{width:18px;border-radius:999px;background:#3b82f6}@media (max-width:600px){.camera-selector-wrap{margin:20px -12px 0}.camera-selector-wrap>header{padding:0 12px 11px}.camera-selector-wrap>header h2{font-size:17px}.camera-selector-wrap>header button{width:34px;height:34px}.camera-selector{padding:2px 12px 9px;gap:12px}.camera-selector>button{width:180px;min-width:180px;height:auto}.thumbnail-camera-info strong{min-height:36px;font-size:13px}}@media (min-width:601px){.smart-live{width:12px;height:12px;padding:0;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.smart-live.offline{background:#ef4444;box-shadow:0 0 0 4px #ef44442e}.smart-live>i,.smart-live-label{display:none}}.viewer-events-empty{min-height:108px;margin:0;padding:28px 18px;display:grid;place-items:center;color:#64748b;text-align:center;font-size:13px}.smart-camera-viewer img,.video-thumbnail img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#15191e}.smart-camera-viewer,.video-thumbnail{min-width:0;min-height:0}.smart-camera-viewer video,.video-thumbnail video{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#15191e}.smart-viewer-shell{width:min(100%,1160px);margin-inline:auto;padding:20px}.smart-camera-viewer{width:min(100%,1120px,calc((100dvh - 220px)*16/9));max-height:calc(100dvh - 220px);margin-inline:auto;aspect-ratio:16/9}@media (min-width:901px){.smart-camera-viewer{min-height:420px}}@media (max-width:600px){.smart-viewer-shell{width:100%;padding:12px}.smart-camera-viewer{width:100%;max-height:none;min-height:0;margin-left:0;border-radius:18px}}.camera-stream-image{width:100%;height:100%;max-width:100%;display:block;object-fit:contain;object-position:center;background:#15191e}.camera-api-state{min-height:65vh;display:grid;place-items:center;align-content:center;gap:12px;color:#52657b}.camera-api-state>svg{width:44px;height:44px;color:#3b82f6}.camera-api-state.error>svg{color:#dc3e3e}.camera-api-state button{padding:9px 13px;border:1px solid #bdd2e9;border-radius:10px;background:#fff;color:#2567b3}.camera-source-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1f2937;color:#94a3b8}.camera-source-placeholder>svg{width:32px;height:32px}.camera-stage-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.camera-viewer-meta-actions{width:min(100%,calc((100dvh - 190px)*16/9),1280px);margin:10px auto 0;display:flex;justify-content:flex-end}.camera-detail-button{min-height:44px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary);background:var(--bg-elevated);font-weight:700}.camera-detail-button svg{width:17px}.viewer-overlay-toolbar{margin-left:auto;display:flex;align-items:center;gap:8px}.viewer-overlay-toolbar label{min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.3);border-radius:10px;display:flex;align-items:center;gap:6px;color:#fff;background:#0f172a94;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.viewer-overlay-toolbar input{accent-color:var(--primary)}.smart-camera-offline button{min-height:44px;margin-top:8px;padding:0 14px;border:1px solid #52657d;border-radius:10px;display:flex;align-items:center;gap:7px;color:#fff;background:#263548}.smart-camera-offline button svg{width:17px;height:17px}.camera-stream-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;align-content:center;gap:14px;color:#dce7f4;background:#18212d}.camera-stream-skeleton span{width:68%;height:12px;border-radius:999px;background:linear-gradient(90deg,#263548,#40526a,#263548);background-size:200% 100%;animation:cameraSkeleton 1.2s linear infinite}.camera-stream-skeleton strong{font-size:13px}@keyframes cameraSkeleton{to{background-position:-200% 0}}.detection-summary{margin-bottom:10px!important;padding:10px!important;border:0!important;display:flex;gap:8px;overflow-x:auto;background:var(--bg-subtle)!important}.detection-summary span{min-width:130px;padding:9px 11px;border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;color:var(--text-secondary);background:var(--bg-elevated);font-size:12px}.detection-summary strong{color:var(--primary);font-size:18px}.smart-camera-actions{grid-template-columns:1fr}.camera-readonly-state{min-height:62px}@media (max-width:900px){.camera-stage-grid{grid-template-columns:1fr}}@media (max-width:600px){.smart-viewer-shell{padding:0;background:transparent;border:0;box-shadow:none}.smart-camera-viewer{width:calc(100% + 24px);margin-left:-12px;border-radius:0}.camera-viewer-meta-actions{width:100%;padding:0}.viewer-overlay-toolbar label{width:38px;padding:0;justify-content:center;font-size:0}.viewer-overlay-toolbar label input{width:17px;height:17px}.camera-selector-wrap{margin-left:0;margin-right:0}.camera-selector-wrap>header,.camera-selector{padding-left:0;padding-right:0}.camera-selector>button{width:220px;min-width:220px;display:grid;grid-template-columns:96px minmax(0,1fr);padding:8px}.video-thumbnail{aspect-ratio:16/10;border-radius:12px}.thumbnail-camera-info{padding:0}.thumbnail-camera-info strong{min-height:0}.smart-camera-offline{padding:18px;text-align:center}}.vision-display-controls{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:9px}.vision-display-controls label{padding:8px 11px;border:1px solid #dce6f0;border-radius:999px;background:#f8fbff;color:#38536f;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.vision-display-controls input{accent-color:#2563eb}.camera-readonly-state{padding:12px 16px;border:1px solid #dce6f0;border-radius:14px;background:#fff;display:flex;align-items:center;gap:10px}.camera-readonly-state>svg{width:21px;color:#2563eb}.camera-readonly-state strong,.camera-readonly-state small{display:block}.camera-readonly-state small{margin-top:3px;color:#718096}.camera-edit-backdrop{position:fixed;z-index:2200;top:0;right:0;bottom:0;left:0;padding:20px;background:#0f172a8c;display:grid;place-items:center}.camera-edit-modal{width:min(520px,100%);padding:20px;border-radius:17px;background:#fff;box-shadow:0 28px 80px #0f172a4d}.camera-edit-modal>header{display:flex;align-items:flex-start;justify-content:space-between}.camera-edit-modal h2{margin:0;font-size:20px}.camera-edit-modal header p{margin:4px 0 12px;color:#718096;font-size:11px}.camera-edit-modal header button{width:34px;height:34px;border:0;border-radius:9px;background:#f1f5f9;color:#64748b}.camera-edit-modal header svg{width:16px}.camera-edit-modal>label{display:block;margin-top:11px}.camera-edit-modal label span{display:block;margin-bottom:5px;color:#526377;font-size:10px;font-weight:750}.camera-edit-modal input,.camera-edit-modal select{width:100%;height:40px;padding:0 10px;border:1px solid #dce5ef;border-radius:9px;background:#f9fbfd}.camera-edit-modal>footer{margin-top:18px;display:flex;justify-content:flex-end;gap:8px}.camera-edit-modal footer button{min-height:38px;padding:0 12px;border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#526377;font-weight:750}.camera-edit-modal footer button:last-child{border-color:#2563eb;background:#2563eb;color:#fff}.camera-edit-modal footer .camera-delete{margin-right:auto;border-color:#f1caca;color:#b91c1c}.camera-edit-modal footer button:disabled{cursor:not-allowed;opacity:.45}.camera-edit-error,.camera-delete-note{display:block;color:#b91c1c;font-size:10px}.camera-delete-note{margin-top:8px}.camera-fullscreen-button{width:38px;height:38px;margin-left:auto;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:11px;background:#0f172a73;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.camera-fullscreen-button:hover{background:#0f172ab3}.camera-fullscreen-button svg{width:18px}.smart-camera-viewer:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border-radius:0}.smart-camera-viewer:fullscreen>img{width:100%;height:100%;object-fit:contain;background:#000}.camera-viewer-meta-actions{width:min(100%,1120px,calc((100dvh - 220px)*16/9))}.viewer-overlay-toolbar{max-width:calc(100% - 34px);flex-wrap:wrap;justify-content:flex-end}.smart-camera-viewer .camera-fullscreen-button{width:40px;min-width:40px;height:40px;min-height:40px;margin-left:0;border:1px solid rgba(255,255,255,.4)!important;background:#0a1423bf!important;color:#fff!important;opacity:1}.smart-camera-viewer .camera-fullscreen-button:hover{background:#23344be6!important}.smart-camera-viewer .camera-fullscreen-button:focus-visible{outline:0;background:#23344bf2!important;border-color:#ffffffbf!important;box-shadow:0 0 0 3px #93c5fdbf}.smart-camera-viewer .camera-fullscreen-button svg{width:19px;height:19px;stroke-width:2.2;color:#fff!important}.smart-camera-viewer:fullscreen{min-height:0}@media (max-width:600px){.smart-camera-viewer{width:100%;max-height:none;min-height:0;margin-left:0}.camera-viewer-meta-actions{width:100%}.viewer-overlay-toolbar{max-width:calc(100% - 30px);gap:6px}.camera-fullscreen-button{width:40px;min-width:40px;height:40px}}.mobile-viewer-options{display:none}@media (max-width:600px){.viewer-overlay-toolbar label{display:none}.viewer-overlay-toolbar{max-width:none}.mobile-viewer-options{width:100%;margin:10px 0 2px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-viewer-options button{min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:7px;font-size:11px;font-weight:750;text-align:left}.mobile-viewer-options button.active{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.mobile-viewer-options button:disabled{opacity:.65;cursor:wait}.mobile-viewer-options button svg{width:17px;height:17px}.mobile-viewer-options button>svg:last-child{width:15px}.mobile-viewer-options button i{width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;opacity:.65}.mobile-viewer-options button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.mobile-viewer-options .spin{animation:cameraOptionSpin 1s linear infinite}}@keyframes cameraOptionSpin{to{transform:rotate(360deg)}}.demo-scenario-panel{margin-top:18px;padding:20px;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-elevated);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:var(--shadow-sm);transition:background var(--transition-base),border-color var(--transition-base)}.demo-scenario-panel h2{margin:0;font-size:18px;color:var(--text-primary)}.demo-scenario-panel p{margin:5px 0 0;color:var(--text-secondary);font-size:13px}.demo-scenario-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.demo-scenario-actions select,.demo-scenario-name{min-width:220px;height:42px;padding:0 12px;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);font:inherit;transition:border-color var(--transition-fast),background var(--transition-fast)}.demo-scenario-actions select:hover{border-color:var(--border-strong)}.demo-scenario-actions select{padding-right:34px}.demo-scenario-actions button,.demo-upload-button{height:42px;padding:0 14px;border:1px solid var(--primary);border-radius:10px;background:var(--primary);color:var(--text-inverse);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:750;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.demo-scenario-actions button:hover:not(:disabled),.demo-upload-button:hover{border-color:var(--primary-hover);background:var(--primary-hover);transform:translateY(-1px)}.demo-scenario-actions button:disabled,.demo-upload-button.disabled{border-color:var(--border-default);background:var(--bg-subtle);color:var(--text-muted);opacity:1;cursor:not-allowed;transform:none}.demo-scenario-actions svg{width:17px}.demo-upload-button{background:var(--primary-subtle);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 42%,var(--border-default))}.demo-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.demo-scenario-panel>.camera-edit-error{flex-basis:100%;margin:0}@media (max-width:760px){.demo-scenario-panel{align-items:stretch;flex-direction:column;padding:15px}.demo-scenario-actions{display:grid;grid-template-columns:1fr 1fr}.demo-scenario-actions select,.demo-scenario-name{min-width:0;grid-column:1/-1}.demo-scenario-actions button,.demo-upload-button{width:100%}}.demo-name-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.demo-name-dialog{width:min(440px,100%);padding:24px;border-radius:18px;background:#fff;box-shadow:0 24px 80px #0f172a47;display:grid;gap:14px}.demo-name-dialog h2{margin:0;color:#172033;font-size:21px}.demo-name-dialog p,.demo-name-dialog small{margin:0;color:#64748b}.demo-name-dialog small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-name-dialog input{height:46px;padding:0 13px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.demo-name-dialog>div{display:flex;justify-content:flex-end;gap:9px}.demo-name-dialog button{height:42px;padding:0 16px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font-weight:750;cursor:pointer}.demo-name-dialog button[type=submit]{border-color:#2563eb;background:#2563eb;color:#fff}.demo-name-dialog button:disabled{opacity:.55;cursor:not-allowed}.demo-scenario-actions .demo-delete-button{border-color:color-mix(in srgb,var(--danger) 42%,var(--border-default));background:var(--danger-subtle);color:var(--danger)}.demo-scenario-actions .demo-delete-button:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb,var(--danger-subtle) 78%,var(--danger));color:var(--danger)}:root[data-theme=dark] .demo-scenario-panel{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-surface));box-shadow:inset 0 1px #ffffff06,var(--shadow-sm)}:root[data-theme=dark] .demo-scenario-actions select{background-color:var(--bg-subtle);border-color:var(--border-strong)}:root[data-theme=dark] .demo-upload-button{background:var(--primary-subtle)}.camera-action-toast{position:fixed;z-index:3200;top:22px;left:50%;width:min(440px,calc(100vw - 28px));min-height:52px;padding:12px 16px;border:1px solid;border-radius:14px;display:flex;align-items:center;gap:10px;transform:translate(-50%);box-shadow:0 16px 42px #0f172a2e;font-size:14px;font-weight:650;animation:cameraToastIn .2s ease-out}.camera-action-toast svg{width:20px;flex:0 0 auto}.camera-action-toast.success{border-color:#86efac;background:#f0fdf4;color:#15803d}.camera-action-toast.error{border-color:#fca5a5;background:#fff1f2;color:#b91c1c}@keyframes cameraToastIn{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}.demo-field-error{margin-top:-7px;color:#b91c1c;display:flex;align-items:center;gap:6px;font-size:12px}.demo-field-error svg{width:15px}.demo-name-dialog input[aria-invalid=true]{border-color:#ef4444;background:#fff7f7;box-shadow:0 0 0 3px #ef44441a}.demo-delete-dialog{width:min(430px,100%);padding:26px;border-radius:20px;background:#fff;box-shadow:0 24px 80px #0f172a4d;text-align:center}.demo-delete-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:16px;background:#fff1f2;color:#dc2626;display:grid;place-items:center}.demo-delete-icon svg{width:25px}.demo-delete-dialog h2{margin:0;color:#172033;font-size:21px}.demo-delete-dialog p{margin:10px 0 22px;color:#64748b;font-size:14px;line-height:1.55}.demo-delete-dialog p strong{color:#334155}.demo-delete-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-delete-dialog button{min-height:43px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#334155;font-weight:750;display:flex;align-items:center;justify-content:center;gap:7px}.demo-delete-dialog button.danger{border-color:#dc2626;background:#dc2626;color:#fff}.demo-delete-dialog button:disabled{opacity:.55;cursor:not-allowed}.demo-delete-dialog button svg{width:17px}.smart-camera-page{color:var(--text-primary)}.smart-camera-heading p{color:var(--text-secondary)}.smart-camera-heading>span{color:var(--success);background:var(--success-subtle)}.smart-viewer-shell{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default);box-shadow:var(--shadow-md)}.camera-detail-button{color:var(--primary);background:var(--bg-elevated);border-color:var(--border-default);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.camera-detail-button:hover{color:var(--primary-hover);background:var(--interactive-hover);border-color:var(--border-strong)}.camera-detail-button:focus-visible{outline:0;color:var(--primary);background:var(--interactive-hover);border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 28%,transparent)}.camera-selector-wrap>header h2{color:var(--text-primary)}.camera-selector-wrap>header button{color:var(--text-secondary);background:var(--bg-elevated);border-color:var(--border-default)}.camera-selector-wrap>header button:hover:not(:disabled){color:var(--primary);background:var(--interactive-hover);border-color:var(--border-strong)}.camera-selector-wrap>header button:focus-visible{outline:0;color:var(--primary);border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.camera-selector-wrap>header button:active:not(:disabled){background:var(--interactive-active)}.camera-selector-wrap>header button:disabled{color:var(--text-muted);background:var(--bg-subtle);border-color:var(--divider);cursor:not-allowed;opacity:.5}.camera-selector>button{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.camera-selector>button:has(.video-thumbnail.offline){background:var(--bg-subtle)}.camera-selector>button:hover:not(:disabled){color:var(--text-primary);background:var(--interactive-hover);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.camera-selector>button:focus-visible{outline:0;color:var(--text-primary);background:var(--interactive-hover);border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.camera-selector>button.active,.camera-selector>button.active:hover{color:var(--text-primary);background:var(--primary-subtle);border-color:var(--primary);box-shadow:inset 0 -3px 0 var(--primary)}.camera-selector>button:disabled{color:var(--text-muted);background:var(--bg-subtle);border-color:var(--divider);cursor:not-allowed;opacity:.55}.thumbnail-camera-info{background:transparent}.thumbnail-camera-info strong{color:var(--text-primary)}.thumbnail-camera-info small{color:var(--success)}.camera-selector>button:has(.video-thumbnail.offline) .thumbnail-camera-info small{color:var(--text-muted)}.thumbnail-camera-info small i{background:var(--success)}.thumbnail-camera-info small i.offline{background:var(--danger)}.thumbnail-status{color:var(--success);background:var(--media-overlay-soft)}.thumbnail-status i{background:var(--success)}.thumbnail-status.offline{color:var(--danger)}.thumbnail-status.offline i{background:var(--danger)}.camera-carousel-dots i{background:var(--border-strong)}.camera-carousel-dots i.active{background:var(--primary)}.vision-display-controls label{color:var(--text-secondary);background:var(--bg-elevated);border-color:var(--border-default);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.vision-display-controls label:hover{color:var(--text-primary);background:var(--interactive-hover);border-color:var(--border-strong)}.vision-display-controls label:has(input:focus-visible){color:var(--text-primary);background:var(--interactive-hover);border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.vision-display-controls input{accent-color:var(--primary)}.vision-display-controls input:disabled{cursor:not-allowed;opacity:.5}.vision-display-controls label:has(input:disabled){color:var(--text-muted);background:var(--bg-subtle);cursor:not-allowed;opacity:.65}.smart-camera-actions button{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-default)}.smart-camera-actions button.primary{color:var(--primary);background:var(--primary-subtle);border-color:var(--primary)}.smart-camera-actions button:hover:not(:disabled){color:var(--text-primary);background:var(--interactive-hover);border-color:var(--border-strong)}.smart-camera-actions button:focus-visible{outline:0;border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.smart-camera-actions button:active:not(:disabled){background:var(--interactive-active)}.smart-camera-actions button:disabled{color:var(--text-muted);background:var(--bg-subtle);border-color:var(--divider);opacity:.5}.smart-camera-actions small{color:var(--text-secondary)}.camera-readonly-state{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-default);transition:background var(--transition-fast),border-color var(--transition-fast)}.camera-readonly-state:hover{background:var(--interactive-hover);border-color:var(--border-strong)}.camera-readonly-state>svg{color:var(--primary)}.camera-readonly-state small{color:var(--text-secondary)}.smart-camera-page :where(img,video,canvas),.video-thumbnail.offline :where(img,video,canvas){filter:none!important;opacity:1!important;mix-blend-mode:normal;color-scheme:only light}.viewer-recent-events{color:var(--text-primary);border-color:var(--divider)}.viewer-recent-events h2{color:var(--text-primary)}.viewer-recent-events header p{color:var(--text-secondary)}.viewer-recent-events header button{color:var(--primary);background:transparent;border-radius:var(--radius-md)}.viewer-recent-events header button:hover{color:var(--primary-hover);background:var(--interactive-hover)}.viewer-recent-events header button:focus-visible{outline:0;color:var(--primary);background:var(--interactive-hover);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.viewer-recent-events header button:active{color:var(--primary-active);background:var(--interactive-active)}.viewer-recent-events>div{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}.viewer-recent-events .viewer-event-row{color:var(--text-primary);background:var(--bg-surface);border-color:var(--divider);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.viewer-recent-events .viewer-event-row:hover{color:var(--text-primary);background:var(--interactive-hover)}.viewer-recent-events .viewer-event-row:focus-visible{outline:0;color:var(--text-primary);background:var(--interactive-hover);box-shadow:inset 0 0 0 2px var(--focus-ring)}.viewer-recent-events .viewer-event-row:active{background:var(--interactive-active)}.viewer-recent-events .viewer-event-row.selected,.viewer-recent-events .viewer-event-row[aria-selected=true]{color:var(--text-primary);background:var(--primary-subtle);box-shadow:inset 3px 0 0 var(--primary)}.viewer-event-row time{color:var(--text-muted)}.viewer-event-row strong{color:var(--text-primary)}.viewer-event-row small{color:var(--text-secondary)}.viewer-event-row>span{color:var(--info);background:var(--info-subtle)}.viewer-event-row.danger>span{color:var(--danger);background:var(--danger-subtle)}.viewer-event-row.safe>span{color:var(--success);background:var(--success-subtle)}.viewer-event-row>svg{color:var(--text-muted)}.viewer-event-row:hover>svg,.viewer-event-row:focus-visible>svg{color:var(--primary)}.viewer-events-empty{color:var(--text-muted);background:var(--bg-surface)}.family-page{max-width:1380px;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.family-heading{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:18px}.family-heading h1{margin:0;font-size:30px;letter-spacing:-.03em}.family-heading p{margin:5px 0 0;color:#64748b;font-size:13px}.family-heading>button,.family-section-title.row button{height:38px;padding:0 12px;border:0;border-radius:10px;background:#2563eb;color:#fff;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750;cursor:pointer}.family-heading button svg,.family-section-title.row button svg{width:15px}.family-toolbar{margin-bottom:14px;padding:9px 11px;border:1px solid #dfe8f2;border-radius:13px;background:#fff;display:flex;align-items:center;gap:13px}.family-toolbar>label{width:min(390px,45%);height:38px;padding:0 10px;border:1px solid #dce5ef;border-radius:9px;background:#f9fbfd;display:flex;align-items:center;gap:7px}.family-toolbar>label svg{width:16px;color:#7890aa}.family-toolbar input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.family-toolbar>div{display:flex;align-items:center;gap:7px;color:#64748b;font-size:10px}.family-toolbar>small{margin-left:auto;color:#8795a7}.family-switch{position:relative;width:40px;height:23px;padding:0;border:0;border-radius:99px;background:#cbd5e1;cursor:pointer}.family-switch i{position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0f172a33;transition:transform .2s ease}.family-switch.on{background:#2563eb}.family-switch.on i{transform:translate(17px)}.family-grid{min-height:0;padding:2px 4px 18px;overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:13px}.family-card{position:relative;min-height:242px;padding:18px;border:1px solid #e0e8f1;border-radius:15px;background:#fff;text-align:center;box-shadow:0 7px 22px #274b740d;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.family-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #274b741a}.family-card.hidden-person{opacity:.58;filter:saturate(.6)}.family-avatar{position:relative;width:76px;height:76px;margin:2px auto 12px;border:4px solid #fff;border-radius:50%;background:linear-gradient(145deg,#dbeafe,#8fb9e9);color:#1d5fae;display:grid;place-items:center;box-shadow:0 0 0 1px #dce7f2;font-size:20px;font-weight:800}.family-avatar.teal{background:linear-gradient(145deg,#ccfbf1,#69c4b4);color:#126b60}.family-avatar.violet{background:linear-gradient(145deg,#ede9fe,#aaa0dc);color:#5b43a5}.family-avatar.orange{background:linear-gradient(145deg,#ffedd5,#e5a86b);color:#9a4f10}.family-avatar.pink{background:linear-gradient(145deg,#fce7f3,#dda2c2);color:#9d3d72}.family-avatar>i{position:absolute;right:-3px;bottom:0;width:23px;height:23px;border:3px solid #fff;border-radius:50%;background:#2563eb;color:#fff;display:grid;place-items:center}.family-avatar>i svg{width:11px}.family-avatar.large{width:56px;height:56px;margin:0;font-size:15px}.family-card-title{display:flex;align-items:center;justify-content:center;gap:6px}.family-card-title h2{margin:0;font-size:17px}.family-card-title>span{padding:3px 6px;border-radius:99px;background:#edf4fc;color:#526f8f;font-size:8px;font-weight:700}.family-card>p{margin:10px 0;color:#718096;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px}.family-card>p svg{width:13px}.recognition-quality{width:max-content;margin:auto;padding:5px 8px;border-radius:99px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:750}.recognition-quality>i{width:7px;height:7px;border-radius:50%;background:currentColor}.recognition-quality.good{background:#e6f7ec;color:#16783b}.recognition-quality.fair{background:#fff5d8;color:#9b6500}.recognition-quality.poor{background:#fee9e9;color:#be3030}.recognition-quality small{font-size:8px}.family-more{position:absolute;right:9px;top:9px;width:31px;height:31px;border:0;border-radius:8px;background:#f5f7fa;color:#718096}.family-more svg{width:16px}.family-card-menu{position:absolute;z-index:10;right:9px;top:43px;width:180px;padding:5px;border:1px solid #dce5ef;border-radius:10px;background:#fff;box-shadow:0 12px 30px #0f172a29}.family-card-menu button{width:100%;min-height:35px;padding:7px 8px;border:0;border-radius:7px;background:#fff;color:#42546a;display:flex;align-items:center;gap:7px;text-align:left;font-size:10px}.family-card-menu button:hover{background:#eff6ff}.family-card-menu svg{width:14px}.hidden-badge{position:absolute;left:10px;top:10px;padding:4px 6px;border-radius:99px;background:#64748b;color:#fff;font-size:8px}.family-card-open{margin-top:14px;padding:0;border:0;background:transparent;color:#2563eb;font-size:10px;font-weight:750}.family-empty{min-height:0;flex:1;border:1px dashed #cad9e8;border-radius:17px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.family-empty>svg{width:45px;height:45px;color:#3b82f6}.family-empty h2{margin:13px 0 5px}.family-empty p{max-width:480px;margin:0;color:#64748b;font-size:12px}.family-empty button{margin-top:15px;padding:9px 12px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-weight:700}.family-modal-backdrop,.face-flow-backdrop{position:fixed;z-index:2000;top:0;right:0;bottom:0;left:0;padding:22px;background:#0f172a80;display:grid;place-items:center}.family-detail-modal{width:min(900px,100%);max-height:calc(100dvh - 44px);overflow:hidden;border-radius:18px;background:#f8fafc;display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:0 28px 80px #0f172a47}.family-detail-modal>header{padding:14px 18px;border-bottom:1px solid #e4ebf2;background:#fff;display:flex;align-items:center;justify-content:space-between}.family-detail-modal>header>div{display:flex;align-items:center;gap:11px}.family-detail-modal h2{margin:0;font-size:18px}.family-detail-modal header p{margin:3px 0 0;color:#718096;font-size:10px}.family-detail-modal>header>button,.add-person-modal header button,.face-flow header button{width:34px;height:34px;border:0;border-radius:9px;background:#f1f5f9;color:#64748b}.family-detail-modal header button svg,.add-person-modal header button svg,.face-flow header button svg{width:16px}.family-detail-scroll{min-height:0;padding:16px;overflow-y:auto}.family-basic-form,.face-profiles-section,.person-active-setting{padding:14px;border:1px solid #e1e8f0;border-radius:13px;background:#fff}.face-profiles-section,.person-active-setting{margin-top:12px}.family-section-title h3{margin:0;font-size:13px}.family-section-title small{display:block;margin-top:3px;color:#8391a2;font-size:9px}.family-section-title.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.family-basic-form>div:last-child{margin-top:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.family-basic-form label>span,.add-person-modal label>span{display:block;margin-bottom:5px;color:#66758a;font-size:9px;font-weight:700}.family-basic-form input,.family-basic-form textarea,.add-person-modal input,.add-person-modal textarea{width:100%;height:37px;padding:0 9px;border:1px solid #dce5ef;border-radius:8px;background:#f9fbfd;outline:0}.family-basic-form .notes{grid-column:1/-1}.family-basic-form textarea,.add-person-modal textarea{height:58px;padding:8px;resize:vertical}.face-profile-grid{margin-top:11px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.face-profile-card{position:relative;overflow:hidden;border:1px solid #e1e8f0;border-radius:11px;background:#fff}.face-thumbnail{height:96px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800}.face-thumbnail>small{position:absolute;left:6px;top:6px;padding:3px 5px;border-radius:5px;background:#0f172aa6;color:#fff;font-size:7px}.face-profile-card>div{padding:8px}.face-profile-card strong,.face-profile-card small{display:block}.face-profile-card strong{font-size:10px}.face-profile-card small{margin-top:2px;color:#8391a2;font-size:8px}.face-profile-card>button{position:absolute;right:6px;top:6px;width:27px;height:27px;border:0;border-radius:7px;background:#ffffffe6;color:#c73b3b}.face-profile-card>button svg{width:13px}.face-quality-bar{margin-top:7px;display:flex;align-items:center;gap:6px}.face-quality-bar>span{height:5px;flex:1;overflow:hidden;border-radius:99px;background:#e5ebf1}.face-quality-bar i{display:block;height:100%;background:#22c55e}.face-quality-bar.fair i{background:#eab308}.face-quality-bar.poor i{background:#ef4444}.face-quality-bar b{font-size:8px}.no-face-state{margin-top:10px;padding:24px;border:1px dashed #cbd9e7;border-radius:10px;text-align:center;color:#718096}.no-face-state svg{width:25px}.no-face-state strong{display:block;margin-top:6px;font-size:11px}.no-face-state p{margin:3px 0;font-size:9px}.person-active-setting{display:flex;align-items:center;justify-content:space-between;gap:14px}.person-active-setting>div{display:flex;align-items:flex-start;gap:8px}.person-active-setting>div>svg{width:17px;color:#2563eb}.person-active-setting.warning{border-color:#f3c6c6;background:#fff8f8}.person-active-setting.warning>div>svg{color:#dc2626}.person-active-setting strong,.person-active-setting small{display:block}.person-active-setting strong{font-size:11px}.person-active-setting small{margin-top:3px;color:#718096;font-size:9px}.family-detail-modal>footer{padding:10px 17px;border-top:1px solid #e4ebf2;background:#fff;display:flex;align-items:center;justify-content:space-between}.family-detail-modal>footer>span{color:#16813f;display:flex;align-items:center;gap:5px;font-size:9px}.family-detail-modal>footer svg{width:13px}.family-detail-modal>footer button{height:34px;padding:0 11px;border:0;border-radius:8px;background:#2563eb;color:#fff}.add-person-modal,.face-flow{width:min(450px,100%);padding:18px;border-radius:16px;background:#fff;box-shadow:0 24px 70px #0f172a40}.add-person-modal>header,.face-flow>header{margin-bottom:13px;display:flex;align-items:flex-start;justify-content:space-between}.add-person-modal h2,.face-flow h2{margin:0;font-size:17px}.add-person-modal header p,.face-flow header p{margin:3px 0;color:#718096;font-size:10px}.add-person-modal>label{display:block;margin-top:9px}.add-person-modal>footer,.face-flow>footer{margin-top:15px;display:flex;justify-content:flex-end;gap:7px}.add-person-modal>footer button,.face-flow>footer button{min-height:36px;padding:0 11px;border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#526377;font-weight:700}.add-person-modal>footer button:last-child,.face-flow .upload-button{border-color:#2563eb;background:#2563eb;color:#fff}.capture-guidance{padding:10px;border-radius:10px;background:#eff6ff;color:#2563b8;display:flex;align-items:flex-start;gap:8px}.capture-guidance>svg{width:18px}.capture-guidance strong{font-size:11px}.capture-guidance p{margin:3px 0 0;color:#60738a;font-size:9px;line-height:1.45}.capture-zone{width:100%;min-height:200px;margin-top:12px;border:1px dashed #8db8e8;border-radius:12px;background:#f8fbff;color:#2563eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.capture-zone svg{width:30px}.capture-zone small{color:#718096}.face-preview{margin-top:12px;display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center}.face-preview>span{height:150px;border-radius:12px;background:#dbeafe;color:#2563eb;display:grid;place-items:center;font-size:35px;font-weight:800}.face-preview strong{font-size:12px}.face-preview>div>div{height:7px;margin-top:9px;overflow:hidden;border-radius:99px;background:#e5ebf1}.face-preview>div>div i{display:block;height:100%;background:#22c55e}.face-preview .low>div i{background:#ef4444}.face-preview p{margin:8px 0 0;display:flex;align-items:center;gap:5px;font-size:9px}.face-preview p svg{width:13px}.face-preview .low p{color:#c83232}.face-preview .good p{color:#16813f}@media (max-width:1100px){.family-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.family-grid{grid-template-columns:repeat(2,1fr)}.family-basic-form>div:last-child{grid-template-columns:1fr 1fr}.family-basic-form .notes{grid-column:1/-1}}@media (max-width:600px){.family-page{padding:18px 12px 88px}.family-heading{align-items:flex-start}.family-heading h1{font-size:25px}.family-heading p{font-size:10px}.family-heading>button{min-width:42px;padding:0 10px}.family-heading>button{font-size:0}.family-heading>button svg{width:18px}.family-toolbar{align-items:stretch;flex-wrap:wrap}.family-toolbar>label{width:100%}.family-toolbar>small{display:none}.family-grid{grid-template-columns:1fr}.family-card{min-height:220px}.family-modal-backdrop,.face-flow-backdrop{padding:0;align-items:end}.family-detail-modal{width:100%;max-height:92dvh;border-radius:20px 20px 0 0}.family-basic-form>div:last-child{grid-template-columns:1fr}.family-basic-form .notes{grid-column:auto}.face-profile-grid{grid-template-columns:1fr 1fr}.family-section-title.row{align-items:flex-start}.family-section-title.row button{font-size:0;width:36px;padding:0;justify-content:center}.face-preview{grid-template-columns:110px 1fr}.face-preview>span{height:110px}}.face-preview{display:block}.face-preview img{display:block;width:100%;max-height:220px;object-fit:contain;border:1px solid #dce5ef;border-radius:12px;background:#f8fafc}.family-form-error{margin:10px 0 0;color:#b91c1c;font-size:11px}.family-mutation-error{margin:0 0 12px;padding:9px 11px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#b91c1c;display:flex;align-items:center;gap:7px;font-size:11px}.family-mutation-error svg{width:16px;flex:0 0 auto}.face-flow button:disabled{cursor:not-allowed;opacity:.5}.route-content.family-route{overflow:hidden;scrollbar-gutter:auto}.family-route .family-page{width:100%;height:100%;min-height:0;padding-top:22px;padding-bottom:16px;overflow:hidden}.family-heading{min-height:54px}.family-toolbar{flex:0 0 auto;padding:11px 13px;border-radius:14px}.family-toolbar>label{flex:1 1 280px;max-width:520px}.family-toolbar>div{margin-left:auto}.family-total{min-width:142px;padding:8px 12px;border:1px solid #d9e6f4;border-radius:11px;background:#fff;display:flex;align-items:center;gap:9px;box-shadow:0 7px 18px #2563eb0e}.family-total>svg{width:21px;color:#2563eb}.family-total strong,.family-total small{display:block}.family-total strong{font-size:17px;line-height:1}.family-total small{margin-top:2px;color:#718096;font-size:10px}.family-table-wrap{min-height:0;flex:1 1 auto;overflow:auto;border:1px solid #dce7f2;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 9px 26px #274b740f;overscroll-behavior:contain;scrollbar-gutter:stable}.family-table{width:100%;min-width:1030px;border-collapse:separate;border-spacing:0}.family-table th{position:sticky;z-index:5;top:0;padding:12px 10px;border-bottom:1px solid #dce7f2;background:#f8fafc;color:#64748b;text-align:left;font-size:11px;font-weight:750;white-space:nowrap;box-shadow:0 1px #dce7f2}.family-table td{height:68px;padding:8px 10px;border-bottom:1px solid #edf1f5;color:#334155;font-size:12px;vertical-align:middle}.family-table tbody tr{position:relative;cursor:pointer;transition:background .14s ease,opacity .14s ease}.family-table tbody tr:last-child td{border-bottom:0}.family-table tbody tr:hover{background:#f5f9ff}.family-table tbody tr.needs-data td:first-child{border-left:4px solid #ef8354;padding-left:6px}.family-table tbody tr.hidden-person{opacity:.58}.family-table td>strong{display:block;font-size:13px}.family-table .family-avatar,.family-mobile-card .family-avatar{width:46px;height:46px;margin:0;border-width:3px;font-size:13px}.family-table .family-avatar>i,.family-mobile-card .family-avatar>i{width:19px;height:19px;border-width:2px}.family-table .family-avatar>i svg,.family-mobile-card .family-avatar>i svg{width:9px}.relationship-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:99px;background:#edf4fc;color:#526f8f;font-size:9px;font-weight:750;white-space:nowrap}.face-count{display:flex;align-items:center;gap:6px;color:#64748b;white-space:nowrap}.face-count svg{width:15px}.family-table .recognition-quality{margin:0;font-size:10px}.family-table .recognition-quality small{font-size:9px}.person-status{min-height:26px;padding:5px 9px;display:inline-flex;align-items:center;border-radius:999px;font-size:10px;font-weight:750;line-height:1;white-space:nowrap}.person-status.active{background:#e8f2ff;color:#1d5fae}.person-status.hidden{background:#edf1f5;color:#667485}.family-row-actions{position:relative;display:flex;align-items:center;gap:5px}.family-profile-link{height:34px;padding:0 7px;border:0;background:transparent;color:#2563eb;font-size:10px;font-weight:750;white-space:nowrap;cursor:pointer}.family-profile-link:hover{text-decoration:underline}.family-row-actions .family-more{position:static;width:36px;height:34px;border:1px solid #dce6f0;background:#fff;display:grid;place-items:center;cursor:pointer}.family-row-actions .family-more:hover{border-color:#a9caf0;background:#eaf3ff}.family-row-actions .family-card-menu{right:0;top:39px}.tablet-face-count{display:none!important;margin-top:4px;color:#8795a8;font-size:9px}.family-mobile-list{display:none}.family-pagination{flex:0 0 auto;padding:12px 14px;border:1px solid #dce7f2;border-top:0;border-radius:0 0 12px 12px;background:#fff;display:flex;align-items:center;gap:18px;color:#64748b;font-size:12px;box-shadow:0 -5px 16px #274b740e}.family-pagination>label{margin-left:auto;display:flex;align-items:center;gap:7px}.family-pagination select{height:34px;padding:0 25px 0 9px;border:1px solid #dce5ef;border-radius:8px;background:#fff}.family-pagination nav{display:flex;gap:4px}.family-pagination button{min-width:34px;height:34px;padding:0 8px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#526377;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.family-pagination button svg{width:14px}.family-pagination button.active{border-color:#2563eb;background:#2563eb;color:#fff}.family-pagination button:disabled{opacity:.4;cursor:not-allowed}.family-mobile-page{display:none;align-items:center;font-weight:700}@media (min-width:768px) and (max-width:1100px){.family-table{min-width:820px}.family-table .face-count-column{display:none}.tablet-face-count{display:block!important}}@media (max-width:767px){.route-content.family-route{overflow:hidden}.family-route .family-page{height:100%;padding:16px 15px 10px}.family-heading{min-height:44px;margin-bottom:11px}.family-heading h1{font-size:25px}.family-heading p{max-width:calc(100vw - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-toolbar{align-items:center;gap:8px;padding:10px}.family-toolbar>label{width:100%;max-width:none;flex-basis:100%}.family-toolbar>div{margin-left:0;flex:1}.family-total{min-width:auto;padding:7px 9px}.family-total small,.family-table-wrap{display:none}.family-mobile-list{min-height:0;flex:1 1 auto;padding:1px;overflow-x:hidden;overflow-y:auto;display:grid;align-content:start;gap:9px;overscroll-behavior:contain;scrollbar-gutter:stable}.family-mobile-card{position:relative;width:100%;min-height:84px;padding:10px;border:1px solid #dce7f2;border-radius:12px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;color:#334155;text-align:left;box-shadow:0 6px 18px #274b740e}.family-mobile-card.needs-data{border-left:4px solid #ef8354;padding-left:7px}.family-mobile-card.hidden-person{opacity:.58}.family-mobile-copy{min-width:0}.family-mobile-copy>span:first-child{padding-right:66px;display:flex;align-items:center;gap:6px}.family-mobile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.family-mobile-copy>small{display:block;margin:5px 0;color:#7b899a;font-size:10px}.family-mobile-copy .recognition-quality{margin:0;font-size:9px}.family-mobile-card>.person-status{position:absolute;right:9px;top:9px;min-height:22px;padding:4px 7px;font-size:8px}.family-pagination{padding:10px;align-items:stretch;flex-wrap:wrap}.family-pagination>div:first-child{width:100%;text-align:center}.family-pagination>label{display:none}.family-pagination nav{width:100%;align-items:center;justify-content:space-between}.family-pagination nav .page-number{display:none}.family-pagination nav button:first-child,.family-pagination nav button:last-child{min-width:92px}.family-mobile-page{display:flex}.family-modal-backdrop,.face-flow-backdrop{z-index:2100}}.family-toolbar>label{color:var(--text-muted);background:var(--bg-elevated);border-color:var(--border-default);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.family-toolbar>label:hover{background:var(--interactive-hover);border-color:var(--border-strong)}.family-toolbar>label:has(input:focus-visible){background:var(--bg-elevated);border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.family-toolbar>label svg{color:var(--text-muted)}.family-toolbar>label:has(input:focus-visible) svg{color:var(--primary)}.family-toolbar>label input{color:var(--text-primary);background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;caret-color:var(--primary)}.family-toolbar input::placeholder{color:var(--text-muted);opacity:1}.family-toolbar input::selection{color:var(--text-inverse);background:var(--primary)}.family-row-actions{position:relative}.family-more-button{width:40px!important;min-width:40px;height:40px!important;padding:0!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;display:grid!important;place-items:center;background:var(--bg-elevated)!important;color:var(--text-secondary)!important}.family-more-button svg{width:18px}.family-row-menu{position:absolute;z-index:30;right:0;top:calc(100% + 5px);min-width:150px;padding:6px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-md)}.family-row-menu button{width:100%;min-height:40px;border:0!important;border-radius:var(--radius-sm)!important;color:var(--danger)!important;background:transparent!important;text-align:left}.family-row-menu button:hover{background:var(--danger-subtle)!important}.recognition-quality svg{width:14px;height:14px;color:var(--text-muted)}.family-add-photo-cta{min-height:32px;margin-top:6px;padding:0 9px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--primary);background:var(--bg-elevated);font-size:11px;font-weight:700}.mobile-quality{margin-top:5px!important;color:var(--text-secondary)}.mobile-quality.poor,.mobile-quality.fair{color:var(--warning)}.family-empty{min-height:320px}.family-table-wrap{overflow-x:auto;overflow-y:visible}@media (min-width:1101px){.family-table-wrap{overflow:visible!important}.family-row-menu{z-index:50}}.family-row-actions{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.family-profile-link,.family-status-action{min-height:38px;padding:0 9px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:750;cursor:pointer}.family-profile-link{border:1px solid transparent;color:var(--primary);background:transparent}.family-profile-link:hover,.family-profile-link:focus-visible{border-color:var(--border-default);background:var(--interactive-hover);text-decoration:none}.family-status-action{border:1px solid currentColor;background:var(--bg-elevated)}.family-status-action.activate{color:var(--success)}.family-status-action.deactivate{color:var(--danger)}.family-status-action:hover,.family-status-action:focus-visible{outline:0;background:var(--interactive-hover);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}.family-row-actions svg{width:14px;flex:0 0 auto}.family-more-button,.family-row-menu{display:none!important}.family-mobile-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.family-mobile-actions button{min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:6px;color:var(--primary);background:var(--bg-elevated);font-size:11px;font-weight:750}.family-mobile-actions button.activate{color:var(--success);border-color:var(--success)}.family-mobile-actions button.deactivate{color:var(--danger);border-color:var(--danger)}.family-mobile-actions svg{width:16px}.family-status-backdrop{position:fixed;z-index:2300;top:0;right:0;bottom:0;left:0;padding:20px;display:grid;place-items:center;background:var(--overlay)}.family-status-dialog{width:min(500px,100%);padding:22px;border:1px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);background:var(--bg-elevated);box-shadow:var(--shadow-lg);outline:0}.family-status-dialog:focus-visible{box-shadow:var(--shadow-lg),0 0 0 3px color-mix(in srgb,var(--focus-ring) 35%,transparent)}.family-status-dialog>header{display:flex;align-items:flex-start;gap:13px}.family-status-dialog>header>span{width:44px;height:44px;flex:0 0 auto;border-radius:var(--radius-md);display:grid;place-items:center}.family-status-dialog>header>span.danger{color:var(--danger);background:var(--danger-subtle)}.family-status-dialog>header>span.success{color:var(--success);background:var(--success-subtle)}.family-status-dialog header svg{width:22px}.family-status-dialog h2{margin:0;font-size:20px}.family-status-dialog header p{margin:8px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.55}.family-status-error{margin:16px 0 0;padding:10px 12px;border:1px solid var(--danger);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:8px;color:var(--danger);background:var(--danger-subtle);font-size:13px}.family-status-error svg{width:17px;flex:0 0 auto}.family-status-dialog>footer{margin-top:20px;display:flex;justify-content:flex-end;gap:9px}.family-status-dialog>footer button{min-width:104px;min-height:44px;padding:0 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-secondary);background:var(--bg-elevated);font-weight:750}.family-status-dialog>footer .confirm-danger{color:var(--text-inverse);background:var(--danger);border-color:var(--danger)}.family-status-dialog>footer .confirm-success{color:var(--text-inverse);background:var(--success);border-color:var(--success)}.family-status-dialog>footer button:disabled{cursor:not-allowed;opacity:.6}.family-status-dialog>footer svg{width:17px}.family-toast{position:fixed;z-index:2400;right:20px;bottom:20px;min-height:44px;padding:0 14px;border:1px solid var(--success);border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;color:var(--success);background:var(--bg-elevated);box-shadow:var(--shadow-lg);font-size:13px;font-weight:750}.family-toast svg{width:18px}.spin{animation:family-spin .8s linear infinite}@keyframes family-spin{to{transform:rotate(360deg)}}@media (max-width:767px){.family-mobile-card{grid-template-rows:auto auto;cursor:default}.family-status-backdrop{padding:16px 14px calc(88px + env(safe-area-inset-bottom));align-items:end}.family-status-dialog{padding:18px;border-radius:var(--radius-xl)}.family-status-dialog>footer{display:grid;grid-template-columns:1fr 1fr}.family-status-dialog>footer button{min-width:0}.family-toast{right:14px;left:14px;bottom:calc(82px + env(safe-area-inset-bottom));justify-content:center}}.history-page{max-width:1320px;padding-bottom:80px}.history-heading{margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.history-heading h1{margin:5px 0 8px;font-size:clamp(28px,3vw,36px);letter-spacing:-.03em}.history-heading>div>p:last-child{margin:0;color:#64748b}.history-total{min-width:174px;padding:14px 17px;border:1px solid #d9e6f4;border-radius:15px;background:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 9px 24px #2563eb0f}.history-total>svg{width:26px;height:26px;color:#2563eb}.history-total strong,.history-total small{display:block}.history-total strong{font-size:20px}.history-total small{margin-top:1px;color:#718096}.history-filter-panel{padding:20px;border:1px solid #dce7f2;border-radius:18px;background:#fff;box-shadow:0 10px 30px #294c7411}.filter-panel-title{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.filter-panel-title>span{display:flex;align-items:center;gap:8px;font-weight:750}.filter-panel-title svg{width:18px;color:#2563eb}.filter-panel-title button{border:0;background:transparent;color:#2563eb;font-weight:700;cursor:pointer}.history-search{width:min(520px,100%);height:44px;margin-bottom:14px;padding:0 11px;border:1px solid #dce5ef;border-radius:11px;background:#f8fafc;display:flex;align-items:center;gap:9px}.history-search:focus-within{border-color:#7eb1ec;box-shadow:0 0 0 3px #e1efff}.history-search>svg{width:18px;color:#7890aa}.history-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#28374c}.history-search button{width:28px;height:28px;border:0;border-radius:8px;background:#eaf0f6;color:#64748b;display:grid;place-items:center}.history-search button svg{width:14px}.history-filters{display:grid;grid-template-columns:1.05fr 1.15fr 1.15fr 1.15fr 1.15fr;gap:12px}.history-filters label>span,.custom-date-range label>span{display:block;margin-bottom:7px;color:#66758a;font-size:12px;font-weight:700}.select-wrap{height:44px;padding:0 11px;border:1px solid #dce5ef;border-radius:11px;background:#f9fbfd;display:flex;align-items:center;gap:8px}.select-wrap:focus-within{border-color:#7eb1ec;box-shadow:0 0 0 3px #e1efff}.select-wrap>svg{width:17px;flex:0 0 auto;color:#7890aa}.select-wrap>svg:last-child{width:14px}.select-wrap select{width:100%;min-width:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#28374c;font-weight:600}.custom-date-range{margin-top:14px;padding-top:14px;border-top:1px solid #edf1f5;display:flex;align-items:end;gap:10px}.custom-date-range>span{padding-bottom:12px;color:#94a3b8}.custom-date-range input{height:42px;padding:0 10px;border:1px solid #dce5ef;border-radius:10px;background:#f9fbfd;color:#334155}.history-list-heading{margin:25px 3px 12px;display:flex;align-items:center;justify-content:space-between;color:#44566d;font-size:13px;font-weight:700}.history-list-heading>div{display:flex;align-items:center;gap:8px}.history-list-heading small{color:#8795a8;font-weight:500}.live-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 4px #dbeafe}.history-list{display:grid;gap:13px}.history-event-card{position:relative;width:100%;padding:0;overflow:hidden;border:1px solid #dce7f2;border-radius:17px;background:#fff;display:grid;grid-template-columns:190px minmax(0,1fr);text-align:left;color:inherit;cursor:pointer;box-shadow:0 8px 24px #274b740e;transition:.18s ease}.history-event-card:hover{border-color:#a9c9ec;transform:translateY(-2px);box-shadow:0 14px 30px #274b741c}.history-event-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6}.history-event-card.fall-event:before{background:#ef4444}.history-thumbnail{position:relative;min-height:176px;overflow:hidden;background:linear-gradient(145deg,#bdd5ef,#6d91b6);display:grid;place-items:center;color:#fff}.history-thumbnail>div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at 45% 35%,rgba(255,255,255,.2),transparent 38%),linear-gradient(145deg,#164c811a,#08213f5c)}.history-thumbnail.is-fall{background:linear-gradient(145deg,#d9aaac,#93666d)}.history-thumbnail.is-unknown{background:linear-gradient(145deg,#a5b3c4,#52657a)}.history-thumbnail svg{width:48px;height:48px;stroke-width:1.5}.history-thumbnail span{font-size:12px;font-weight:650;text-shadow:0 1px 4px rgba(0,0,0,.25)}.history-thumbnail .privacy-blur{filter:blur(5px);transform:scale(1.08)}.history-thumbnail>small{position:absolute;right:8px;bottom:8px;padding:5px 7px;border-radius:8px;background:#0f172ab8;display:flex;align-items:center;gap:4px;font-size:10px}.history-thumbnail>small svg{width:12px;height:12px}.event-card-body{min-width:0;padding:17px 20px 16px}.event-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.event-kind{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.event-kind svg{width:17px}.event-kind.person{color:#2563eb}.event-kind.fall{color:#dc2626}.event-card-top time{display:flex;align-items:center;gap:5px;color:#718096;font-size:12px}.event-card-top time svg{width:14px}.event-card-body h2{margin:10px 0 7px;font-size:20px}.event-location{margin:0;display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.event-location svg{width:14px}.event-location span{color:#c5ced8}.fall-facts{width:fit-content;margin-top:12px;padding:8px 11px;border-radius:10px;background:#fff5f5;display:flex;align-items:center;gap:10px;color:#8b5555;font-size:12px}.fall-facts strong{margin-left:3px;color:#b42323}.fall-facts i{width:1px;height:14px;background:#f1c6c6}.event-card-footer{margin-top:13px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.confidence-chip,.severity-badge,.alert-status,.verdict-badge{width:fit-content;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:750}.confidence-chip{background:#eef5fc;color:#526b86}.severity-badge{display:flex;align-items:center;gap:5px}.severity-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.severity-badge.low{background:#e7f8ed;color:#168941}.severity-badge.medium{background:#fff5d9;color:#a16500}.severity-badge.high{background:#fff0df;color:#c25c0a}.severity-badge.critical{background:#ffe5e5;color:#cc2828}.alert-status{background:#f1f5f9;color:#56677b}.alert-status.open{background:#fff0f0;color:#c52e2e}.alert-status.acknowledged{background:#e8f2ff;color:#2563b8}.alert-status.resolved{background:#e8f8ed;color:#187c3e}.verdict-badge{display:inline-flex;align-items:center;gap:4px}.verdict-badge svg{width:12px}.verdict-badge.true_positive{background:#e8f8ed;color:#187c3e}.verdict-badge.false_positive{background:#f1f5f9;color:#5f6d7d}.card-open-hint{position:absolute;right:18px;bottom:15px;color:#2563eb;font-size:11px;font-weight:750;opacity:0;transition:.15s}.history-event-card:hover .card-open-hint{opacity:1}.load-more{margin:20px auto 0;padding:11px 17px;border:1px solid #c9ddf2;border-radius:11px;background:#fff;color:#2563b8;display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.load-more span{min-width:21px;height:21px;border-radius:99px;background:#e5f0ff;display:grid;place-items:center;font-size:11px}.history-empty{margin-top:24px;padding:64px 24px;border:1px dashed #cad9e8;border-radius:20px;background:#fff;text-align:center}.history-empty>span{width:58px;height:58px;margin:auto;border-radius:18px;background:#e8f2ff;color:#2563eb;display:grid;place-items:center}.history-empty>span svg{width:28px}.history-empty h2{margin:16px 0 7px}.history-empty p{margin:0;color:#64748b}.history-empty>div{margin-top:20px;display:flex;justify-content:center;gap:9px}.history-empty button,.history-empty a{padding:10px 14px;border:1px solid #cbddec;border-radius:10px;background:#fff;color:#42617f;text-decoration:none;font-weight:700}.history-empty a{border-color:#2563eb;background:#2563eb;color:#fff}.history-table-wrap{overflow:auto;border:1px solid #dce7f2;border-radius:14px;background:#fff;box-shadow:0 9px 26px #274b740f}.history-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0}.history-table th{padding:12px 10px;border-bottom:1px solid #dce7f2;background:#f8fafc;color:#64748b;text-align:left;font-size:11px;font-weight:750;white-space:nowrap}.history-table td{height:78px;padding:10px;border-bottom:1px solid #edf1f5;color:#334155;font-size:12px;vertical-align:middle}.history-table tbody tr{position:relative;cursor:pointer;transition:background .14s ease,opacity .14s ease}.history-table tbody tr:last-child td{border-bottom:0}.history-table tbody tr:hover{background:#f5f9ff}.history-table tbody tr:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.history-table tbody tr.critical-open{background:#fef2f2}.history-table tbody tr.critical-open td:first-child{border-left:4px solid #ef4444;padding-left:6px}.history-table tbody tr.false-positive-row{opacity:.6}.history-table td>small,.history-table td>strong{display:block}.history-table td>small{margin-top:4px;color:#8795a8;font-size:10px}.table-thumb{width:58px;height:58px;overflow:hidden;border-radius:8px}.table-thumb .history-thumbnail{min-height:58px;height:58px}.table-thumb .history-thumbnail svg{width:23px;height:23px}.table-thumb .history-thumbnail span,.table-thumb .history-thumbnail>small{display:none}.table-kind{padding:7px 9px;border-radius:9px;white-space:nowrap;text-transform:none;letter-spacing:0}.table-kind.person{background:#eaf3ff}.table-kind.fall{background:#feecec}.unknown-person{color:#c2600b}.table-verdict{width:max-content;margin-top:5px;padding:3px 6px;border-radius:6px;font-size:9px;font-weight:700}.table-verdict.true_positive{background:#e8f8ed;color:#16813e}.table-verdict.false_positive{background:#edf1f5;color:#64748b}.confidence-value{min-width:90px;display:flex;align-items:center;gap:7px}.confidence-value>span{width:55px;height:5px;overflow:hidden;border-radius:99px;background:#e6edf5}.confidence-value>span i{display:block;height:100%;border-radius:99px;background:#2563eb}.confidence-value strong{font-size:11px}.no-alert{color:#9aa6b4}.severity-dot{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:650}.severity-dot i{width:8px;height:8px;border-radius:50%;background:currentColor}.severity-dot.low{color:#7b8794}.severity-dot.medium{color:#d29a16}.severity-dot.high{color:#e56c17}.severity-dot.critical{color:#dc2626}.row-action{width:48px;height:34px;border:1px solid #dce6f0;border-radius:9px;background:#fff;color:#2563eb;display:flex;align-items:center;justify-content:center;gap:1px;cursor:pointer}.row-action svg{width:15px}.history-mobile-list{display:none}.history-pagination{margin-top:14px;padding:12px 14px;border:1px solid #dce7f2;border-radius:12px;background:#fff;display:flex;align-items:center;gap:18px;color:#64748b;font-size:12px}.history-pagination>label{margin-left:auto;display:flex;align-items:center;gap:7px}.history-pagination select{height:34px;padding:0 25px 0 9px;border:1px solid #dce5ef;border-radius:8px;background:#fff}.history-pagination nav{display:flex;grid-auto-flow:column;gap:4px}.history-pagination button{min-width:34px;height:34px;padding:0 8px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#526377;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.history-pagination button svg{width:14px}.history-pagination button.active{border-color:#2563eb;background:#2563eb;color:#fff}.history-pagination button:disabled{opacity:.4;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.history-modal-backdrop{position:fixed;z-index:1400;top:0;right:0;bottom:0;left:0;padding:28px;background:#0f172a7a;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.history-detail-modal{width:min(880px,100%);max-height:calc(100dvh - 56px);overflow:hidden;border-radius:22px;background:#f8fafc;display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:0 30px 80px #0f172a4d;animation:historyModalIn .18s ease-out}.history-detail-modal>header{padding:18px 21px;border-bottom:1px solid #e3eaf2;background:#fff;display:flex;align-items:center;justify-content:space-between}.history-detail-modal>header>div{display:flex;align-items:center;gap:11px}.history-detail-modal>header>div>span{width:43px;height:43px;border-radius:13px;display:grid;place-items:center}.history-detail-modal>header>div>span.safe{background:#e7f1ff;color:#2563eb}.history-detail-modal>header>div>span.danger{background:#ffe7e7;color:#dc2626}.history-detail-modal header small{color:#78879a;font-size:10px;font-weight:800;letter-spacing:.07em}.history-detail-modal header h2{margin:2px 0 0;font-size:19px}.history-detail-modal>header>button{width:38px;height:38px;border:0;border-radius:11px;background:#f1f5f9;color:#64748b;display:grid;place-items:center;cursor:pointer}.history-modal-content{min-height:0;padding:20px;overflow-y:auto}.detail-section-title{margin-bottom:12px;display:flex;align-items:center;gap:7px}.detail-section-title svg{width:18px;color:#2563eb}.detail-section-title h3{margin:0;font-size:15px}.detail-section-title span{margin-left:auto;color:#8290a2;font-size:12px}.media-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.media-gallery>div{overflow:hidden;border:1px solid #e0e8f0;border-radius:14px;background:#fff}.media-gallery .history-thumbnail{min-height:145px}.media-gallery p{margin:0;padding:9px 11px;color:#5c6d82;font-size:11px}.detail-grid{margin:18px 0;display:grid;grid-template-columns:1.3fr .9fr;gap:12px}.detail-info-card{padding:16px;border:1px solid #e0e8f0;border-radius:15px;background:#fff}.detail-info-card h3{margin:0 0 12px;font-size:15px}.detail-info-card dl{margin:0;display:grid;gap:9px}.detail-info-card dl>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-info-card dt{color:#718096;font-size:12px}.detail-info-card dd{margin:0;text-align:right;color:#334155;font-size:12px;font-weight:700}.ai-card{position:relative;padding-right:112px}.confidence-ring{--confidence:90%;position:absolute;right:17px;top:18px;width:76px;height:76px;border-radius:50%;background:conic-gradient(#2563eb var(--confidence),#e5edf5 0);display:grid;place-items:center}.confidence-ring:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:#fff}.confidence-ring strong,.confidence-ring small{position:relative;z-index:1;grid-area:1/1}.confidence-ring strong{transform:translateY(-7px);font-size:16px}.confidence-ring small{transform:translateY(10px);color:#7a899b;font-size:9px}.action-timeline{padding-left:8px}.action-timeline>div{position:relative;padding:0 0 18px 22px;border-left:2px solid #dbe7f2}.action-timeline>div:last-child{padding-bottom:0;border-left-color:transparent}.action-timeline>div>i{position:absolute;left:-6px;top:2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 2px #bfdbfe}.action-timeline header{display:flex;align-items:center;justify-content:space-between;gap:10px}.action-timeline strong{font-size:13px}.action-timeline time,.action-timeline p{color:#8391a2;font-size:11px}.action-timeline p{margin:3px 0}.action-timeline blockquote{margin:7px 0;padding:8px 10px;border-left:3px solid #bfdbfe;border-radius:4px 9px 9px 4px;background:#eef6ff;color:#506176;font-size:11px}.history-detail-modal>footer{padding:14px 20px;border-top:1px solid #e3eaf2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.history-detail-modal>footer>span{max-width:250px;color:#8491a2;font-size:10px}.history-detail-modal>footer>div{display:flex;gap:8px}.history-detail-modal>footer button{height:40px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:6px;font-weight:750;cursor:pointer}.history-detail-modal>footer button svg{width:16px}.action-false{border:1px solid #d9e1e9;background:#fff;color:#59697b}.action-confirm{border:1px solid #9cc8f7;background:#eff6ff;color:#2563b8}.action-resolve{border:1px solid #2563eb;background:#2563eb;color:#fff}@keyframes historyModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}}@media (max-width:1100px){.history-filters{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.history-page{padding:22px 15px 90px}.history-heading{align-items:flex-start}.history-total{min-width:auto;padding:11px}.history-total small{display:none}.history-filters{grid-template-columns:1fr 1fr}.history-event-card{grid-template-columns:120px minmax(0,1fr)}.history-thumbnail{min-height:196px}.card-open-hint{display:none}.history-modal-backdrop{padding:0;align-items:end}.history-detail-modal{width:100%;max-height:92dvh;border-radius:22px 22px 0 0}.history-detail-modal>footer{align-items:stretch;flex-direction:column}.history-detail-modal>footer>span{max-width:none}.history-detail-modal>footer>div{display:grid;grid-template-columns:1fr 1fr}.history-detail-modal>footer .action-resolve{grid-column:1/-1;justify-content:center}.detail-grid{grid-template-columns:1fr}}@media (max-width:520px){.history-heading>div:first-child p:last-child{font-size:13px;line-height:1.5}.history-total{display:none}.history-filters{grid-template-columns:1fr}.custom-date-range{align-items:stretch;flex-direction:column}.custom-date-range>span{display:none}.history-event-card{display:block}.history-thumbnail{min-height:145px}.event-card-body{padding:15px}.event-card-top{align-items:flex-start}.event-card-top time{white-space:nowrap}.event-location{align-items:flex-start;flex-wrap:wrap}.media-gallery{grid-template-columns:1fr}.ai-card{padding-right:16px}.confidence-ring{position:relative;right:auto;top:auto;margin:0 auto 14px}.history-detail-modal>footer>div{grid-template-columns:1fr}.history-detail-modal>footer .action-resolve{grid-column:auto}.history-detail-modal>footer button{justify-content:center}}@media (max-width:1100px) and (min-width:761px){.history-table{min-width:900px}.history-table .confidence-column{display:none}}@media (max-width:760px){.history-table-wrap{display:none}.history-mobile-list{display:grid;gap:10px}.mobile-history-card{position:relative;width:100%;min-height:106px;padding:10px;border:1px solid #dce7f2;border-radius:12px;background:#fff;display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px;color:#334155;text-align:left;box-shadow:0 6px 18px #274b740e}.mobile-history-card.critical-open{border-left:4px solid #ef4444;background:#fef2f2;padding-left:7px}.mobile-history-card.false-positive-row{opacity:.6}.mobile-card-thumb{width:88px;height:86px;overflow:hidden;border-radius:9px}.mobile-card-thumb .history-thumbnail{height:86px;min-height:86px}.mobile-card-thumb .history-thumbnail svg{width:30px}.mobile-card-thumb .history-thumbnail span,.mobile-card-thumb .history-thumbnail>small{display:none}.mobile-history-card>div:nth-child(2){min-width:0;padding-top:2px}.mobile-history-card .event-kind{max-width:calc(100% - 86px);font-size:9px}.mobile-history-card .event-kind svg{width:13px}.mobile-history-card>div:nth-child(2)>strong,.mobile-history-card>div:nth-child(2)>small,.mobile-history-card>div:nth-child(2)>span:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-history-card>div:nth-child(2)>strong{margin-top:9px;font-size:14px}.mobile-history-card>div:nth-child(2)>small{margin-top:5px;color:#6f7f92;font-size:10px}.mobile-history-card>div:nth-child(2)>span:last-child{margin-top:4px;color:#8795a7;font-size:10px}.mobile-history-card>.alert-status{position:absolute;right:9px;top:9px;font-size:9px}.history-pagination{align-items:stretch;flex-wrap:wrap}.history-pagination>div:first-child{width:100%;text-align:center}.history-pagination>label{display:none}.history-pagination nav{width:100%;display:flex;justify-content:space-between}.history-pagination nav button:not(:first-child):not(:last-child){display:none}.history-pagination nav button:first-child,.history-pagination nav button:last-child{min-width:100px}}.history-heading{align-items:center}.history-total{align-self:center}.history-table td{height:64px;padding-top:7px;padding-bottom:7px}.table-thumb{width:52px;height:52px}.table-thumb .history-thumbnail{height:52px;min-height:52px}.alert-status,.severity-dot{min-height:26px;padding:5px 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;line-height:1;white-space:nowrap}.alert-status.open{background:#e8f2ff;color:#1d5fae}.alert-status.acknowledged{background:#fff4cf;color:#946000}.alert-status.resolved{background:#e5f7eb;color:#13753a}.alert-status.dismissed,.alert-status.not-applicable{background:#edf1f5;color:#667485}.severity-dot{background:#f7f9fb}.severity-dot.critical{background:#fee2e2;color:#b91c1c;font-weight:850}.severity-dot.high{background:#fff0df}.severity-dot.medium{background:#fff6d9}.severity-dot.low,.severity-dot.not-applicable{background:#edf1f5;color:#778493}.severity-dot.not-applicable i{background:#aab4c0}.row-action{width:36px;height:34px;transition:background .15s ease,border-color .15s ease}.row-action:hover{border-color:#a9caf0;background:#eaf3ff}.row-action svg{width:17px}.history-pagination{position:sticky;z-index:8;bottom:0;margin-top:0;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 -5px 16px #274b740e}.mobile-page-indicator{display:none;align-items:center;color:#526377;font-weight:700}@media (min-width:768px) and (max-width:1024px){.history-table{min-width:880px}.history-table .confidence-column{display:none}.history-table td:nth-child(5) strong,.history-table td:nth-child(5) small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:767px){.history-table-wrap{display:none}.history-mobile-list{display:grid;gap:10px}.history-page{padding:22px 15px 90px}.history-filters{grid-template-columns:1fr 1fr}.mobile-history-card{position:relative;width:100%;min-height:106px;padding:10px;border:1px solid #dce7f2;border-radius:12px;background:#fff;display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px;color:#334155;text-align:left;box-shadow:0 6px 18px #274b740e}.mobile-history-card.critical-open{border-left:4px solid #ef4444;background:#fef2f2;padding-left:7px}.mobile-history-card.false-positive-row{opacity:.6}.mobile-card-thumb{width:88px;height:86px;overflow:hidden;border-radius:9px}.mobile-card-thumb .history-thumbnail{height:86px;min-height:86px}.mobile-card-thumb .history-thumbnail span,.mobile-card-thumb .history-thumbnail>small{display:none}.mobile-history-card>.alert-status{position:absolute;right:9px;top:9px;min-height:23px;font-size:9px}.history-pagination{position:sticky;bottom:0;align-items:stretch;flex-wrap:wrap}.history-pagination>div:first-child{width:100%;text-align:center}.history-pagination>label{display:none}.history-pagination nav{width:100%;display:flex;align-items:center;justify-content:space-between}.history-pagination nav .page-number{display:none}.history-pagination nav button:first-child,.history-pagination nav button:last-child{min-width:92px}.mobile-page-indicator{display:flex}}@media (max-width:520px){.history-filters{grid-template-columns:1fr}}.history-page{padding-top:22px}.history-heading{min-height:54px;margin-bottom:14px}.history-title-line{min-width:0;display:flex;align-items:center;gap:12px}.history-title-line h1{margin:0;font-size:28px;line-height:1.15}.history-title-line>i{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:#94a3b8}.history-title-line p{margin:0;overflow:hidden;color:#64748b;font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.history-total{min-width:158px;padding:10px 14px;border-radius:12px}.history-total>svg{width:22px;height:22px}.history-total strong{font-size:18px}.history-total small{font-size:11px}.history-filter-panel{padding:12px 13px;border-radius:14px}.history-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.history-filters>label{min-width:126px;flex:1 1 130px}.history-search{min-width:190px;max-width:none;flex:1.45 1 210px;height:38px;margin:0;padding:0 9px;border-radius:9px}.history-search>svg{width:16px}.history-search input{font-size:12px}.history-search button{width:24px;height:24px}.select-wrap{height:38px;padding:0 8px;border-radius:9px;gap:6px}.select-wrap>svg{width:15px}.select-wrap>svg:last-child{width:12px}.select-wrap select{font-size:12px}.compact-reset{height:38px;padding:0 10px;border:1px solid #d7e2ed;border-radius:9px;background:#fff;color:#526b86;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.compact-reset:hover{border-color:#9fc1e8;background:#eef6ff;color:#2563eb}.compact-reset svg{width:15px}.custom-date-range{margin-top:9px;padding-top:9px}.custom-date-range input{height:36px}.history-list-heading{margin-top:16px}@media (max-width:900px){.history-title-line{display:block}.history-title-line h1{font-size:26px}.history-title-line>i{display:none}.history-title-line p{margin-top:3px;max-width:560px}.history-filters>label{flex-basis:150px}.history-search{flex-basis:260px}}@media (max-width:600px){.history-page{padding-top:16px}.history-heading{min-height:44px;margin-bottom:11px}.history-title-line p{max-width:calc(100vw - 30px);font-size:11px}.history-filter-panel{padding:10px}.history-filters{gap:7px}.history-search{min-width:100%;flex-basis:100%}.history-filters>label{min-width:calc(50% - 4px);flex-basis:calc(50% - 4px)}.compact-reset{margin-left:auto}.history-list-heading{margin-top:13px}}.route-content.history-route{overflow:hidden;scrollbar-gutter:auto}.history-route .history-page{width:100%;height:100%;min-height:0;padding-bottom:16px;overflow:hidden;display:flex;flex-direction:column}.history-route .history-heading,.history-route .history-filter-panel,.history-route .history-list-heading,.history-route .history-pagination{flex:0 0 auto}.history-route .history-table-wrap{min-height:0;flex:1 1 auto;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.history-route .history-table thead th{position:sticky;z-index:5;top:0;background:#f8fafc;box-shadow:0 1px #dce7f2}.history-route .history-pagination{position:relative;z-index:6;bottom:auto}.history-route .history-empty{min-height:0;flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.history-route .history-mobile-list{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}@media (max-width:767px){.route-content.history-route{overflow:hidden}.history-route .history-page{height:100%;padding-bottom:10px}.history-route .history-mobile-list{overflow-x:hidden}.history-route .history-pagination{position:relative;bottom:auto}}.antam-analysis{margin-bottom:17px;padding:15px;border:1px solid #cfe1f5;border-radius:15px;background:#eef6ff;display:flex;align-items:flex-start;gap:11px}.antam-analysis>span{width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:#2563eb;color:#fff;display:grid;place-items:center}.antam-analysis>span svg{width:19px}.antam-analysis small{color:#2563b8;font-size:10px;font-weight:850;letter-spacing:.06em}.antam-analysis h3{margin:4px 0 5px;color:#263a52;font-size:14px;line-height:1.45}.antam-analysis p{margin:0;color:#62758c;font-size:11px;line-height:1.55}.quick-analysis{margin-bottom:17px}.quick-analysis>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #e0e8f0;border-radius:13px;background:#fff}.quick-analysis>div:last-child>span{min-width:0;padding:11px 12px;border-right:1px solid #e8eef4}.quick-analysis>div:last-child>span:last-child{border-right:0}.quick-analysis small,.quick-analysis strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-analysis small{margin-bottom:4px;color:#8391a2;font-size:10px}.quick-analysis strong{color:#334155;font-size:12px}.media-caption{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.media-gallery .media-caption p{min-width:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-caption button{height:30px;padding:0 9px;border:1px solid #bfd7f0;border-radius:8px;background:#eff6ff;color:#2563b8;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:750;white-space:nowrap;cursor:pointer}.media-caption button:hover{background:#dbeafe}.media-caption button svg{width:14px}.history-detail-modal>footer.readonly-modal-note{padding:12px 20px;justify-content:flex-start;gap:8px;background:#f8fafc;color:#718096}.readonly-modal-note>svg{width:16px;flex:0 0 auto;color:#2563eb}.history-detail-modal>footer.readonly-modal-note>span{max-width:none;font-size:10px;line-height:1.45}.history-lightbox{position:fixed;z-index:1500;top:0;right:0;bottom:0;left:0;padding:40px;background:#080f1cdb;display:grid;place-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.history-lightbox>button{position:absolute;right:24px;top:22px;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#ffffff1a;color:#fff;display:grid;place-items:center;cursor:pointer}.history-lightbox>div{width:min(820px,90vw);text-align:center}.history-lightbox .history-thumbnail{height:min(62vh,560px);min-height:320px;border-radius:16px;box-shadow:0 24px 70px #0006}.history-lightbox .history-thumbnail svg{width:92px;height:92px}.history-lightbox>div>p{margin:13px 0 0;color:#fff;font-size:13px;font-weight:700}.history-lightbox>div>small{margin-top:8px;color:#cbd5e1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px}.history-lightbox>div>small svg{width:14px}@media (max-width:600px){.quick-analysis>div:last-child{grid-template-columns:1fr 1fr}.quick-analysis>div:last-child>span:nth-child(2){border-right:0}.quick-analysis>div:last-child>span:nth-child(-n+2){border-bottom:1px solid #e8eef4}.history-lightbox{padding:16px}.history-lightbox>button{right:13px;top:13px}.history-lightbox .history-thumbnail{height:55vh;min-height:260px}.readonly-modal-note{align-items:flex-start}}.history-filters>.filter-dropdown{min-width:126px;flex:1 1 130px}.filter-dropdown-trigger{width:100%;height:38px;padding:0 8px;border:1px solid #dce5ef;border-radius:9px;background:#f9fbfd;color:#28374c;display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.filter-dropdown-trigger:hover{border-color:#b7cee7;background:#fff}.filter-dropdown-trigger:focus-visible,.filter-dropdown-trigger.is-open{outline:0;border-color:#7eb1ec;background:#fff;box-shadow:0 0 0 3px #e1efff}.filter-dropdown-trigger>svg{width:15px;flex:0 0 auto;color:#7890aa}.filter-dropdown-trigger>svg:last-child{width:12px;margin-left:auto;transition:transform .15s ease}.filter-dropdown-trigger.is-open>svg:last-child{transform:rotate(180deg)}.filter-dropdown-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.filter-dropdown-menu{position:fixed;z-index:2000;max-height:min(320px,calc(100vh - 20px));padding:5px;overflow-y:auto;border:1px solid #d8e2ec;border-radius:10px;background:#fff;box-shadow:0 4px 12px #00000026;animation:filterMenuIn .12s ease-out}.filter-dropdown-menu>button{width:100%;min-height:40px;padding:9px 11px;border:0;border-radius:7px;background:#fff;color:#334155;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:12px;cursor:pointer}.filter-dropdown-menu>button:hover,.filter-dropdown-menu>button:focus-visible{outline:0;background:#eff6ff;color:#1d5fae}.filter-dropdown-menu>button.is-selected{background:#e7f1ff;color:#1e5ea8;font-weight:750}.filter-dropdown-menu>button.is-selected:hover{background:#dbeafe}.filter-dropdown-menu>button svg{width:16px;flex:0 0 auto;color:#2563eb}@keyframes filterMenuIn{0%{opacity:0;transform:translateY(-4px)}}@media (max-width:900px){.history-filters>.filter-dropdown{flex-basis:150px}}@media (max-width:600px){.history-filters>.filter-dropdown{min-width:calc(50% - 4px);flex-basis:calc(50% - 4px)}}.filter-dropdown-menu{min-width:205px;padding:7px;border-color:#dbe5ef;border-radius:12px;box-shadow:0 14px 38px #1e40692e,0 3px 10px #0f172a14}.filter-dropdown-menu-title{padding:7px 9px 9px;border-bottom:1px solid #edf1f5}.filter-dropdown-menu-title span,.filter-dropdown-menu-title small{display:block}.filter-dropdown-menu-title span{color:#27384e;font-size:11px;font-weight:800}.filter-dropdown-menu-title small{margin-top:2px;color:#94a3b8;font-size:9px}.filter-dropdown-options{padding-top:5px;display:grid;gap:2px}.filter-dropdown-options>button{width:100%;min-height:42px;padding:7px 8px;border:1px solid transparent;border-radius:9px;background:#fff;color:#42546a;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;font-size:12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.filter-dropdown-options>button:hover,.filter-dropdown-options>button:focus-visible{outline:0;border-color:#d9e9fa;background:#eff6ff;color:#1d5fae}.filter-dropdown-options>button:active{transform:scale(.985)}.filter-dropdown-options>button.is-selected{border-color:#c5ddf7;background:#eaf3ff;color:#174f91;font-weight:750}.filter-option-label{min-width:0;display:flex;align-items:center;gap:9px}.filter-option-label>i{width:7px;height:7px;flex:0 0 auto;border:2px solid #b8c6d5;border-radius:50%;background:#fff}.is-selected .filter-option-label>i{border-color:#2563eb;background:#2563eb;box-shadow:0 0 0 3px #dbeafe}.filter-option-check{width:23px;height:23px;flex:0 0 auto;border-radius:7px;display:grid;place-items:center}.is-selected .filter-option-check{background:#2563eb;color:#fff;box-shadow:0 4px 9px #2563eb33}.filter-option-check svg{width:14px;stroke-width:2.7}.history-thumbnail img{width:100%;height:100%;display:block;object-fit:cover}.history-modal-backdrop{background:var(--overlay)}.history-detail-modal{color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-lg)}.history-detail-modal>header,.history-detail-modal>footer,.history-detail-modal>footer.readonly-modal-note{color:var(--text-primary);background:var(--bg-surface);border-color:var(--divider)}.history-detail-modal header small,.history-detail-modal>footer>span,.history-detail-modal>footer.readonly-modal-note{color:var(--text-muted)}.history-detail-modal>header>button{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-default)}.history-detail-modal>header>button:hover{color:var(--text-primary);background:var(--interactive-hover);border-color:var(--border-strong)}.history-detail-modal>header>button:focus-visible,.history-detail-modal .media-caption button:focus-visible{outline:0;border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.history-detail-modal>header>div>span.safe{color:var(--primary);background:var(--primary-subtle)}.history-detail-modal>header>div>span.danger{color:var(--danger);background:var(--danger-subtle)}.history-modal-content{color:var(--text-primary);background:var(--bg-elevated);scrollbar-color:var(--border-strong) var(--bg-subtle)}.history-modal-content::-webkit-scrollbar-track{background:var(--bg-subtle)}.history-modal-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-color:var(--bg-subtle)}.history-detail-modal .antam-analysis{color:var(--text-primary);background:var(--info-subtle);border-color:var(--info)}.history-detail-modal .antam-analysis>span{color:var(--text-inverse);background:var(--primary)}.history-detail-modal .antam-analysis small{color:var(--info)}.history-detail-modal .antam-analysis h3{color:var(--text-primary)}.history-detail-modal .antam-analysis p{color:var(--text-secondary)}.history-detail-modal .detail-section-title{color:var(--text-primary)}.history-detail-modal .detail-section-title svg{color:var(--primary)}.history-detail-modal .detail-section-title span{color:var(--text-muted)}.history-detail-modal .quick-analysis>div:last-child{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}.history-detail-modal .quick-analysis>div:last-child>span{border-color:var(--divider)}.history-detail-modal .quick-analysis small{color:var(--text-muted)}.history-detail-modal .quick-analysis strong{color:var(--text-primary)}.history-detail-modal .media-gallery>div{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}.history-detail-modal .media-gallery .history-thumbnail{background-color:var(--bg-subtle)}.history-detail-modal .media-caption{background:var(--bg-surface)}.history-detail-modal .media-gallery p{color:var(--text-secondary)}.history-detail-modal .media-caption button{color:var(--primary);background:var(--primary-subtle);border-color:var(--primary)}.history-detail-modal .media-caption button:hover{color:var(--primary-hover);background:var(--interactive-hover);border-color:var(--primary-hover)}.history-detail-modal :where(img,video,canvas){filter:none!important;mix-blend-mode:normal;color-scheme:only light}.history-detail-modal .detail-info-card{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}.history-detail-modal .detail-info-card h3,.history-detail-modal .detail-info-card dd{color:var(--text-primary)}.history-detail-modal .detail-info-card dt{color:var(--text-muted)}.history-detail-modal .confidence-ring{background:conic-gradient(var(--primary) var(--confidence),var(--bg-subtle) 0)}.history-detail-modal .confidence-ring:before{background:var(--bg-surface)}.history-detail-modal .confidence-ring strong{color:var(--text-primary)}.history-detail-modal .confidence-ring small{color:var(--text-muted)}.history-detail-modal .action-timeline>div{border-color:var(--divider)}.history-detail-modal .action-timeline>div:last-child{border-left-color:transparent}.history-detail-modal .action-timeline>div>i{background:var(--primary);border-color:var(--bg-elevated);box-shadow:0 0 0 2px var(--primary-subtle)}.history-detail-modal .action-timeline strong{color:var(--text-primary)}.history-detail-modal .action-timeline time,.history-detail-modal .action-timeline p{color:var(--text-muted)}.history-detail-modal .action-timeline blockquote{color:var(--text-secondary);background:var(--bg-subtle);border-color:var(--primary)}.history-filter-panel{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.history-search,.select-wrap,.custom-date-range input,.filter-dropdown-trigger,.compact-reset{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-default)}.history-search input,.select-wrap select{color:var(--text-primary);background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;caret-color:var(--primary)}.history-search input::placeholder{color:var(--text-muted);opacity:1}.history-search>svg,.select-wrap>svg,.filter-dropdown-trigger>svg{color:var(--text-muted)}.history-search button{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid transparent}.history-filters label>span,.custom-date-range label>span{color:var(--text-secondary)}.custom-date-range{border-color:var(--divider)}.custom-date-range>span{color:var(--text-muted)}.history-search:hover,.select-wrap:hover,.custom-date-range input:hover,.filter-dropdown-trigger:hover,.compact-reset:hover{color:var(--text-primary);background:var(--interactive-hover);border-color:var(--border-strong)}.history-search button:hover:not(:disabled){color:var(--text-primary);background:var(--interactive-active);border-color:var(--border-default)}.history-search:focus-within,.select-wrap:focus-within,.custom-date-range input:focus-visible,.filter-dropdown-trigger:focus-visible,.filter-dropdown-trigger.is-open,.compact-reset:focus-visible{outline:0;color:var(--text-primary);background:var(--bg-elevated);border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.filter-dropdown-trigger:active,.compact-reset:active,.history-search button:active:not(:disabled){background:var(--interactive-active)}.history-filter-panel :where(input,select,button):disabled{cursor:not-allowed;opacity:.5}.history-search input::selection,.custom-date-range input::selection{color:var(--text-inverse);background:var(--primary)}.filter-dropdown-menu{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-default);box-shadow:var(--shadow-lg)}.filter-dropdown-menu-title{border-color:var(--divider)}.filter-dropdown-menu-title span{color:var(--text-primary)}.filter-dropdown-menu-title small{color:var(--text-muted)}.filter-dropdown-options>button{color:var(--text-secondary);background:var(--bg-elevated);border-color:transparent}.filter-dropdown-options>button:hover,.filter-dropdown-options>button:focus-visible{color:var(--text-primary);background:var(--interactive-hover);border-color:var(--border-default)}.filter-dropdown-options>button:active{background:var(--interactive-active)}.filter-dropdown-options>button.is-selected,.filter-dropdown-options>button.is-selected:hover{color:var(--primary);background:var(--primary-subtle);border-color:var(--primary)}.filter-option-label>i{background:var(--bg-surface);border-color:var(--border-strong)}.is-selected .filter-option-label>i{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.is-selected .filter-option-check{color:var(--text-inverse);background:var(--primary);box-shadow:var(--shadow-sm)}.history-filter-summary{position:relative;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.history-filter-summary>button{min-height:44px;padding:0 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;color:var(--text-primary);background:var(--bg-elevated);font-weight:700}.history-filter-summary>button svg{width:17px}.history-filter-chips{display:flex;gap:7px;flex-wrap:wrap}.history-filter-chips span{min-height:32px;padding:0 10px;border-radius:999px;display:flex;align-items:center;color:var(--primary);background:var(--primary-subtle);font-size:12px;font-weight:700}.history-filter-panel{display:none}.history-filter-panel.open{display:block}.history-table-wrap{overflow:visible!important;max-height:none!important}.history-table{table-layout:auto}.history-table tbody tr.critical-open,.history-table tbody tr.false-positive-row{background:var(--bg-surface)!important}.history-table tbody tr.critical-open{box-shadow:inset 4px 0 0 var(--danger)}.history-table tbody tr.false-positive-row{box-shadow:inset 4px 0 0 var(--warning)}.history-table td:nth-child(3)>strong,.history-table td:nth-child(3)>.severity-dot{display:block;width:max-content;margin-top:5px}.history-empty{min-height:320px}@media (max-width:767px){.history-filter-panel.open{position:fixed;z-index:1300;left:0;right:0;bottom:0;max-height:78dvh;padding:18px 14px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:22px 22px 0 0;background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.mobile-history-card{position:relative;border-left:4px solid var(--border-strong)!important}.mobile-history-card.critical-open{border-left-color:var(--danger)!important;background:var(--bg-surface)!important}.mobile-history-card.false-positive-row{border-left-color:var(--warning)!important;background:var(--bg-surface)!important}.history-mobile-list{position:relative}.history-mobile-list:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--divider)}}.history-filter-backdrop,.history-filter-drawer-header{display:none}.history-filter-scroll{min-height:0}.route-content.history-route{overflow-x:hidden!important;overflow-y:auto!important}.history-route .history-page{height:auto!important;min-height:100%!important;overflow:visible!important;display:block!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}.history-route .history-table-wrap,.history-route .history-mobile-list{height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;scrollbar-gutter:auto!important}.history-pagination,.history-route .history-pagination{position:static!important;inset:auto!important;margin-top:14px!important}.history-route .history-table thead th{position:static}@media (max-width:767px){.history-filter-backdrop{position:fixed;z-index:1590;top:0;right:0;bottom:0;left:0;display:block;border:0;background:var(--overlay)}.history-filter-panel.open{z-index:1600;left:0;right:0;bottom:0;max-height:calc(100dvh - 64px);padding:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.history-filter-drawer-header{min-height:58px;padding:0 16px;border-bottom:1px solid var(--divider);display:flex;align-items:center;justify-content:space-between}.history-filter-drawer-header button{width:44px;height:44px;border:0;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-secondary);background:var(--bg-subtle)}.history-filter-drawer-header svg{width:19px}.history-filter-scroll{padding:14px 14px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.history-route .history-mobile-list{overflow:visible!important}.history-route .history-page{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}}@media (max-width:900px){.history-table-wrap{display:none!important}.history-mobile-list{display:grid;gap:10px}.history-page{min-width:0}.history-pagination{max-width:100%}}@media (min-width:901px){.route-content.history-route{height:100%;min-height:0;overflow-x:hidden!important;overflow-y:auto!important}.history-route .history-page{height:auto!important;min-height:100%!important;padding-bottom:12px!important;overflow:visible!important;display:flex!important;flex-direction:column}.history-route .history-heading,.history-route .history-filter-summary,.history-route .history-filter-panel,.history-route .history-list-heading,.history-route .history-pagination{flex:0 0 auto}.history-route .history-heading{margin-bottom:8px}.history-route .history-filter-summary{margin-bottom:6px}.history-route .history-list-heading{margin:6px 3px 4px}.history-route .history-pagination{min-height:46px;padding:4px 10px;position:static!important;inset:auto!important;transform:none!important;clear:both;margin-top:4px!important;gap:10px}.history-route .history-pagination-top{margin-top:0!important;margin-bottom:4px!important}.history-route .history-pagination-bottom{margin-top:4px!important}.history-route .history-pagination :where(button,select){height:38px;min-height:38px}.history-route .history-pagination button{min-width:38px;padding-inline:7px}.history-route .history-table-wrap{height:clamp(420px,calc(100dvh - 410px),680px)!important;min-height:420px!important;max-height:680px!important;flex:0 0 auto;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.history-route .history-table{min-width:0;width:100%;table-layout:fixed}.history-route .history-table th:nth-child(1){width:8%}.history-route .history-table th:nth-child(2){width:15%}.history-route .history-table th:nth-child(3){width:31%}.history-route .history-table th:nth-child(4){width:20%}.history-route .history-table th:nth-child(5){width:18%}.history-route .history-table th:nth-child(6){width:8%}.history-route .history-table thead th{position:sticky;z-index:2;top:0;background:var(--bg-surface);box-shadow:0 1px 0 var(--divider)}.history-route .history-table td{height:60px;padding-top:6px;padding-bottom:6px}.history-route .history-table td:nth-child(3)>strong,.history-route .history-table td:nth-child(3)>.severity-dot{width:auto;margin:0 0 0 6px;display:inline-flex;vertical-align:middle}.history-route .table-thumb,.history-route .table-thumb .history-thumbnail{width:48px;height:48px;min-height:48px}.history-route .history-mobile-list{display:none!important}}@media (max-width:900px){.route-content.history-route{height:100%;overflow-x:hidden!important;overflow-y:auto!important}.history-route .history-page{height:auto!important;min-height:100%!important;padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;overflow:visible!important;display:block!important}.history-route .history-table-wrap{display:none!important}.history-route .history-mobile-list{height:auto!important;min-height:0!important;max-height:none!important;padding-bottom:2px;overflow:visible!important}.history-route .history-pagination{position:static!important;inset:auto!important;transform:none!important;clear:both;margin-top:10px!important;max-width:100%}.history-route .history-pagination-top{margin-bottom:10px!important}.history-route .history-pagination>label{display:flex}}.home-dashboard{--home-border:#e8eef6;max-width:1320px;margin:0 auto;padding:34px 36px 64px;color:#172033}.home-welcome{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.home-welcome p{margin:0 0 6px;color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.home-welcome h1{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.035em}.home-welcome>span{padding:9px 13px;display:flex;align-items:center;gap:7px;border-radius:999px;background:#eef9f1;color:#16783a;font-size:13px;font-weight:700}.home-welcome>span svg{width:17px}.home-hero{position:relative;min-height:330px;padding:42px;overflow:hidden;border:1px solid #dfeaf5;border-radius:28px;background:#fff;box-shadow:0 18px 55px #204a770f;display:flex;flex-direction:column;justify-content:space-between}.hero-copy{position:relative;z-index:2;max-width:680px}.hero-status-icon{width:58px;height:58px;margin-bottom:24px;border-radius:19px;display:grid;place-items:center;background:#eaf9ef;color:#168941}.hero-status-icon svg{width:30px;height:30px}.hero-eyebrow{display:flex;align-items:center;gap:7px!important;color:#577065!important;font-size:13px!important;font-weight:700}.hero-eyebrow i,.family-home-card p i,.camera-live i{width:8px;height:8px;border-radius:50%;background:#22c55e}.hero-copy h2{margin:8px 0 12px;font-size:36px;line-height:1.12;letter-spacing:-.045em}.hero-copy>p:last-child{max-width:620px;margin:0;color:#627083;font-size:16px;line-height:1.7}.hero-overview{position:relative;z-index:2;margin-top:32px;display:flex;gap:12px}.hero-metric{min-width:165px;padding:13px 16px;border:1px solid #edf1f6;border-radius:17px;background:#fafcff;display:flex;align-items:center;gap:11px}.hero-metric>svg{width:20px;color:#3b82f6}.hero-metric span,.hero-metric strong,.hero-metric small{display:block}.hero-metric strong{font-size:19px}.hero-metric small{margin-top:2px;color:#6b7280;font-size:12px}.hero-orbit{position:absolute;right:-45px;top:-60px;width:360px;height:360px;border:1px solid #e1edf9;border-radius:50%;display:grid;place-items:center;background:#f6faff}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #dceafa;border-radius:50%}.hero-orbit:before{top:52px;right:52px;bottom:52px;left:52px}.hero-orbit:after{top:105px;right:105px;bottom:105px;left:105px;background:#fff}.hero-orbit>span{position:absolute;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#22c55e;box-shadow:0 4px 12px #22c55e40}.hero-orbit>span:first-child{left:49px;top:92px}.hero-orbit>span:nth-child(2){right:78px;bottom:55px}.hero-orbit>svg{position:relative;z-index:2;width:52px;height:52px;color:#3b82f6}.home-section{margin-top:42px}.home-section-heading{margin-bottom:17px;display:flex;align-items:end;justify-content:space-between;gap:20px}.home-section-heading h2{margin:0;font-size:20px;letter-spacing:-.025em}.home-section-heading p{margin:5px 0 0;color:#6b7280;font-size:14px}.home-section-heading button{border:0;background:transparent;color:#2567b3;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;cursor:pointer}.home-section-heading button svg{width:16px}.attention-card{padding:20px 22px;border:1px solid #f5d1d1;border-radius:22px;background:snow;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;transition:transform .16s ease-out,box-shadow .16s ease-out}.attention-card:hover,.family-home-card:hover,.home-camera-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #23426512}.attention-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#ffe9e9;color:#dc3e3e}.attention-icon svg{width:23px}.attention-card p{margin:0;color:#c13d3d;font-size:12px;font-weight:700}.attention-card h3{margin:5px 0;font-size:17px}.attention-card div>span{color:#6b7280;font-size:14px}.attention-card button{height:46px;padding:0 15px;border:1px solid #f0bcbc;border-radius:14px;background:#fff;color:#c83232;display:flex;align-items:center;gap:7px;font-weight:700;cursor:pointer}.attention-card button svg{width:17px}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.family-home-card{padding:20px;border:1px solid var(--home-border);border-radius:22px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;transition:.16s ease-out}.family-avatar{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#e9f3ff;color:#2567b3;font-size:14px;font-weight:800}.family-avatar.green{background:#eaf9ef;color:#168941}.family-home-card h3{margin:0;font-size:16px}.family-home-card p{margin:5px 0;display:flex;align-items:center;gap:6px;color:#168941;font-size:13px}.family-home-card>div>span{display:flex;align-items:center;gap:5px;color:#6b7280;font-size:13px}.family-home-card>div>span svg{width:14px}.family-home-card time{color:#6b7280;font-size:13px}.home-camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-camera-card{min-width:0;padding:0;overflow:hidden;border:1px solid var(--home-border);border-radius:22px;background:#fff;color:#172033;text-align:left;cursor:pointer;transition:.16s ease-out}.home-camera-preview{position:relative;height:150px;display:block;overflow:hidden;background:#dfe9f1}.scene-window{position:absolute;left:12%;top:14%;width:26%;height:38%;border:7px solid #8ba1b2;background:#c9e3f2}.scene-furniture{position:absolute;right:8%;bottom:11%;width:53%;height:30%;border-radius:6px;background:#8fa1ae;box-shadow:0 -13px #f1f4f7}.scene-living{background:#e8e2d7}.scene-living .scene-furniture{width:66%;height:24%;background:#8b7f75}.scene-garden{background:#dcebdc}.scene-garden:after{content:"";position:absolute;top:48%;right:0;bottom:0;left:0;background:#8eb68a}.scene-garden .scene-window{display:none}.scene-garden .scene-furniture{right:37%;width:23%;height:45%;bottom:16%;border-radius:50% 50% 10px 10px;background:#557b50;box-shadow:none}.camera-live{position:absolute;left:12px;top:12px;padding:6px 8px;border-radius:999px;background:#ffffffeb;display:flex;align-items:center;gap:5px;color:#476072;font-size:11px;font-weight:700}.camera-card-copy{padding:15px 8px 17px 17px;display:inline-block;max-width:calc(100% - 45px)}.camera-card-copy strong,.camera-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-card-copy strong{font-size:15px}.camera-card-copy small{margin-top:5px;color:#6b7280;font-size:12px}.home-camera-card>svg{float:right;width:17px;margin:23px 15px 0 0;color:#8a96a6}.ai-insight-card{padding:28px;border:1px solid #dce8f6;border-radius:24px;background:#f6faff;display:flex;align-items:flex-start;gap:18px}.insight-icon{width:52px;height:52px;flex:0 0 auto;border-radius:17px;display:grid;place-items:center;background:#fff;color:#3b82f6}.insight-icon svg{width:26px}.ai-insight-card p{margin:0;color:#3b6fae;font-size:12px;font-weight:700}.ai-insight-card h2{margin:6px 0 15px;font-size:19px}.ai-insight-card ul{margin:0;padding:0;display:grid;gap:10px;list-style:none}.ai-insight-card li{display:flex;align-items:center;gap:8px;color:#596679;font-size:14px}.ai-insight-card li svg{width:17px;color:#22c55e}.home-timeline{padding:6px 22px;border:1px solid var(--home-border);border-radius:22px;background:#fff}.home-timeline-item{min-height:68px;display:grid;grid-template-columns:58px 14px 1fr;align-items:center;gap:12px;border-bottom:1px solid #edf1f5}.home-timeline-item:last-child{border-bottom:0}.home-timeline-item time{color:#6b7280;font-size:13px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#3b82f6}.timeline-dot.green{background:#22c55e}.home-timeline-item p{margin:0;color:#4f5d70;font-size:14px}@media (max-width:900px){.home-dashboard{padding:26px 22px 54px}.hero-orbit{right:-150px;opacity:.65}.hero-copy{max-width:70%}.hero-overview{flex-wrap:wrap}.home-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-camera-card:last-child{grid-column:1/-1}}@media (max-width:600px){.home-dashboard{padding:16px 14px 34px}.home-welcome{margin-bottom:14px}.home-welcome p,.home-welcome>span{display:none}.home-welcome h1{font-size:21px}.home-hero{min-height:0;padding:22px;border-radius:22px}.hero-status-icon{width:48px;height:48px;margin-bottom:17px;border-radius:16px}.hero-status-icon svg{width:25px}.hero-copy{max-width:100%}.hero-copy h2{font-size:28px}.hero-copy>p:last-child{font-size:14px;line-height:1.6}.hero-orbit{display:none}.hero-overview{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hero-metric{min-width:0;padding:10px 7px;display:block;text-align:center;border-radius:14px}.hero-metric>svg{width:18px;margin-bottom:5px}.hero-metric strong{font-size:18px}.hero-metric small{font-size:11px}.home-section{margin-top:28px}.home-section-heading{margin-bottom:13px;align-items:center}.home-section-heading h2{font-size:18px}.home-section-heading p{font-size:13px}.home-section-heading button{font-size:12px}.attention-card{padding:16px;grid-template-columns:auto 1fr;gap:12px;border-radius:20px}.attention-icon{width:43px;height:43px}.attention-card div>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.4}.attention-card button{grid-column:1/-1;width:100%;justify-content:center}.family-grid,.home-camera-grid{grid-template-columns:1fr}.family-home-card{padding:16px;border-radius:20px}.home-camera-card:last-child{grid-column:auto}.home-camera-preview{height:165px}.ai-insight-card{padding:20px;gap:13px;border-radius:22px}.insight-icon{width:44px;height:44px}.ai-insight-card h2{font-size:17px}.ai-insight-card li{align-items:flex-start;font-size:13px;line-height:1.4}.home-timeline{padding:4px 16px}.home-timeline-item{grid-template-columns:48px 10px 1fr;gap:9px}.home-timeline-item p{font-size:13px;line-height:1.4}}.home-camera-preview video,.home-camera-preview img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease-out}.home-camera-card:hover .home-camera-preview video,.home-camera-card:hover .home-camera-preview img{transform:scale(1.02)}.dashboard-camera-name{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,#000000ad);color:#fff;font-size:14px;font-weight:700}.camera-live{z-index:3}.attention-empty{min-height:104px;padding:20px 22px;border:1px solid #dcebe2;border-radius:22px;background:#f7fcf9;display:flex;align-items:center;gap:15px}.attention-empty>span{width:46px;height:46px;flex:0 0 auto;border-radius:15px;background:#e7f8ed;color:#168941;display:grid;place-items:center}.attention-empty>span svg{width:22px}.attention-empty strong{font-size:15px}.attention-empty p{margin:5px 0 0;color:#667085;font-size:13px}.dashboard-camera-filters{display:flex;gap:8px;margin:-2px 0 16px;overflow-x:auto;scrollbar-width:none}.dashboard-camera-filters::-webkit-scrollbar{display:none}.dashboard-camera-filters button{flex:0 0 auto;min-height:38px;padding:8px 14px;border:1px solid #e1e8f0;border-radius:999px;background:#fff;color:#64748b;font-size:13px;font-weight:650;cursor:pointer;transition:.15s ease-out}.dashboard-camera-filters button:hover{border-color:#bfd5ef;background:#f8fbff}.dashboard-camera-filters button.active{border-color:#b8d4f5;background:#eaf3ff;color:#2267b5}.home-camera-card{animation:dashboardCameraIn .18s ease-out}@keyframes dashboardCameraIn{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:600px){.dashboard-camera-filters{margin-bottom:13px}.dashboard-camera-filters button{min-height:36px;padding:7px 12px}}@media (max-width:600px){.home-camera-grid{display:flex;grid-template-columns:none;gap:12px;margin:0 -14px;padding:0 14px 8px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.home-camera-grid::-webkit-scrollbar{display:none}.home-camera-card,.home-camera-card:last-child{width:228px;min-width:228px;grid-column:auto;border-radius:18px;scroll-snap-align:start}.home-camera-preview{height:auto;aspect-ratio:16/9}.camera-card-copy{padding:12px 6px 13px 14px}.camera-card-copy strong{font-size:14px}.camera-card-copy small{margin-top:3px;font-size:11px}.home-camera-card>svg{width:16px;margin:18px 12px 0 0}.dashboard-camera-name{padding:27px 11px 9px;font-size:12px}.camera-live{left:9px;top:9px;padding:5px 7px;font-size:10px}}.overview-loading,.overview-error{min-height:60vh;display:grid;place-items:center;align-content:center;gap:10px;color:#52657b;text-align:center}.overview-loading>svg,.overview-error>svg{width:42px;height:42px;color:#3b82f6}.overview-error>svg{color:#dc3e3e}.overview-error p{margin:0}.overview-error button{padding:9px 13px;display:flex;gap:7px;border:1px solid #bdd2e9;border-radius:10px;background:#fff;color:#2567b3}.home-hero.attention{border-color:#f4cccc;background:snow}.home-hero.attention .hero-status-icon{background:#ffe9e9;color:#dc3e3e}.camera-live.offline,.camera-live.error{color:#b42318}.camera-live.offline i,.camera-live.error i{background:#ef4444}.home-hero{min-height:0;padding:24px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;background:var(--bg-surface);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.hero-copy{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;max-width:none}.hero-status-icon{grid-row:1/4;width:46px;height:46px;margin:0;border-radius:14px}.hero-copy h2{margin:4px 0 6px;font-size:clamp(23px,2.2vw,30px)}.hero-copy>p:last-child{line-height:1.5}.hero-eyebrow{margin:0}.hero-overview{margin:0;display:grid;grid-template-columns:repeat(3,minmax(110px,1fr))}.hero-metric{min-width:0;background:var(--bg-subtle);border-color:var(--border-default)}.hero-orbit{display:none}.home-hero.safe .hero-eyebrow i{background:var(--success)}.home-hero.attention{border-color:color-mix(in srgb,var(--warning) 38%,var(--border-default));background:var(--warning-subtle)}.home-hero.attention .hero-status-icon{color:var(--warning);background:var(--bg-elevated)}.home-hero.attention .hero-eyebrow i{background:var(--warning)}.home-hero.danger{border-color:color-mix(in srgb,var(--danger) 42%,var(--border-default));background:var(--danger-subtle)}.home-hero.danger .hero-status-icon{color:var(--danger);background:var(--bg-elevated)}.home-hero.danger .hero-eyebrow i{background:var(--danger)}.camera-live.connecting{color:var(--warning)}.camera-live.connecting i{background:var(--warning)}.camera-live.ended{color:var(--text-muted)}.camera-live.ended i{background:var(--text-muted)}.camera-live.online{color:var(--success)}.camera-card-copy small{color:var(--text-secondary)}.overview-camera-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted);background:var(--bg-subtle)}.overview-skeleton-page{max-width:1320px;margin:auto;padding:34px 36px;display:grid;gap:18px}.overview-skeleton{min-height:160px;border-radius:22px;background:var(--bg-subtle);animation:ui-shimmer 1.4s infinite}.overview-skeleton.hero{min-height:190px}.overview-skeleton-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.overview-skeleton-row .overview-skeleton{min-height:110px}.overview-skeleton.cameras{min-height:260px}.overview-camera-empty{min-height:180px;padding:24px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);display:grid;place-items:center;align-content:center;gap:8px;color:var(--text-secondary);background:var(--bg-surface);text-align:center}.overview-camera-empty svg{color:var(--text-muted)}.overview-loading,.overview-error{color:var(--text-secondary)}.overview-error button{color:var(--primary);background:var(--bg-surface);border-color:var(--border-default)}@media (max-width:900px){.home-hero{grid-template-columns:1fr}.hero-overview{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.home-hero{padding:18px}.hero-copy h2{font-size:23px}.hero-copy>p:last-child{display:block}.hero-overview{margin-top:0}.home-camera-grid{display:grid;grid-template-columns:1fr;margin:0;padding:0;overflow:visible}.home-camera-card,.home-camera-card:last-child{width:100%;min-width:0}.overview-skeleton-page{padding:16px 14px}.overview-skeleton-row{grid-template-columns:1fr}}.settings-page{max-width:1380px;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.settings-heading{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-heading h1{margin:0;font-size:30px;letter-spacing:-.03em}.settings-heading p{margin:5px 0 0;color:#64748b;font-size:14px}.settings-heading>span{padding:7px 10px;border-radius:999px;background:#eaf3ff;color:#2563b8;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750}.settings-heading>span svg{width:15px}.settings-shell{min-height:0;flex:1;overflow:hidden;border:1px solid #dfe8f2;border-radius:18px;background:#fff;display:grid;grid-template-columns:230px minmax(0,1fr);box-shadow:0 10px 30px #274b740e}.settings-tabs{padding:13px;border-right:1px solid #e7edf4;background:#f8fafc;display:flex;flex-direction:column;gap:5px}.settings-tabs button{width:100%;min-height:43px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:#64748b;display:flex;align-items:center;gap:9px;text-align:left;font-weight:650;cursor:pointer}.settings-tabs button:hover{background:#eff5fb;color:#315f93}.settings-tabs button.active{background:#e8f2ff;color:#2563b8}.settings-tabs button svg{width:17px;flex:0 0 auto}.settings-tabs button svg:last-child{width:14px;margin-left:auto}.settings-tabs button small{padding:2px 5px;border-radius:99px;background:#2563eb;color:#fff;font-size:8px}.settings-content{min-width:0;min-height:0;overflow:hidden}.settings-placeholder,.permission-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b}.settings-placeholder>svg,.permission-empty>svg{width:38px;height:38px;color:#3b82f6}.settings-placeholder h2,.permission-empty h3{margin:13px 0 5px;color:#334155}.settings-placeholder p,.permission-empty p{margin:0}.permission-view{height:100%;min-height:0;padding:20px;display:flex;flex-direction:column}.permission-heading{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.permission-heading h2{margin:0;font-size:22px}.permission-heading p{margin:5px 0 0;color:#64748b;font-size:13px}.permission-heading>span{padding:5px 8px;border-radius:8px;background:#f1f5f9;color:#66758a;font-size:10px;font-weight:700}.permission-layout{min-height:0;flex:1;display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px}.caregiver-panel,.permission-panel{min-height:0;overflow:hidden;border:1px solid #e1e8f0;border-radius:14px;background:#fff}.caregiver-panel{display:flex;flex-direction:column}.caregiver-panel-title{padding:13px 14px;border-bottom:1px solid #edf1f5}.caregiver-panel-title strong,.caregiver-panel-title small{display:block}.caregiver-panel-title strong{font-size:13px}.caregiver-panel-title small{margin-top:3px;color:#8a97a8;font-size:10px}.caregiver-list{min-height:0;padding:7px;overflow-y:auto}.caregiver-list>button{position:relative;width:100%;padding:10px;border:1px solid transparent;border-radius:11px;background:#fff;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;color:#334155;cursor:pointer}.caregiver-list>button:hover{background:#f6f9fc}.caregiver-list>button.selected{border-color:#c5dcf6;background:#edf5ff}.caregiver-avatar{width:38px;height:38px;border-radius:12px;background:#dbeafe;color:#2563b8;display:grid;place-items:center;font-size:11px;font-weight:800}.caregiver-avatar.large{width:44px;height:44px;border-radius:14px;font-size:13px}.caregiver-list>button>span:nth-child(2){min-width:0}.caregiver-list strong,.caregiver-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caregiver-list strong{font-size:12px}.caregiver-list small{margin-top:3px;color:#8391a2;font-size:9px}.caregiver-list i,.permission-panel>header>i{padding:4px 6px;border-radius:999px;font-size:8px;font-style:normal;font-weight:750}.caregiver-list i.active,.permission-panel>header>i.active{background:#e5f7eb;color:#14743a}.caregiver-list i.inactive,.permission-panel>header>i.inactive{background:#edf1f5;color:#778493}.caregiver-list>button>svg{position:absolute;right:7px;bottom:7px;width:12px;color:#9aa7b7}.permission-panel{display:flex;flex-direction:column}.permission-panel>header{padding:13px 15px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;gap:10px}.permission-panel>header>div{min-width:0;flex:1}.permission-panel h3{margin:0;font-size:15px}.permission-panel>header p{margin:3px 0 0;color:#7b899b;font-size:10px}.permission-back{display:none}.inactive-notice{margin:10px 13px 0;padding:9px 10px;border-radius:10px;background:#f1f5f9;color:#68778a;display:flex;align-items:center;gap:7px;font-size:10px}.inactive-notice svg{width:15px}.permission-groups{min-height:0;padding:12px 15px;overflow-y:auto}.permission-groups>section+section{margin-top:15px;padding-top:14px;border-top:1px solid #edf1f5}.permission-groups h4{margin:0 0 7px;color:#526377;display:flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.035em}.permission-groups h4 svg{width:15px;color:#2563eb}.permission-row{min-height:58px;padding:8px 3px;display:flex;align-items:center;justify-content:space-between;gap:18px}.permission-row.disabled{opacity:.52}.permission-row strong{font-size:12px}.permission-row p{margin:3px 0 0;color:#7b899a;font-size:10px;line-height:1.4}.permission-control{display:flex;align-items:center;gap:7px}.saved-feedback{color:#17813d;display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700;animation:savedFade 1.4s ease both}.saved-feedback svg{width:12px}.permission-toggle{position:relative;width:42px;height:24px;padding:0;border:0;border-radius:999px;background:#cbd5e1;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.permission-toggle i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0f172a38;transition:transform .2s ease}.permission-toggle.on{background:#2563eb}.permission-toggle.on i{transform:translate(18px)}.permission-toggle:focus-visible{outline:0;box-shadow:0 0 0 3px #bfdbfe}.permission-toggle:disabled{cursor:not-allowed}.permission-panel>footer{padding:10px 15px;border-top:1px solid #edf1f5;background:#f8fafc;color:#718096;display:flex;align-items:center;gap:7px;font-size:9px}.permission-panel>footer svg{width:14px;flex:0 0 auto;color:#2563eb}.permission-empty button{margin-top:16px;padding:9px 12px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-weight:700}@keyframes savedFade{0%{opacity:0;transform:translateY(3px)}15%,70%{opacity:1;transform:none}to{opacity:0}}@media (max-width: 900px){.settings-shell{grid-template-columns:190px minmax(0,1fr)}.permission-layout{grid-template-columns:260px minmax(0,1fr)}}@media (max-width: 700px){.settings-page{padding:18px 12px 88px}.settings-heading{margin-bottom:11px}.settings-heading h1{font-size:24px}.settings-heading p,.settings-heading>span{display:none}.settings-shell{display:block;border:0;border-radius:0;box-shadow:none;background:transparent;overflow-y:auto}.settings-tabs{padding:0 0 10px;border:0;background:transparent;display:flex;flex-direction:row;overflow-x:auto}.settings-tabs button{min-width:max-content;width:auto}.settings-tabs button svg:last-child{display:none}.settings-content{height:calc(100% - 54px);overflow:hidden}.permission-view{padding:0}.permission-heading{margin:10px 2px}.permission-heading h2{font-size:19px}.permission-heading p{font-size:11px}.permission-layout{display:block;height:calc(100% - 65px)}.caregiver-panel,.permission-panel{height:100%;border-radius:13px}.permission-view:not(.show-detail) .permission-panel{display:none}.permission-view.show-detail .caregiver-panel{display:none}.permission-back{width:34px;height:34px;padding:0;border:0;border-radius:9px;background:#eff4fa;color:#526377;display:grid;place-items:center}.permission-back svg{width:17px}.permission-groups{padding:10px 13px}.permission-row{min-height:64px}.saved-feedback{display:none}}.settings-scroll-content{height:100%;min-height:0;padding:20px;overflow-y:auto;overscroll-behavior:contain}.section-page-heading{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:16px}.section-page-heading h2{margin:0;font-size:22px}.section-page-heading p{margin:4px 0 0;color:#64748b;font-size:12px}.settings-section-card{margin-bottom:13px;padding:16px;border:1px solid #e1e8f0;border-radius:14px;background:#fff}.settings-card-heading{display:flex;align-items:flex-start;gap:10px}.settings-card-heading.row{align-items:center}.settings-card-heading>span{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#eaf3ff;color:#2563eb;display:grid;place-items:center}.settings-card-heading>span svg{width:17px}.settings-card-heading>div{min-width:0;flex:1}.settings-card-heading h3{margin:0;font-size:14px}.settings-card-heading p{margin:3px 0 0;color:#7b899a;font-size:10px}.settings-form-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-form-grid label>span,.settings-modal label>span,.setting-inline-row label>span,.quiet-hours label>span{display:block;margin-bottom:5px;color:#66758a;font-size:10px;font-weight:700}.settings-form-grid input,.settings-modal input,.settings-modal select,.settings-modal textarea,.setting-inline-row select,.sensitive-hours input,.sensitive-hours select,.quiet-hours input{width:100%;height:38px;padding:0 10px;border:1px solid #dce5ef;border-radius:9px;background:#f9fbfd;color:#334155;outline:0}.settings-form-grid input:focus,.settings-modal input:focus,.settings-modal textarea:focus{border-color:#83b4ed;box-shadow:0 0 0 3px #e1efff}.settings-card-actions{margin-top:12px;display:flex;justify-content:flex-end}.settings-save,.settings-primary-small{height:36px;padding:0 11px;border:0;border-radius:9px;background:#2563eb;color:#fff;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750;cursor:pointer}.settings-save svg,.settings-primary-small svg{width:14px}.settings-save.saved{background:#16813f}.settings-data-list{margin-top:12px;border-top:1px solid #edf1f5}.camera-setting-row,.person-setting-row{min-height:58px;padding:8px 2px;border-bottom:1px solid #edf1f5;display:grid;align-items:center;gap:10px}.camera-setting-row{grid-template-columns:34px minmax(180px,1fr) auto 80px 44px}.person-setting-row{grid-template-columns:36px minmax(190px,1fr) minmax(190px,.8fr) 44px}.camera-setting-row>div strong,.camera-setting-row>div small,.person-setting-row>div strong,.person-setting-row>div small{display:block}.camera-setting-row strong,.person-setting-row strong{font-size:11px}.camera-setting-row small,.person-setting-row small{margin-top:2px;color:#8391a2;font-size:9px}.camera-setting-row time{color:#8795a7;font-size:9px}.data-icon,.person-mini-avatar{width:32px;height:32px;border-radius:9px;background:#edf5ff;color:#2563eb;display:grid;place-items:center}.data-icon svg{width:15px}.person-mini-avatar{font-size:11px;font-weight:800}.operational-badge,.role-badge,.account-badge{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:750;white-space:nowrap}.operational-badge.online,.account-badge.active{background:#e5f7eb;color:#14743a}.operational-badge.offline,.account-badge.inactive{background:#edf1f5;color:#718096}.operational-badge.error{background:#fee8e8;color:#bd2c2c}.quality-meter{display:grid;grid-template-columns:minmax(80px,1fr) auto auto;align-items:center;gap:7px}.quality-meter>span{height:5px;overflow:hidden;border-radius:99px;background:#e7edf4}.quality-meter>span i{display:block;height:100%;background:#22c55e}.quality-meter.fair>span i{background:#eab308}.quality-meter.poor>span i{background:#ef4444}.quality-meter>small{font-size:8px;color:#718096}.quality-meter button{padding:3px 5px;border:0;border-radius:6px;background:#fff0f0;color:#c53636;display:flex;align-items:center;gap:3px;font-size:8px}.quality-meter button svg{width:10px}.privacy-guarantees{margin:12px 0;padding:9px 11px;border-radius:10px;background:#effaf3}.privacy-guarantees p{margin:4px 0;color:#176f39;display:flex;align-items:center;gap:7px;font-size:10px}.privacy-guarantees svg{width:13px}.setting-inline-row,.notification-toggle-row{padding:10px 2px;display:flex;align-items:center;gap:14px}.setting-inline-row label{min-width:180px}.setting-inline-row>div,.notification-toggle-row>div{min-width:0;flex:1}.setting-inline-row strong,.setting-inline-row small,.notification-toggle-row strong,.notification-toggle-row small{display:block}.setting-inline-row strong,.notification-toggle-row strong{font-size:11px}.setting-inline-row small,.notification-toggle-row small{margin-top:3px;color:#8190a2;font-size:9px}.threshold-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.threshold-grid label>span{display:flex;justify-content:space-between;color:#526377;font-size:11px}.threshold-grid input{width:100%;accent-color:#2563eb}.threshold-grid label>small{display:block;color:#dc2626;font-size:8px;line-height:1.4}.sensitive-hours{margin-top:14px;padding:10px;border-radius:11px;background:#f8fafc;display:flex;align-items:center;gap:8px}.sensitive-hours>svg{width:17px;color:#2563eb}.sensitive-hours>div{min-width:160px;flex:1}.sensitive-hours strong,.sensitive-hours small{display:block}.sensitive-hours strong{font-size:11px}.sensitive-hours small{font-size:8px;color:#8795a7}.sensitive-hours input{width:82px}.sensitive-hours select{width:130px}.settings-modal-backdrop{position:fixed;z-index:2100;top:0;right:0;bottom:0;left:0;padding:18px;background:#0f172a85;display:grid;place-items:center}.settings-modal{width:min(440px,100%);padding:18px;border-radius:15px;background:#fff;box-shadow:0 24px 70px #0f172a40}.settings-modal>header{margin-bottom:14px;display:flex;align-items:flex-start;justify-content:space-between}.settings-modal h3{margin:0;font-size:17px}.settings-modal header p{margin:3px 0;color:#718096;font-size:10px}.settings-modal header button{width:32px;height:32px;border:0;border-radius:8px;background:#f1f5f9;color:#64748b}.settings-modal header button svg{width:15px}.settings-modal>label{display:block;margin-top:10px}.settings-modal textarea{height:70px;padding:9px;resize:vertical}.face-upload{margin-top:12px;padding:14px;border:1px dashed #a9c9eb;border-radius:10px;background:#f5f9ff;color:#2563eb;text-align:center}.face-upload svg{width:20px}.face-upload strong,.face-upload small{display:block}.face-upload strong{margin-top:5px;font-size:11px}.face-upload small{margin-top:2px;color:#718096;font-size:9px}.settings-modal>footer{margin-top:16px;display:flex;justify-content:flex-end;gap:7px}.settings-modal>footer button{height:36px;padding:0 12px;border:1px solid #dce5ef;border-radius:9px;background:#fff;color:#526377;font-weight:700}.settings-modal>footer button:last-child{border-color:#2563eb;background:#2563eb;color:#fff}.camera-upload-error{margin:10px 0 0;padding:9px;border-radius:9px;background:#fee8e8;color:#b42318;display:flex;align-items:center;gap:6px;font-size:10px}.camera-upload-error svg{width:14px}.settings-modal button:disabled{cursor:not-allowed;opacity:.6}.user-table-card{padding:0;overflow:hidden}.settings-user-table{min-width:760px}.user-table-head,.user-table-row{display:grid;grid-template-columns:minmax(230px,1.6fr) 100px 100px 90px 90px;align-items:center;gap:10px}.user-table-head{padding:10px 14px;background:#f8fafc;color:#718096;font-size:9px;font-weight:750}.user-table-row{min-height:62px;padding:8px 14px;border-top:1px solid #edf1f5;font-size:10px}.user-table-row>div:first-child{display:flex;align-items:center;gap:9px}.user-table-row>div:first-child span:last-child{min-width:0}.user-table-row strong,.user-table-row small{display:block}.user-table-row small{margin-top:2px;color:#8391a2}.role-badge.admin{background:#2563eb;color:#fff}.role-badge.caregiver{background:#e8f2ff;color:#2563b8}.user-table-row>div:last-child{display:flex;gap:5px}.user-table-row>div:last-child button{width:30px;height:30px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#64748b}.user-table-row>div:last-child svg{width:14px}.last-admin-note{margin:0;padding:9px 14px;border-top:1px solid #edf1f5;background:#f8fafc;color:#718096;display:flex;align-items:center;gap:6px;font-size:9px}.last-admin-note svg{width:13px}.notification-options{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.notification-options>div{padding:11px;border:1px solid #e3eaf2;border-radius:11px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px}.notification-options>div>svg{width:18px;color:#2563eb}.notification-options strong,.notification-options small{display:block}.notification-options strong{font-size:10px}.notification-options small{margin-top:2px;color:#8492a3;font-size:8px}.notification-toggle-row{border-top:1px solid #edf1f5}.quiet-hours{margin-top:12px;display:flex;align-items:end;gap:10px}.quiet-hours label{width:110px}.quiet-hours p{margin:0 0 9px auto;color:#18783b;display:flex;align-items:center;gap:5px;font-size:9px}.quiet-hours p svg{width:13px}@media (max-width: 900px){.settings-form-grid{grid-template-columns:1fr 1fr}.notification-options{grid-template-columns:1fr}.sensitive-hours{flex-wrap:wrap}.user-table-card{overflow-x:auto}}@media (max-width: 700px){.settings-scroll-content{padding:8px 2px 24px}.section-page-heading{margin:4px 2px 12px}.section-page-heading h2{font-size:19px}.settings-section-card{padding:13px}.settings-form-grid,.threshold-grid{grid-template-columns:1fr}.camera-setting-row{grid-template-columns:32px minmax(0,1fr) auto}.camera-setting-row .operational-badge{grid-column:2}.camera-setting-row time{display:none}.camera-setting-row>.permission-toggle{grid-column:3;grid-row:1/3}.person-setting-row{grid-template-columns:34px minmax(0,1fr) auto}.person-setting-row .quality-meter{grid-column:2}.person-setting-row>.permission-toggle{grid-column:3;grid-row:1/3}.sensitive-hours>div{min-width:calc(100% - 30px)}.sensitive-hours select{width:100%}.setting-inline-row,.quiet-hours{align-items:flex-end;flex-wrap:wrap}.quiet-hours p{width:100%;margin:4px 0}.settings-user-table{min-width:680px}}.camera-setting-row{grid-template-columns:34px minmax(180px,1fr) auto minmax(180px,auto) auto}.camera-setting-toggles{display:flex;align-items:center;gap:14px}.camera-setting-toggles label{display:flex;align-items:center;gap:6px;color:#64748b;font-size:9px;font-weight:700}.camera-row-delete{height:32px;padding:0 9px;border:1px solid #fecaca;border-radius:8px;background:#fff5f5;color:#c53030;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:750;cursor:pointer}.camera-row-delete svg{width:13px}.camera-row-delete:disabled{cursor:not-allowed;opacity:.55}@media (max-width: 700px){.camera-setting-toggles{grid-column:2/4;justify-content:flex-start}.camera-setting-row{grid-template-columns:32px minmax(0,1fr) auto}.camera-row-delete{grid-column:3;grid-row:2}}.appearance-options{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.appearance-options>button{min-height:132px;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-primary);display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:start;gap:12px;text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.appearance-options>button:hover{background:var(--interactive-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.appearance-options>button:active{transform:translateY(1px)}.appearance-options>button.selected{background:var(--primary-subtle);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.appearance-options>button>span:first-child{width:42px;height:42px;border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--primary);display:grid;place-items:center}.appearance-options>button>span:first-child svg{width:21px}.appearance-options strong,.appearance-options small{display:block}.appearance-options strong{font-size:14px}.appearance-options small{margin-top:6px;color:var(--text-secondary);font-size:11px;line-height:1.5}.appearance-options i{width:22px;height:22px;border:1px solid var(--border-strong);border-radius:var(--radius-full);display:grid;place-items:center;color:var(--text-inverse);background:var(--bg-surface)}.appearance-options .selected i{border-color:var(--primary);background:var(--primary)}.appearance-options i svg{width:13px}@media (max-width: 900px){.appearance-options{grid-template-columns:1fr}}@media (max-width: 700px){.appearance-options>button{min-height:100px}}.settings-page{height:auto;min-height:100%;overflow:visible;color:var(--text-primary)}.settings-shell{min-height:0;overflow:visible;border-color:var(--border-default);background:var(--bg-surface)}.settings-content,.settings-scroll-content{height:auto;min-height:0;overflow:visible}.settings-tabs{border-color:var(--border-default);background:var(--bg-subtle)}.settings-tabs button{color:var(--text-secondary)}.settings-tabs button:hover{background:var(--interactive-hover);color:var(--text-primary)}.settings-tabs button.active{background:var(--primary-subtle);color:var(--primary)}.settings-section-card,.caregiver-panel,.permission-panel,.settings-modal{border-color:var(--border-default);background:var(--bg-surface);color:var(--text-primary)}.settings-heading p,.section-page-heading p,.settings-card-heading p,.setting-inline-row small,.notification-toggle-row small,.camera-setting-row small,.person-setting-row small{color:var(--text-secondary)}.settings-form-grid input,.settings-modal input,.settings-modal select,.settings-modal textarea,.setting-inline-row select,.sensitive-hours input,.sensitive-hours select,.quiet-hours input{border-color:var(--border-default);background:var(--bg-subtle);color:var(--text-primary)}.settings-data-list,.camera-setting-row,.person-setting-row,.notification-toggle-row{border-color:var(--border-default)}.sensitive-hours,.user-table-head,.last-admin-note,.permission-panel>footer{background:var(--bg-subtle);color:var(--text-secondary)}.notification-options>div{border-color:var(--border-default);background:var(--bg-surface)}.permission-toggle{background:var(--border-strong)}.permission-toggle.on{background:var(--primary)}.caregiver-list,.permission-groups{overflow-y:visible}.threshold-help{margin:10px 0 0;color:var(--text-secondary);font-size:11px;line-height:1.55}.threshold-warning{margin-top:10px;padding:10px 12px;border:1px solid var(--warning-border, #f1b95c);border-radius:var(--radius-md);background:var(--warning-subtle, #fff7df);color:var(--warning-text, #8a5400);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.threshold-warning svg{width:17px;flex:0 0 auto}@keyframes settingsSpin{to{transform:rotate(360deg)}}.settings-page button:focus-visible,.settings-page input:focus-visible,.settings-page select:focus-visible,.settings-page textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (max-width: 700px){.settings-page{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.settings-shell{overflow:visible}.settings-content{height:auto;overflow:visible}.settings-tabs{overflow-x:auto}.camera-setting-toggles{grid-column:2/4;display:flex;flex-wrap:wrap;gap:10px}.camera-setting-toggles label{min-height:44px;display:flex;align-items:center;gap:7px}}.vision-disabled-reason{margin-top:5px!important;color:var(--warning-text, #8a5400)!important;font-weight:650}.camera-save-feedback{min-height:20px;margin-top:5px!important;display:flex!important;align-items:center;gap:5px;font-weight:750}.camera-save-feedback svg{width:14px;height:14px;flex:0 0 auto}.camera-save-feedback.saving{color:var(--primary)!important}.camera-save-feedback.saved{color:var(--success, #168743)!important}.camera-save-feedback.error{color:var(--danger, #c53030)!important}.camera-save-feedback .spin{animation:settingsSpin 1s linear infinite}@media (max-width: 700px){.settings-page.page-wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}.permission-view .caregiver-panel{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}.permission-view .caregiver-list{scrollbar-color:var(--border-strong) var(--bg-subtle)}.permission-view .caregiver-list>button{color:var(--text-primary);background:var(--bg-surface);border-color:transparent;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.permission-view .caregiver-list>button:hover{color:var(--text-primary);background:var(--interactive-hover);border-color:var(--border-default)}.permission-view .caregiver-list>button:focus-visible{outline:0;color:var(--text-primary);background:var(--interactive-hover);border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 25%,transparent)}.permission-view .caregiver-list>button.selected,.permission-view .caregiver-list>button.selected:hover{color:var(--text-primary);background:var(--primary-subtle);border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.permission-view .caregiver-list .caregiver-avatar{color:var(--primary);background:var(--bg-subtle);border:1px solid var(--border-default)}.permission-view .caregiver-list>button.selected .caregiver-avatar{color:var(--primary);background:var(--interactive-active);border-color:var(--primary)}.permission-view .caregiver-list strong{color:var(--text-primary)}.permission-view .caregiver-list small{color:var(--text-muted)}.alert-sound-setting>.data-icon{background:#fff7e6;color:#c66a08}.alert-sound-setting>div{min-width:0;flex:1}.alert-sound-setting small{max-width:650px;line-height:1.5}.permission-update-toast{margin:0 0 14px;padding:11px 14px;border:1px solid;border-radius:11px;font-size:13px;font-weight:700}.permission-update-toast.success{border-color:#86efac;background:#f0fdf4;color:#15803d}.permission-update-toast.error{border-color:#fca5a5;background:#fff1f2;color:#b91c1c}:root[data-theme=dark] .alert-sound-setting>.data-icon{background:#d9770624;color:#fbbf24}:root[data-theme=dark] .permission-update-toast.success{background:#15803d21;color:#86efac}:root[data-theme=dark] .permission-update-toast.error{background:#b91c1c21;color:#fca5a5}.ui-button{min-height:42px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-inverse);background:var(--primary);box-shadow:var(--shadow-sm);font:inherit;font-weight:700;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.ui-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md)}.ui-button:active:not(:disabled){background:var(--primary-active);transform:translateY(1px)}.ui-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ui-button--secondary{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}.ui-button--secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}.ui-button--ghost{color:var(--primary);background:transparent;box-shadow:none}.ui-button--ghost:hover:not(:disabled){background:var(--primary-subtle)}.ui-button--danger{color:var(--text-inverse);background:var(--danger)}.ui-button--danger:hover:not(:disabled){background:var(--danger);filter:brightness(.9)}.ui-icon-button{width:42px;padding:0}.ui-icon-button>span{display:grid;place-items:center}.ui-spinner{width:18px;height:18px;animation:ui-spin .75s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-badge{min-height:26px;width:fit-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);background:var(--bg-subtle);font-size:12px;font-weight:700}.ui-badge--primary{color:var(--primary);background:var(--primary-subtle)}.ui-badge--success{color:var(--success);background:var(--success-subtle)}.ui-badge--warning{color:var(--warning);background:var(--warning-subtle)}.ui-badge--danger{color:var(--danger);background:var(--danger-subtle)}.ui-badge--info{color:var(--info);background:var(--info-subtle)}.ui-status-badge i{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor}.ui-card{padding:var(--space-5);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.ui-card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.ui-field{display:grid;gap:var(--space-2);color:var(--text-primary)}.ui-field__label{font-size:14px;font-weight:700}.ui-field__control{position:relative;display:flex;align-items:center}.ui-field :where(input,select){width:100%;min-height:42px;padding:0 var(--space-3);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.ui-field :where(input,select):hover:not(:disabled){border-color:var(--border-strong)}.ui-field :where(input,select):focus-visible{outline:0;border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 28%,transparent)}.ui-field :where(input,select):disabled{color:var(--text-muted);background:var(--bg-subtle);cursor:not-allowed}.ui-field [aria-invalid=true]{border-color:var(--danger)}.ui-field__control>.ui-spinner{position:absolute;right:var(--space-3);color:var(--text-muted)}.ui-field__hint,.ui-field__error{color:var(--text-muted);font-size:12px}.ui-field__error{color:var(--danger)}.ui-switch{width:fit-content;display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);cursor:pointer}.ui-switch>button{width:46px;height:26px;padding:3px;flex:0 0 auto;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-subtle);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base)}.ui-switch>button>span{display:block;width:18px;height:18px;border-radius:var(--radius-full);background:var(--bg-elevated);box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}.ui-switch>button[aria-checked=true]{border-color:var(--primary);background:var(--primary)}.ui-switch>button[aria-checked=true]>span{transform:translate(20px)}.ui-switch>button:disabled{opacity:.55;cursor:not-allowed}.ui-switch strong,.ui-switch small{display:block}.ui-switch small{margin-top:var(--space-1);color:var(--text-muted)}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip__trigger{display:inline-flex}.ui-tooltip__content{position:absolute;left:50%;bottom:calc(100% + var(--space-2));z-index:100;width:max-content;max-width:260px;padding:var(--space-2) var(--space-3);color:var(--text-inverse);background:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:12px;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,var(--space-1));transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.ui-tooltip:hover .ui-tooltip__content,.ui-tooltip:focus-within .ui-tooltip__content{opacity:1;visibility:visible;transform:translate(-50%)}.ui-skeleton{min-height:16px;display:inline-block;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-subtle);position:relative}.ui-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--bg-elevated),transparent);transform:translate(-100%);animation:ui-shimmer 1.4s infinite}@keyframes ui-shimmer{to{transform:translate(100%)}}.ui-state{min-height:240px;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary);text-align:center}.ui-state__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:grid;place-items:center;color:var(--info);background:var(--info-subtle)}.ui-state--error .ui-state__icon{color:var(--danger);background:var(--danger-subtle)}.ui-state h2{margin:var(--space-2) 0 0;color:var(--text-primary)}.ui-state p{max-width:520px;margin:0 0 var(--space-3)}.ui-page-header{margin-bottom:var(--space-6);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.ui-page-header h1{margin:var(--space-1) 0;color:var(--text-primary)}.ui-page-header p{margin:0;color:var(--text-secondary)}.ui-page-header__eyebrow{color:var(--primary)!important;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ui-page-header__actions{display:flex;gap:var(--space-2)}.ui-chart,[data-ui=chart]{--chart-grid: var(--divider);--chart-axis: var(--text-muted);--chart-primary: var(--primary);--chart-success: var(--success);--chart-warning: var(--warning);--chart-danger: var(--danger);color:var(--text-primary);background:var(--bg-surface)}.ui-modal,[data-ui=modal]{color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.ui-modal-backdrop,[data-ui=modal-backdrop]{background:var(--overlay)}.ui-table,[data-ui=table]{width:100%;color:var(--text-primary);background:var(--bg-surface);border-collapse:collapse}.ui-table :where(th,td),[data-ui=table] :where(th,td){padding:var(--space-3);border-bottom:1px solid var(--divider);text-align:left}.ui-table th,[data-ui=table] th{color:var(--text-secondary);background:var(--bg-subtle)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 640px){.ui-page-header{align-items:stretch;flex-direction:column}}.statistics-page{max-width:1500px;margin:0 auto;padding:26px 32px 52px;color:#172033}.statistics-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.statistics-header h1{margin:0;font-size:32px;letter-spacing:-.035em}.statistics-header p,.statistics-card-heading p,.performance-title p{margin:6px 0 0;color:#64748b;font-size:13px}.statistics-range,.chart-toggle{display:flex;padding:4px;border:1px solid #dce7f2;border-radius:12px;background:#fff}.statistics-range button,.chart-toggle button{min-height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#64748b;font-size:12px;font-weight:700;cursor:pointer}.statistics-range button.active,.chart-toggle button.active{background:#e7f1ff;color:#1f66bd}.custom-range{margin:-8px 0 18px;display:flex;justify-content:flex-end;gap:10px}.custom-range label{color:#64748b;font-size:12px;font-weight:700}.custom-range input{display:block;margin-top:5px;padding:9px;border:1px solid #dce7f2;border-radius:9px}.statistics-error,.threshold-banner{padding:11px 14px;border:1px solid #f4c184;border-radius:11px;background:#fff8ed;color:#9a5705;display:flex;align-items:center;gap:10px}.statistics-loading,.statistics-empty{min-height:150px;display:grid;place-items:center;color:#7b8797;text-align:center}.statistics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.statistics-kpi,.statistics-card,.device-card,.hub-card{border:1px solid #e0e9f3;border-radius:14px;background:#fff;box-shadow:0 7px 22px #2d4c6f0d}.statistics-kpi{min-width:0;padding:13px;display:flex;align-items:flex-start;gap:10px}.statistics-kpi>span{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:#e9f3ff;color:#2568bd;display:grid;place-items:center}.statistics-kpi>span svg{width:18px}.statistics-kpi.green>span{background:#e5f8eb;color:#168743}.statistics-kpi.red>span{background:#ffe8e8;color:#d93636}.statistics-kpi.orange>span{background:#fff1d8;color:#b86700}.statistics-kpi strong{display:block;font-size:21px;line-height:1.1}.statistics-kpi p{margin:4px 0;color:#617086;font-size:11px;font-weight:700}.stats-trend,.stats-missing{font-size:9px;font-weight:700;color:#94a3b8}.stats-trend.good{color:#168743}.stats-trend.bad{color:#dc3e3e}.statistics-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:15px;align-items:start}.statistics-side-stack{display:grid;gap:15px}.statistics-card{min-width:0;padding:17px}.statistics-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.statistics-card-heading h2,.performance-title h2{margin:0;font-size:18px}.chart-legend{margin:12px 0;display:flex;flex-wrap:wrap;gap:12px;color:#64748b;font-size:10px;font-weight:700}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:3px}.confirmed{background:#3b82f6}.false{background:#f59e0b}.unreviewed{background:#d8e1ec}.alert-bars{height:225px;padding:7px 2px 0;display:flex;align-items:flex-end;gap:5px;overflow-x:auto}.alert-bar-column{height:100%;min-width:30px;flex:1;display:grid;grid-template-rows:16px minmax(0,1fr) 23px;align-items:end;text-align:center}.alert-bar-column>b{font-size:9px;color:#64748b}.stacked-bar{width:min(25px,80%);height:100%;margin:auto;display:flex;flex-direction:column-reverse;justify-content:flex-start;border-radius:5px 5px 2px 2px;overflow:hidden;background:#f1f5f9}.stacked-bar i{display:block;width:100%}.alert-bar-column time{padding-top:6px;color:#7c8999;font-size:8px}.camera-stats{display:grid;gap:13px;margin-top:14px}.camera-stats header{display:flex;align-items:end;justify-content:space-between;gap:10px}.camera-stats span strong,.camera-stats span small{display:block}.camera-stats small{margin-top:2px;color:#8693a4;font-size:10px}.camera-stats header>b{color:#52657b;font-size:10px}.camera-stats>div>div{height:7px;margin-top:6px;overflow:hidden;border-radius:99px;background:#edf2f7}.camera-stats i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#60a5fa,#2563eb)}.reason-list{margin:13px 0 0;padding:0;list-style:none;display:grid;gap:7px}.reason-list li{padding:9px 11px;border-radius:9px;background:#f8fafc;display:flex;justify-content:space-between;color:#526174;font-size:12px}.reason-empty{min-height:72px;padding:10px}.performance-section{margin-top:26px}.performance-title{margin-bottom:12px;display:flex;align-items:center;gap:10px}.performance-title>svg{width:39px;height:39px;padding:9px;border-radius:11px;background:#e8f3ff;color:#2563eb}.operational-warnings{margin:0 0 10px;display:grid;gap:7px}.threshold-banner span strong,.threshold-banner span small{display:block}.threshold-banner small{margin-top:2px}.hub-card{padding:13px 15px;margin-bottom:10px}.hub-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.hub-card>header>svg{padding:8px;width:35px;height:35px;border-radius:10px;background:#e8f3ff;color:#2563eb}.hub-card h3,.device-card h3{margin:0;font-size:14px}.hub-card p,.device-card header p{margin:2px 0 0;color:#7b8797;font-size:10px}.hub-card time{color:#8794a4;font-size:9px}.hub-card>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.hub-card>div>span,.device-metrics>span{min-width:0;padding:8px 6px;border-radius:9px;background:#f7faff;text-align:center}.hub-card span svg,.device-metrics svg{width:14px;height:14px;color:#4a78ac}.hub-card small,.hub-card strong,.device-metrics small,.device-metrics strong{display:block}.hub-card small,.device-metrics small{margin:2px 0;color:#7b8797;font-size:8px}.hub-card strong,.device-metrics strong{font-size:11px}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.device-card{padding:14px}.device-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.device-status{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.device-status svg{width:17px}.device-status.online{background:#e4f8eb;color:#168743}.device-status.disabled,.device-status.ended,.device-status.waiting{background:#f1f5f9;color:#8491a2}.device-status.disconnected,.device-status.error{background:#ffe5e5;color:#dc3030}.device-card header>b{font-size:9px;text-transform:uppercase}.device-card header>b.online{color:#168743}.device-card header>b.disabled,.device-card header>b.ended,.device-card header>b.waiting{color:#8491a2}.device-card header>b.disconnected,.device-card header>b.error{color:#dc3030}.device-metrics{margin:11px 0 9px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.device-card footer{padding-top:9px;border-top:1px solid #edf1f5;color:#8a96a6;font-size:9px}.camera-inactive-note{margin-top:10px;padding:9px 11px;border-radius:9px;background:#f7f9fc;color:#718096;font-size:11px}.performance-chart{margin-top:12px}.performance-chart-controls{display:flex;align-items:center;gap:10px}.performance-chart-controls select{padding:7px 9px;border:1px solid #dce7f2;border-radius:8px;background:#fff;color:#52657b}.performance-trends{margin-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trend-panel{min-width:0;padding:10px 11px;border:1px solid #e7edf4;border-radius:11px;background:#fbfdff}.trend-panel header{display:flex;justify-content:space-between;gap:10px;color:#52657b;font-size:10px}.trend-panel svg{width:100%;height:145px;display:block;margin-top:5px}.trend-panel path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-panel .grid-line{stroke:#e5ebf2;stroke-width:1}.fps-line{stroke:#22c55e}.latency-line{stroke:#8b5cf6}.fps-point{fill:#22c55e}.latency-point{fill:#8b5cf6}.trend-empty{min-height:82px;margin-top:8px}.statistics-page circle{cursor:help}@media (max-width:1250px){.statistics-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.statistics-page{padding:22px 18px 44px}.statistics-header{align-items:flex-start;flex-direction:column}.statistics-range{width:100%;overflow-x:auto}.statistics-range button{flex:1;white-space:nowrap}.statistics-grid,.device-grid,.performance-trends{grid-template-columns:1fr}.hub-card>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.statistics-page{padding:16px 13px 34px}.statistics-header h1{font-size:25px}.statistics-kpis{grid-template-columns:1fr}.statistics-card{padding:14px}.statistics-card-heading{display:block}.chart-toggle{margin-top:10px;overflow-x:auto}.custom-range{display:grid;grid-template-columns:1fr 1fr}.custom-range input{width:100%}.device-metrics{grid-template-columns:repeat(2,1fr)}.hub-card>header{grid-template-columns:auto 1fr}.hub-card time{grid-column:2}.performance-chart-controls{margin-top:10px;align-items:flex-start;flex-direction:column}}.telemetry-fallback{margin-top:10px;padding:9px 11px;border-radius:9px;background:#fff8ed;color:#9a5705;font-size:11px}.statistics-page{color:var(--text-primary)}.statistics-header p,.statistics-card-heading p,.performance-title p,.chart-legend{color:var(--text-secondary)}.statistics-insight{margin:0 0 12px;padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--primary-subtle);color:var(--text-primary);display:flex;align-items:center;gap:9px;font-size:13px}.statistics-insight svg{width:18px;flex:0 0 auto;color:var(--primary)}.statistics-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.statistics-range,.chart-toggle,.statistics-kpi,.statistics-card,.device-card,.hub-card{border-color:var(--border-default);background:var(--bg-surface);color:var(--text-primary)}.statistics-range button,.chart-toggle button{color:var(--text-secondary)}.statistics-range button:hover,.chart-toggle button:hover{background:var(--interactive-hover);color:var(--text-primary)}.statistics-range button.active,.chart-toggle button.active{background:var(--primary-subtle);color:var(--primary)}.statistics-card-heading select,.performance-chart-controls select,.custom-range input{min-height:40px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary)}.statistics-page button:focus-visible,.statistics-page select:focus-visible,.statistics-page input:focus-visible,.stats-missing:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.statistics-empty{border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-secondary)}.chart-empty{min-height:130px;margin-top:12px;padding:20px}.stacked-bar,.camera-stats>div>div{background:var(--bg-subtle)}.reason-list li,.hub-card>div>span,.device-metrics>span,.camera-inactive-note,.trend-panel{background:var(--bg-subtle);color:var(--text-secondary)}.trend-panel{border-color:var(--border-default)}.trend-panel .grid-line{stroke:var(--border-default)}.device-card footer{border-color:var(--border-default)}.performance-section{padding-top:20px;border-top:1px solid var(--border-default)}@media (max-width:1100px){.statistics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.statistics-kpis{grid-template-columns:1fr}.statistics-card-heading select{width:100%;margin-top:10px}.alert-bars{max-width:100%}.statistics-insight{align-items:flex-start}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(340px,1.05fr) minmax(360px,.95fr);background:#f5f8fc}.login-brand-panel{padding:clamp(36px,7vw,96px);background:linear-gradient(145deg,#123e70,#0b6f77);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:12px;font-size:24px}.login-brand svg{width:34px;height:34px}.login-brand-panel>div:last-child{max-width:580px}.login-brand-panel p,.login-card small{font-weight:800;letter-spacing:.14em}.login-brand-panel h1{font-size:clamp(34px,4vw,58px);line-height:1.08;margin:18px 0}.login-brand-panel aside{display:flex;gap:12px;align-items:center;margin-top:36px;padding:18px;border:1px solid #ffffff42;border-radius:16px;background:#ffffff12}.login-form-panel{display:grid;place-items:center;padding:28px}.login-card{width:min(430px,100%);background:#fff;padding:clamp(28px,5vw,52px);border-radius:24px;box-shadow:0 24px 65px #17324d1c}.login-card header{margin-bottom:30px}.login-card h2{font-size:34px;margin:8px 0;color:#17324d}.login-card label{display:block;margin:18px 0;color:#40566d;font-weight:700}.login-card label>span{display:block;margin-bottom:8px}.login-card label>div{display:flex;align-items:center;gap:10px;border:1px solid #ced9e5;border-radius:12px;padding:0 13px}.login-card label svg{width:19px;color:#708398}.login-card input{border:0;outline:0;padding:14px 0;width:100%;font:inherit}.login-card label button{border:0;background:none;padding:6px;display:grid}.login-card .remember{display:flex;align-items:center;gap:8px;font-weight:500}.login-card .remember input{width:auto}.login-error{padding:12px;background:#fff1f0;color:#b42318;border-radius:10px}.login-submit{width:100%;padding:14px;border:0;border-radius:12px;background:#1769aa;color:#fff;font-weight:800;font-size:16px}.login-submit:disabled{opacity:.65}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:18px}.login-card{padding:28px}}:root{font-family:Inter,Be Vietnam Pro,Roboto,sans-serif;color:#172033;background:#f5f9ff;font-synthesis:none;--color-primary: #3b82f6;--color-primary-light: #dbeafe;--color-background: #f5f9ff;--color-surface: #ffffff;--color-text: #172033;--color-text-secondary: #64748b;--color-border: #dde7f2;--color-safe: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--radius-card: 16px;--radius-button: 10px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-background)}button{font:inherit}button:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}button,a{-webkit-tap-highlight-color:transparent}svg{width:20px;height:20px;stroke-width:2}.realtime-alert-toast,.alert-sound-permission{position:fixed;z-index:3400;right:22px;width:min(390px,calc(100vw - 28px));padding:14px 16px;border:1px solid var(--border-default,#dde7f2);border-radius:15px;background:var(--bg-surface,#fff);color:var(--text-primary,#172033);display:flex;align-items:center;gap:12px;box-shadow:0 18px 48px #0f172a33;animation:alertNoticeIn .2s ease-out}.realtime-alert-toast{top:84px;border-color:#f6c453}.realtime-alert-toast>svg{flex:0 0 auto;color:#d97706}.realtime-alert-toast span,.alert-sound-permission span{min-width:0;flex:1}.realtime-alert-toast strong,.realtime-alert-toast small,.alert-sound-permission strong,.alert-sound-permission small{display:block}.realtime-alert-toast small,.alert-sound-permission small{margin-top:3px;color:var(--text-secondary,#64748b);font-size:12px;line-height:1.4}.alert-sound-permission{top:166px}.alert-sound-permission.standalone{top:84px}.alert-sound-permission>svg{flex:0 0 auto;color:#d97706}.alert-sound-permission button{flex:0 0 auto;padding:8px 10px;border:0;border-radius:9px;background:var(--primary,#2563eb);color:#fff;font-weight:700;cursor:pointer}@keyframes alertNoticeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.realtime-alert-toast,.alert-sound-permission{left:14px;right:14px;width:auto}.realtime-alert-toast{top:74px}.alert-sound-permission{top:154px;align-items:flex-start}.alert-sound-permission.standalone{top:74px}.alert-sound-permission button{align-self:center}}.app-shell{min-height:100vh;display:block}.forbidden-page{min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-primary)}.forbidden-page>svg{width:52px;height:52px;color:#d97706}.forbidden-page h1{margin:16px 0 0;font-size:48px}.forbidden-page h2{margin:4px 0 8px}.forbidden-page p{margin:0;color:var(--text-secondary)}.sidebar{position:fixed;left:0;top:0;width:252px;height:100vh;height:100dvh;padding:28px 18px 22px;background:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand-link{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--color-primary);color:#fff}.brand-mark svg{width:25px;height:25px}.brand strong{display:block;font-size:20px;color:#195db8}.brand small,.profile small{display:block;color:var(--color-text-secondary);margin-top:2px;font-size:14px}nav{display:grid;gap:6px}.nav-item{width:100%;border:0;border-radius:12px;background:transparent;padding:13px 14px;display:flex;align-items:center;gap:13px;color:#5c6c82;font-size:15px;font-weight:600;cursor:pointer;text-align:left;text-decoration:none;transition:.18s ease}.nav-item:hover{background:#f1f7ff;color:#2563b8}.nav-item.active{color:#1d67c6;background:var(--color-primary-light)}.nav-badge{margin-left:auto;min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--color-danger);color:#fff;font-size:14px}.privacy-note{margin-top:auto;display:flex;gap:10px;padding:15px;border:1px solid #cfe0f5;border-radius:14px;background:#f4f9ff;color:#2563a8}.privacy-note strong{display:block;font-size:14px}.privacy-note span{display:block;margin-top:4px;color:var(--color-text-secondary);font-size:14px;line-height:1.45}.main-content{min-width:0;margin-left:252px;padding-top:76px}.topbar{height:76px;padding:0 34px;display:flex;align-items:center;gap:20px;background:#fffffff5;border-bottom:1px solid var(--color-border);position:fixed;left:252px;right:0;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.route-content{min-height:calc(100dvh - 76px);width:100%}.topbar-spacer{flex:1}.profile{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--color-border)}.topbar-protection{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid #ccebd6;border-radius:999px;background:#effaf3;color:#17813d;font-size:12px;font-weight:750;white-space:nowrap}.topbar-protection svg{width:16px;height:16px}.profile strong{display:block;font-size:15px}.avatar{display:grid;place-items:center;border-radius:50%;background:#d9eaff;color:#1e5eaa;font-weight:700;flex:0 0 auto}.avatar.small{width:40px;height:40px}.avatar.large{width:72px;height:72px;font-size:25px;background:#e5f0ff;border:4px solid #fff;box-shadow:0 0 0 1px var(--color-border)}.notification-button,.icon-button{position:relative;border:1px solid var(--color-border);background:#fff;color:#53637a;border-radius:11px;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.notification-button span{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--color-danger);border:2px solid white}.menu-button{display:none}.app-shell.desktop-layout .sidebar{transform:none;pointer-events:auto}.app-shell.desktop-layout .main-content{margin-left:252px}.app-shell.desktop-layout .topbar{left:252px}.app-shell.desktop-layout .menu-button{display:none}.app-shell.mobile-layout .sidebar{width:270px;transform:translate(-105%);pointer-events:none;transition:transform .22s ease}.app-shell.mobile-layout .sidebar.is-open{transform:translate(0);pointer-events:auto;z-index:1100}.app-shell.mobile-layout .main-content{margin-left:0}.app-shell.mobile-layout .topbar{left:0}.app-shell.mobile-layout .menu-button{display:grid}.app-shell.mobile-layout .main-content{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-shell>.mobile-bottom-nav{position:fixed;inset:auto 0 0 0;width:100%;min-width:0;z-index:1000;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--color-border);box-shadow:0 -8px 28px #2d537e1a;margin:0}.app-shell>.mobile-bottom-nav button,.app-shell>.mobile-bottom-nav a{min-width:0;min-height:54px;padding:4px 2px;overflow:hidden;border:0;border-radius:10px;background:transparent;color:#66778e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none}.app-shell>.mobile-bottom-nav button>span:last-child,.app-shell>.mobile-bottom-nav a>span:last-child{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.app-shell>.mobile-bottom-nav button.active,.app-shell>.mobile-bottom-nav a.active{color:#1d67c6;background:#e8f2ff}.page-placeholder{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b}.page-placeholder>svg{width:42px;height:42px;color:#3b82f6}.page-placeholder h2{margin:14px 0 6px;color:#172033}.page-placeholder p{max-width:480px;margin:0;line-height:1.6}.page-wrap{max-width:1480px;margin:0 auto;padding:34px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading h1{margin:5px 0 8px;font-size:clamp(27px,3vw,34px);line-height:1.2;letter-spacing:-.025em}.page-heading>div>p:last-child{margin:0;color:var(--color-text-secondary);font-size:16px}.eyebrow{margin:0;color:#5d7998;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.system-banner{background:#effbf3;border:1px solid #bce9c9;border-radius:var(--radius-card);padding:20px 22px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 26px #3668940f}.system-banner h2{margin:0 0 5px;font-size:19px}.system-banner p{margin:0;color:#557063;font-size:15px}.system-banner .status-label{margin-left:auto}.status-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto}.status-icon.safe{background:#d9f7e3;color:#14833a}.status-icon.danger{background:#ffe4e4;color:#d62d2d}.status-label{width:fit-content;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:14px;font-weight:700;white-space:nowrap}.status-label svg{width:16px;height:16px}.status-label.safe{color:#16783a;background:#dcf8e5}.status-label.warning{color:#9a5b00;background:#fff0cc}.status-label.danger{color:#b62424;background:#ffe0e0}.status-label.pending{color:#1e63b5;background:#e1eeff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.stat-card,.section-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 10px 28px #36689411}.stat-card{padding:20px;display:flex;align-items:center;gap:15px}.stat-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto}.stat-icon.blue{background:#e3efff;color:#2872cc}.stat-icon.green{background:#e1f8e8;color:#168742}.stat-icon.orange{background:#fff0d6;color:#b86700}.stat-card p{margin:0 0 3px;color:var(--color-text-secondary);font-size:14px;font-weight:600}.stat-card strong{display:inline-block;margin-right:10px;font-size:31px;line-height:1.15}.stat-card span:last-child{color:var(--color-text-secondary);font-size:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:20px;align-items:start}.content-column{display:grid;gap:20px}.section-card{padding:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.section-heading h2{margin:4px 0 0;font-size:20px}.text-button{border:0;background:transparent;color:#2770c5;display:flex;align-items:center;font-weight:700;cursor:pointer}.text-button svg{width:18px}.family-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px;border:1px solid #e0eaf5;border-radius:14px;background:#fafdff}.family-info{min-width:0}.name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.name-row h3{margin:0;font-size:19px}.family-info p{margin:10px 0 7px;color:#45586f;font-size:15px;line-height:1.55;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.family-info p svg,.muted svg{width:17px;height:17px}.muted{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:14px}.secondary-button,.safe-button,.danger-button,.full-width-button{border-radius:var(--radius-button);min-height:43px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.secondary-button:hover,.safe-button:hover,.danger-button:hover{transform:translateY(-1px)}.secondary-button{border:1px solid #bed2e9;background:#fff;color:#285e9d}.secondary-button.compact{min-height:40px}.safe-button{border:1px solid #1a9349;background:#1f9d50;color:#fff}.danger-button{border:1px solid #d93636;background:#e84545;color:#fff}.full-width-button{width:100%;border:1px solid #bed2e9;background:#f5f9ff;color:#2567b3;margin-top:18px}.fall-alert{padding:23px;border-radius:var(--radius-card);border:1px solid #f1a7a7;background:#fff7f7;box-shadow:0 10px 28px #b6242412}.fall-alert.state-safe{border-color:#a8dfb8;background:#f5fcf7}.fall-alert.state-help{border-color:#f0c16e;background:#fffaf0}.fall-title-row{display:flex;align-items:center;gap:14px}.fall-title-row h2{margin:3px 0 0;font-size:21px;text-transform:uppercase}.fall-title-row .status-label{margin-left:auto}.danger-text{color:#c93232}.fall-details{display:flex;flex-wrap:wrap;gap:12px 22px;margin:20px 0 12px}.fall-details span{display:flex;align-items:center;gap:7px;color:#4e5f74;font-size:15px;font-weight:600}.fall-description{margin:0;color:#4d5e72;font-size:15px;line-height:1.65}.alert-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.recent-panel{position:sticky;top:96px}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #e7edf5}.timeline-item:last-child{border-bottom:0}.timeline-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.timeline-icon.danger{color:#c33;background:#ffe8e8}.timeline-icon.warning{color:#a56100;background:#fff1d8}.timeline-icon.safe{color:#1b8242;background:#e3f8e9}.timeline-icon.blue{color:#286dbd;background:#e5f0ff}.timeline-title{display:flex;justify-content:space-between;gap:10px}.timeline-title h3{margin:0;font-size:16px}.timeline-title time{color:var(--color-text-secondary);font-size:14px}.timeline-item p{margin:5px 0 9px;color:var(--color-text-secondary);font-size:14px}.elder-screen{min-height:100vh;padding:24px;display:grid;place-items:center;background:#f5f9ff}.elder-card{width:min(720px,100%);text-align:center;padding:clamp(30px,6vw,60px);border-radius:24px;border:2px solid #f2a5a5;background:#fff;box-shadow:0 20px 60px #25528421}.elder-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:24px;display:grid;place-items:center;color:#c92f2f;background:#ffe4e4}.elder-icon svg{width:42px;height:42px}.elder-card h1{max-width:600px;margin:10px auto 14px;font-size:clamp(30px,5vw,45px);line-height:1.25}.elder-help{max-width:550px;margin:0 auto 30px;color:#52647a;font-size:19px;line-height:1.6}.elder-safe-button{width:100%;min-height:88px;border:0;border-radius:16px;background:#168941;color:#fff;font-size:clamp(20px,3vw,26px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 9px #0e642f}.elder-safe-button:active{transform:translateY(5px);box-shadow:0 4px #0e642f}.elder-safe-button svg{width:32px;height:32px}.audio-placeholder{margin-top:28px;display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:15px}.scrim,.mobile-bottom-nav{display:none}.overview-route{height:calc(100dvh - 76px);overflow:hidden}.overview-route .page-wrap{height:100%;padding-top:20px;padding-bottom:20px}.overview-route .page-heading{margin-bottom:16px}.overview-route .system-banner{padding:15px 18px}.overview-route .stats-grid{margin:14px 0;gap:14px}.overview-route .stat-card{padding:15px 17px}.overview-route .dashboard-grid{gap:14px}.overview-route .dashboard-grid{grid-template-columns:1fr}.overview-route .content-column{gap:14px}.overview-route .fall-alert{padding:18px}.overview-route .recent-panel{top:88px;max-height:calc(100dvh - 330px);overflow:hidden}@media (max-width: 1120px){.dashboard-grid{grid-template-columns:1fr}.recent-panel{position:static}.family-card{grid-template-columns:auto 1fr}.family-card>button{grid-column:2;width:fit-content}}@media (max-width: 860px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translate(-105%);transition:transform .22s ease;width:270px}.sidebar.is-open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#1720336b;z-index:1050}.menu-button{display:grid}.main-content{margin-left:0;padding-top:76px}.topbar{left:0;padding:0 20px}.page-wrap{padding:25px 20px}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr}}@media (max-width: 600px){body{padding-bottom:0;overflow-x:hidden}.app-shell{min-height:100dvh}.main-content{margin-left:0;padding-top:64px;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.route-content{min-height:calc(100dvh - 64px)}.topbar{height:64px;padding:0 14px;gap:10px}.menu-button,.notification-button{width:44px;height:44px}.profile>span:last-child{display:none}.profile{padding-left:0;border-left:0}.page-wrap{padding:20px 14px 28px}.page-heading{margin-bottom:20px;gap:18px}.page-heading h1{font-size:27px}.page-heading>div>p:last-child{line-height:1.55}.system-banner{padding:18px}.system-banner{align-items:flex-start;flex-wrap:wrap}.system-banner>div{flex:1;min-width:190px}.system-banner .status-label{margin-left:60px}.stats-grid{gap:12px;margin:14px 0}.stat-card{padding:17px}.stat-icon{width:48px;height:48px}.section-card,.fall-alert{padding:18px}.section-heading{align-items:flex-start}.section-heading .text-button{min-height:44px}.family-card{grid-template-columns:1fr;text-align:center;justify-items:center}.family-info p,.muted,.name-row{justify-content:center}.family-card>button{grid-column:1}.family-card>button{width:100%;min-height:48px}.fall-title-row{align-items:flex-start;flex-wrap:wrap}.fall-title-row>div{flex:1;min-width:190px}.fall-title-row h2{font-size:19px;line-height:1.35}.fall-title-row .status-label{margin-left:0;white-space:normal}.fall-details{display:grid;gap:10px}.fall-description{font-size:16px}.alert-actions>button{width:100%}.alert-actions>button{min-height:52px;font-size:16px}.page-heading .secondary-button{width:100%}.timeline-item{padding:17px 0}.timeline-title{align-items:flex-start}.full-width-button{min-height:48px}.mobile-bottom-nav svg{width:22px;height:22px}.mobile-nav-icon{position:relative;display:grid;place-items:center}.mobile-nav-badge{position:absolute;top:-7px;right:-10px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--color-danger);border:2px solid #fff;font-size:14px;line-height:1}.elder-screen{padding:14px}.elder-card{padding:30px 18px;border-radius:18px}.elder-card h1{font-size:30px}.elder-help{font-size:18px}.elder-safe-button{min-height:96px;font-size:21px;padding:16px}.overview-route{height:calc(100dvh - 142px - env(safe-area-inset-bottom));overflow:hidden}.overview-route .page-wrap{padding:8px 10px;overflow:hidden}.overview-route .page-heading{margin-bottom:8px;gap:4px}.overview-route .page-heading .eyebrow,.overview-route .page-heading>div>p:last-child{display:none}.overview-route .page-heading h1{margin:0;font-size:21px;line-height:1.2}.overview-route .system-banner{padding:10px 12px;gap:9px;border-radius:12px}.overview-route .system-banner .status-icon{width:36px;height:36px;border-radius:10px}.overview-route .system-banner h2{margin:0;font-size:16px}.overview-route .system-banner p,.overview-route .system-banner .status-label{display:none}.overview-route .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.overview-route .stat-card{min-width:0;padding:9px 6px;gap:5px;flex-direction:column;align-items:flex-start}.overview-route .stat-card>div{min-width:0;width:100%}.overview-route .stat-icon{width:32px;height:32px;border-radius:9px}.overview-route .stat-icon svg{width:18px;height:18px}.overview-route .stat-card p{width:100%;min-height:35px;margin-bottom:2px;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.overview-route .stat-card strong{font-size:23px;margin:0}.overview-route .stat-card span:last-child{display:none}.overview-route .dashboard-grid{display:block}.overview-route .recent-panel{display:none}.overview-route .fall-alert{padding:11px;border-radius:12px}.overview-route .fall-title-row{gap:8px}.overview-route .fall-title-row .status-icon{width:36px;height:36px;border-radius:10px}.overview-route .fall-title-row .eyebrow{display:none}.overview-route .fall-title-row h2{margin:0;font-size:16px}.overview-route .fall-title-row .status-label{width:100%;margin:4px 0 0 44px;padding:5px 8px;font-size:14px}.overview-route .fall-details{display:flex;margin:8px 0;gap:6px 12px}.overview-route .fall-details span{font-size:14px}.overview-route .fall-description{margin:0;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overview-route .alert-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}.overview-route .alert-actions>button{min-width:0;min-height:46px;padding:5px;font-size:14px;line-height:1.15}.overview-route .alert-actions svg{width:18px;height:18px;flex:0 0 auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{font-size:clamp(14px,.25vw + 13px,16px)}.page-heading h1{font-size:clamp(21px,2.2vw,34px)}.system-banner h2,.section-heading h2{font-size:clamp(16px,1.25vw,20px)}.stat-card strong{font-size:clamp(23px,2.2vw,32px)}.fall-title-row h2{font-size:clamp(16px,1.45vw,21px)}.nav-item,button,input,select{font-size:clamp(14px,.2vw + 13px,16px)}html,body,#root{height:100%;min-height:0;overflow:hidden}.app-shell,.main-content{height:100dvh;min-height:0;overflow:hidden}.route-content{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.route-content.overview-route{overflow-y:auto}.app-shell.alerts-active .route-content{overflow:hidden;scrollbar-gutter:auto}@media (max-width: 600px){.main-content{height:100dvh;padding-top:64px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.route-content{height:100%;min-height:0}.topbar-protection{min-height:30px;padding:0 8px;font-size:10px}.topbar-protection svg{width:14px;height:14px}}@media (min-width: 861px){.app-shell.desktop-layout .sidebar{width:76px;padding:22px 10px 18px;overflow:hidden;transition:width .22s ease,box-shadow .22s ease}.app-shell.desktop-layout .sidebar:hover,.app-shell.desktop-layout .sidebar:focus-within{width:252px;box-shadow:12px 0 30px #274a711f}.app-shell.desktop-layout .brand{width:232px;gap:12px;padding:0 6px 28px}.app-shell.desktop-layout .brand-mark{flex:0 0 44px}.app-shell.desktop-layout .brand>span:last-child,.app-shell.desktop-layout .nav-item>span,.app-shell.desktop-layout .nav-badge,.app-shell.desktop-layout .privacy-note{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}.app-shell.desktop-layout .sidebar:hover .brand>span:last-child,.app-shell.desktop-layout .sidebar:focus-within .brand>span:last-child,.app-shell.desktop-layout .sidebar:hover .nav-item>span,.app-shell.desktop-layout .sidebar:focus-within .nav-item>span,.app-shell.desktop-layout .sidebar:hover .nav-badge,.app-shell.desktop-layout .sidebar:focus-within .nav-badge,.app-shell.desktop-layout .sidebar:hover .privacy-note,.app-shell.desktop-layout .sidebar:focus-within .privacy-note{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.08s}.app-shell.desktop-layout .nav-item{width:232px;min-height:48px;padding:12px 14px;white-space:nowrap}.app-shell.desktop-layout .nav-item>svg{flex:0 0 20px}.app-shell.desktop-layout .privacy-note{width:232px}.app-shell.desktop-layout .main-content{margin-left:76px}.app-shell.desktop-layout .topbar{left:76px}}.floating-assistant{position:fixed;z-index:1200;right:24px;bottom:24px;width:66px;height:66px;pointer-events:none}.assistant-pet{position:absolute;top:0;right:0;bottom:0;left:0;width:66px;height:66px;border:0;border-radius:24px 24px 28px 28px;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;filter:drop-shadow(0 12px 16px rgba(37,99,235,.25));animation:petFloat 3.2s ease-in-out infinite}.has-urgent-alert .assistant-pet:before,.has-urgent-alert .assistant-pet:after{content:"";position:absolute;z-index:-1;top:-5px;right:-5px;bottom:-5px;left:-5px;border:3px solid #ef4444;border-radius:28px;pointer-events:none;animation:urgentPetRing 1.25s ease-out infinite}.has-urgent-alert .assistant-pet:after{animation-delay:.62s}.has-urgent-alert .pet-body{animation:urgentPetBody 1.25s ease-in-out infinite}.has-urgent-alert .pet-chat-mark{color:#dc2626}.has-urgent-alert .pet-alert-badge{animation:urgentBadgePulse .75s ease-in-out infinite alternate}.pet-glow{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:#60a5fa57;filter:blur(8px);animation:petGlow 2.4s ease-in-out infinite}.pet-body{position:absolute;top:5px;right:5px;bottom:5px;left:5px;display:grid;place-items:center;border:3px solid rgba(255,255,255,.9);border-radius:22px 22px 27px 27px;background:#3b82f6;color:#fff;box-shadow:inset 0 -7px #1956bb33}.pet-body>svg{width:29px;height:29px;transform:translateY(4px)}.pet-eye{position:absolute;top:15px;width:4px;height:5px;border-radius:50%;background:#fff;animation:petBlink 4s infinite}.pet-eye.left{left:20px}.pet-eye.right{right:20px}.pet-status{position:absolute;right:3px;bottom:5px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#22c55e}.pet-chat-mark{position:absolute;right:-3px;top:-4px;width:22px;height:22px;padding:4px;border-radius:9px;background:#fff;color:#2563eb;box-shadow:0 4px 12px #1e40af33}.assistant-nudge{margin-bottom:13px;padding:8px 11px;border:1px solid #d8e5f3;border-radius:12px 12px 3px;background:#fff;color:#52657b;font-size:13px;font-weight:600;box-shadow:0 8px 22px #2c50781f;pointer-events:none;animation:nudgeAppear 7s ease both}.assistant-nudge.urgent{border-color:#f6b7b7;background:#fff5f5;color:#c92f2f;animation:nudgeUrgent 2.2s ease-in-out infinite}.pet-alert-badge{position:absolute;z-index:3;left:-5px;top:-7px;min-width:22px;height:22px;padding:0 5px;border:3px solid #fff;border-radius:999px;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:0 4px 10px #ef44444d}.assistant-popover{width:min(320px,calc(100vw - 32px));margin-bottom:8px;overflow:hidden;border:1px solid #d6e3f1;border-radius:18px;background:#fff;box-shadow:0 20px 55px #1e406933;pointer-events:auto;transform-origin:bottom right;animation:popoverIn .2s ease-out}.assistant-popover header{height:64px;padding:0 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e5edf5}.assistant-popover-avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#3b82f6;color:#fff}.assistant-popover-avatar svg{width:22px}.assistant-popover header div{min-width:0;flex:1}.assistant-popover header strong,.assistant-popover header small{display:block}.assistant-popover header strong{font-size:15px}.assistant-popover header small{margin-top:2px;color:#64748b;font-size:12px}.assistant-popover header small i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#22c55e}.assistant-popover header button{width:34px;height:34px;border:0;border-radius:9px;background:#f1f5f9;color:#64748b}.assistant-greeting{margin:14px;padding:12px;display:flex;align-items:flex-start;gap:9px;border-radius:12px;background:#eff6ff;color:#2563b8}.assistant-greeting>svg{width:18px;flex:0 0 auto}.assistant-greeting p{margin:0}.assistant-greeting strong,.assistant-greeting span{display:block}.assistant-greeting strong{font-size:14px}.assistant-greeting span{margin-top:4px;color:#52657b;font-size:13px;line-height:1.45}.assistant-suggestions{padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.assistant-suggestions button{min-width:0;min-height:62px;padding:9px;border:1px solid #d7e3ef;border-radius:11px;background:#fff;color:#285e9d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:13px;font-weight:700}.assistant-suggestions button:hover{border-color:#9fc4ef;background:#f5f9ff}.assistant-urgent-alert{width:calc(100% - 28px);margin:0 14px 12px;padding:11px;border:1px solid #f5b9b9;border-radius:12px;background:#fff7f7;color:#172033;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;cursor:pointer}.urgent-alert-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ffe1e1;color:#d93636}.urgent-alert-icon svg{width:19px}.assistant-urgent-alert span:nth-child(2){min-width:0}.assistant-urgent-alert small,.assistant-urgent-alert strong,.assistant-urgent-alert em{display:block}.assistant-urgent-alert small{color:#c93232;font-size:11px;font-weight:700}.assistant-urgent-alert strong{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.assistant-urgent-alert em{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:11px;font-style:normal}.assistant-urgent-alert>b{color:#c93232;font-size:11px;white-space:nowrap}@keyframes petFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes petGlow{50%{transform:scale(1.12);opacity:.6}}@keyframes petBlink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes popoverIn{0%{opacity:0;transform:translateY(10px) scale(.96)}}@keyframes nudgeAppear{0%,8%{opacity:0;transform:translate(8px)}14%,72%{opacity:1;transform:none}82%,to{opacity:0}}@keyframes nudgeUrgent{50%{transform:translateY(-3px);box-shadow:0 10px 25px #ef44442e}}@keyframes urgentPetRing{0%{opacity:.95;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@keyframes urgentPetBody{0%,to{box-shadow:inset 0 -7px #1956bb33,0 0 #ef444400}50%{box-shadow:inset 0 -7px #1956bb33,0 0 22px #ef4444cc}}@keyframes urgentBadgePulse{to{transform:scale(1.18);background:#b91c1c}}@media (max-width:600px){.floating-assistant{right:14px;bottom:calc(84px + env(safe-area-inset-bottom))}.assistant-pet{width:58px;height:58px}.pet-body>svg{width:25px;height:25px}.pet-eye{top:13px}.pet-eye.left{left:18px}.pet-eye.right{right:18px}.assistant-nudge{display:none}.assistant-popover{position:absolute;right:0;bottom:64px;margin:0}.alerts-conversation-open .floating-assistant{bottom:calc(148px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.assistant-pet,.pet-glow,.pet-eye,.assistant-nudge,.assistant-popover{animation:none}}.floating-assistant .assistant-nudge{position:absolute;right:76px;bottom:13px;width:max-content;margin:0}.floating-assistant .assistant-popover{position:absolute;right:0;bottom:74px;margin:0}.floating-assistant.open-right .assistant-nudge{left:76px;right:auto}.floating-assistant.open-right .assistant-popover{left:0;right:auto}.floating-assistant.open-below .assistant-popover{top:74px;bottom:auto;transform-origin:top left}.floating-assistant.is-dragging .assistant-pet{cursor:grabbing;animation:none}.floating-assistant.is-dragging .assistant-nudge{display:none}@media (max-width:600px){.floating-assistant,.floating-assistant .assistant-pet{width:58px;height:58px}.floating-assistant .assistant-popover{bottom:66px}.floating-assistant.open-below .assistant-popover{top:66px;bottom:auto}.floating-assistant.open-right .assistant-popover{left:0;right:auto}}.companion-peek{position:absolute;right:0;bottom:76px;width:min(300px,calc(100vw - 24px));padding:16px;border:1px solid #e1e8f0;border-radius:18px;background:#fff;box-shadow:0 18px 48px #17203329;pointer-events:auto;animation:companionPeekIn .2s ease-out}.open-right .companion-peek{left:0;right:auto}.open-below .companion-peek{top:76px;bottom:auto}.companion-peek header{display:flex;align-items:center;gap:9px}.companion-peek header>span{width:34px;height:34px;border-radius:11px;background:#eaf3ff;color:#2563eb;display:grid;place-items:center}.companion-peek header svg{width:19px}.companion-peek header strong{font-size:14px}.companion-peek p{margin:12px 0;color:#526174;font-size:13px;line-height:1.5}.companion-peek>div{display:flex;gap:8px}.companion-peek button{min-height:38px;padding:8px 11px;border:1px solid #dce5ef;border-radius:11px;background:#fff;color:#526174;font-weight:700}.companion-peek .peek-primary{border-color:#3b82f6;background:#3b82f6;color:#fff}.companion-backdrop{position:fixed;z-index:1250;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a2e;pointer-events:auto;animation:companionFadeIn .18s ease-out}.companion-panel{position:fixed;z-index:1260;right:0;top:0;width:min(410px,100vw);height:100dvh;background:#f7f9fc;display:grid;grid-template-rows:76px minmax(0,1fr) auto;pointer-events:auto;box-shadow:-22px 0 60px #0f172a29;animation:companionPanelIn .22s ease-out}.companion-panel>header{padding:0 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e8eef6;background:#fff}.companion-avatar{width:44px;height:44px;border-radius:14px;background:#3b82f6;color:#fff;display:grid;place-items:center}.companion-avatar svg{width:24px}.companion-panel>header>div{min-width:0;flex:1}.companion-panel header strong,.companion-panel header small{display:block}.companion-panel header strong{font-size:16px}.companion-panel header small{margin-top:3px;color:#64748b;font-size:12px}.companion-panel header small i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#22c55e}.companion-panel>header button{width:38px;height:38px;border:0;border-radius:11px;background:#f1f5f9;color:#64748b}.companion-panel>header button svg{width:18px}.companion-body{min-height:0;padding:18px;overflow-y:auto;overscroll-behavior:contain}.companion-intro{margin-bottom:14px;padding:16px;border-radius:18px;background:#eef6ff;display:flex;align-items:flex-start;gap:11px;color:#2563b8}.companion-intro>svg{width:20px;flex:0 0 auto}.companion-intro strong{font-size:15px}.companion-intro p{margin:5px 0 0;color:#526174;font-size:13px;line-height:1.5}.companion-card{margin-bottom:10px;padding:15px;border:1px solid #e6ecf3;border-radius:17px;background:#fff;display:flex;align-items:flex-start;gap:12px;transition:transform .15s ease-out,box-shadow .15s ease-out}.companion-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px #1720330e}.companion-card>span{width:40px;height:40px;flex:0 0 auto;border-radius:13px;background:#edf5ff;color:#2563eb;display:grid;place-items:center}.companion-card>span svg{width:20px}.companion-card>div{min-width:0;flex:1}.companion-card strong{font-size:14px}.companion-card p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.45}.companion-card button{margin-top:10px;padding:0;border:0;background:transparent;color:#2563b8;font-size:12px;font-weight:750}.companion-card.danger{border-color:#f4d1d1;background:snow}.companion-card.danger>span{background:#ffe8e8;color:#dc3636}.companion-card.safe{border-color:#d8ebdf;background:#f8fcf9}.companion-card.safe>span{background:#e7f8ed;color:#168941}.companion-reply{margin:14px 0 0;padding:13px;border-radius:14px;background:#eef6ff;color:#42536a;font-size:13px;line-height:1.5}.companion-panel>footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:end;gap:8px;border-top:1px solid #e8eef6;background:#fff}.companion-panel textarea{width:100%;max-height:92px;resize:none;padding:12px 13px;border:1px solid #dce5ef;border-radius:13px;outline:0;font:inherit}.companion-panel textarea:focus{border-color:#8db9ed;box-shadow:0 0 0 3px #dbeafe}.companion-panel footer button{width:43px;height:43px;flex:0 0 auto;border:0;border-radius:13px;background:#3b82f6;color:#fff;display:grid;place-items:center}.companion-panel footer button:disabled{opacity:.4}.companion-panel footer svg{width:19px}@keyframes companionPeekIn{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes companionFadeIn{0%{opacity:0}}@keyframes companionPanelIn{0%{transform:translate(100%)}}@media (max-width:600px){.companion-peek{bottom:66px}.open-below .companion-peek{top:66px;bottom:auto}.companion-backdrop{background:#0f172a57}.companion-panel{left:0;right:0;top:auto;bottom:0;width:100%;height:min(82dvh,760px);border-radius:24px 24px 0 0;box-shadow:0 -20px 55px #0f172a2e;animation:companionSheetIn .24s ease-out}.companion-panel:before{content:"";position:absolute;left:50%;top:8px;width:42px;height:4px;border-radius:999px;background:#cbd5e1;transform:translate(-50%)}.companion-panel>header{height:70px;padding-top:6px;border-radius:24px 24px 0 0}.companion-body,.companion-intro{padding:14px}.companion-card{padding:13px}.companion-panel>footer{padding-left:12px;padding-right:12px}@keyframes companionSheetIn{0%{transform:translateY(100%)}}}.companion-panel{grid-template-rows:76px minmax(0,1fr)}.companion-help{margin-top:12px;padding:14px;border:1px solid #dfe8f2;border-radius:17px;background:#fff}.companion-help-suggestions{display:flex;flex-wrap:wrap;gap:7px}.companion-help-suggestions button{padding:7px 9px;border:1px solid #dce6f1;border-radius:10px;background:#f8fbff;color:#315f93;font-size:11px;text-align:left}.companion-help>p{margin:12px 0 0;padding:11px;border-radius:12px;background:#eef6ff;color:#42536a;font-size:13px;line-height:1.55;white-space:pre-line}.companion-help-input{margin-top:12px;display:flex;gap:7px}.companion-help-input input{width:100%;min-width:0;height:42px;padding:0 11px;border:1px solid #dce5ef;border-radius:11px;outline:0}.companion-help-input input:focus{border-color:#8db9ed;box-shadow:0 0 0 3px #dbeafe}.companion-help-input button{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:11px;background:#3b82f6;color:#fff;display:grid;place-items:center}.companion-help-input button:disabled{opacity:.4}.companion-help-input svg{width:17px}.companion-conversation{padding:0;overflow:hidden}.companion-welcome{padding:15px}.companion-welcome>strong{display:block;margin-bottom:11px;font-size:14px}.companion-help-messages{max-height:390px;min-height:120px;padding:15px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;background:#f8fafc}.companion-message{margin-bottom:14px;display:flex;align-items:flex-end;gap:8px;animation:companionMessageIn .18s ease-out}.companion-message.user{justify-content:flex-end}.companion-message-avatar{width:27px;height:27px;flex:0 0 auto;border-radius:9px;background:#3b82f6;color:#fff;display:grid;place-items:center}.companion-message-avatar svg{width:15px}.companion-message>div{max-width:82%}.companion-message header{margin-bottom:4px;display:flex;align-items:center;gap:8px}.companion-message.user header{justify-content:flex-end}.companion-message header strong{font-size:11px}.companion-message time{color:#94a3b8;font-size:10px}.companion-message>div>p{margin:0;padding:10px 12px;border-radius:5px 14px 14px;background:#eef6ff;color:#3f5066;font-size:12px;line-height:1.55;white-space:pre-line}.companion-message.user>div>p{border-radius:14px 14px 5px;background:#3b82f6;color:#fff}.companion-followups{margin-top:8px}.companion-followups small{display:block;margin-bottom:6px;color:#7b8797;font-size:10px}.companion-followups>div{display:flex;flex-wrap:wrap;gap:5px}.companion-followups button{padding:5px 7px;border:1px solid #d7e4f2;border-radius:8px;background:#fff;color:#315f93;font-size:10px}.companion-message.typing>div>p{display:flex;gap:4px;padding:12px 14px}.companion-message.typing p i{width:6px;height:6px;border-radius:50%;background:#6f86a0;animation:companionTyping .8s ease-in-out infinite}.companion-message.typing p i:nth-child(2){animation-delay:.12s}.companion-message.typing p i:nth-child(3){animation-delay:.24s}.companion-conversation .companion-help-input{margin:0;padding:11px;border-top:1px solid #e7edf4;background:#fff}@keyframes companionMessageIn{0%{opacity:0;transform:translateY(6px)}}@keyframes companionTyping{50%{transform:translateY(-3px);opacity:.5}}@media (max-width:600px){.companion-help-messages{max-height:42dvh}.companion-message>div{max-width:86%}}.auth-loading{min-height:100vh;display:grid;place-items:center;color:#64748b;background:#f6f8fb}.logout-button{border:0;background:transparent;color:#64748b;display:flex;align-items:center;gap:6px;padding:8px;border-radius:9px;cursor:pointer}.logout-button:hover{background:#eef4fa;color:#285f98}.logout-button svg{width:17px}.logout-button span{font-size:12px;font-weight:700}@media (max-width:620px){.logout-button span{display:none}}:root{--shell-sidebar-wide: 252px;--shell-sidebar-rail: 76px;--shell-header-height: 76px;--shell-page-max: 1480px;--shell-page-padding: clamp(20px, 2.25vw, 34px);--shell-section-gap: clamp(16px, 1.5vw, 24px)}.mobile-brand{display:none}.sidebar,.topbar,.mobile-bottom-nav{background:var(--bg-surface);border-color:var(--border-default)}.sidebar{width:var(--shell-sidebar-wide)}.main-content{margin-left:var(--shell-sidebar-wide)}.topbar{left:var(--shell-sidebar-wide)}.route-content{scrollbar-gutter:auto}.page-wrap{width:100%;max-width:var(--shell-page-max);padding:var(--shell-page-padding)}.page-heading,.ui-page-header{margin-bottom:var(--shell-section-gap)}.nav-item{position:relative;min-width:0}.nav-item>span:not(.nav-badge){min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-badge{max-width:44px;padding:0 7px;flex:0 0 auto;overflow:hidden;font-size:12px}@media (min-width: 1280px){.app-shell.desktop-layout .sidebar,.app-shell.desktop-layout .sidebar:hover,.app-shell.desktop-layout .sidebar:focus-within{width:var(--shell-sidebar-wide);padding:28px 18px 22px;overflow:visible;box-shadow:none}.app-shell.desktop-layout .brand{width:100%;padding:0 10px 30px}.app-shell.desktop-layout .nav-item{width:100%}.app-shell.desktop-layout .privacy-note{width:auto}.app-shell.desktop-layout .brand>span:last-child,.app-shell.desktop-layout .nav-item>span,.app-shell.desktop-layout .nav-badge,.app-shell.desktop-layout .privacy-note{opacity:1;visibility:visible;pointer-events:auto}.app-shell.desktop-layout .main-content{margin-left:var(--shell-sidebar-wide)}.app-shell.desktop-layout .topbar{left:var(--shell-sidebar-wide)}}@media (min-width: 768px) and (max-width: 1279px){.app-shell.desktop-layout .sidebar,.app-shell.desktop-layout .sidebar:hover,.app-shell.desktop-layout .sidebar:focus-within{width:var(--shell-sidebar-rail);padding:22px 10px 18px;overflow:visible;box-shadow:none;transform:none}.app-shell.desktop-layout .brand{width:56px;padding:0 6px 28px}.app-shell.desktop-layout .brand>span:last-child,.app-shell.desktop-layout .nav-item>span:not(.nav-badge),.app-shell.desktop-layout .privacy-note{display:none}.app-shell.desktop-layout .nav-item{width:56px;min-height:48px;padding:12px 18px;overflow:visible}.app-shell.desktop-layout .nav-item:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;z-index:100;width:max-content;max-width:220px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-inverse);background:var(--text-primary);box-shadow:var(--shadow-md);font-size:12px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(4px,-50%);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.app-shell.desktop-layout .nav-item:hover:after,.app-shell.desktop-layout .nav-item:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%)}.app-shell.desktop-layout .nav-badge{position:absolute;top:5px;right:3px;min-width:17px;width:17px;height:17px;padding:0;border:2px solid var(--bg-surface);font-size:0;opacity:1;visibility:visible}.app-shell.desktop-layout .main-content{margin-left:var(--shell-sidebar-rail)}.app-shell.desktop-layout .topbar{left:var(--shell-sidebar-rail);padding-inline:24px}}@media (max-width: 767px){html,body,#root,.app-shell,.main-content{width:100%;max-width:100%}.app-shell.mobile-layout .sidebar{width:min(320px,calc(100vw - 44px));padding:22px 16px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.app-shell.mobile-layout .sidebar .brand{padding-bottom:20px}.app-shell.mobile-layout .main-content{margin-left:0;padding-top:64px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-shell.mobile-layout .topbar{left:0;height:64px;padding:0 12px;gap:8px}.menu-button,.theme-toggle,.mobile-brand,.profile .avatar{width:44px;height:44px;min-width:44px}.mobile-brand{display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.mobile-brand .brand-mark{width:40px;height:40px;border-radius:12px}.mobile-brand .brand-mark svg{width:22px;height:22px}.topbar-protection,.profile>span:last-child,.logout-button{display:none}.profile{padding:0;border:0}.app-shell>.mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:5px 4px calc(5px + env(safe-area-inset-bottom))}.app-shell>.mobile-bottom-nav a,.app-shell>.mobile-bottom-nav button{min-height:56px;font-size:11px}.route-content{width:100%;min-width:0;overflow-x:clip}.page-wrap{min-width:0;padding:20px 14px 28px}.overview-route,.route-content.overview-route{height:100%;overflow-x:clip;overflow-y:auto}.overview-route .page-wrap{height:auto;min-height:100%;overflow:visible;padding:16px 14px 28px}}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar,:root[data-theme=dark] .mobile-bottom-nav{background:var(--bg-surface);border-color:var(--border-default)}:root[data-theme=dark] .nav-item:hover{color:var(--primary);background:var(--interactive-hover)}:root[data-theme=dark] .nav-item.active,:root[data-theme=dark] .mobile-bottom-nav :is(a,button).active{color:var(--primary);background:var(--primary-subtle)}:root[data-theme=dark] .logout-button{color:var(--text-secondary)}:root[data-theme=dark] .logout-button:hover{color:var(--text-primary);background:var(--interactive-hover)}:root[data-theme=dark] .realtime-alert-toast,:root[data-theme=dark] .alert-sound-permission{background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:0 18px 48px #0000006b}.account-control{position:relative;flex:0 0 auto}.account-trigger{min-height:52px;padding:5px 8px;border:1px solid transparent;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;color:var(--text-primary);background:transparent;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--interactive-hover);border-color:var(--border-default)}.account-trigger-copy{min-width:0;text-align:left}.account-trigger-copy strong,.account-trigger-copy small{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger-copy strong{font-size:14px}.account-trigger-copy small,.account-menu-header small{margin-top:2px;color:var(--text-secondary);font-size:12px}.account-chevron{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-fast)}.account-trigger[aria-expanded=true] .account-chevron{transform:rotate(180deg)}.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:120;width:280px;max-width:calc(100vw - 24px);padding:8px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.account-menu-header{min-width:0;padding:10px;display:flex;align-items:center;gap:12px}.account-menu-header>span:last-child{min-width:0}.account-menu-header strong,.account-menu-header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-divider{height:1px;margin:4px 0;background:var(--divider)}.account-logout{width:100%;min-height:44px;padding:0 12px;border:0;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;color:var(--danger);background:transparent;font-weight:700;cursor:pointer}.account-logout:hover,.account-logout:focus-visible{background:var(--danger-subtle)}.account-logout svg{width:18px;height:18px}.logout-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;padding:20px;display:grid;place-items:center;background:var(--overlay)}.logout-dialog{width:min(420px,100%);padding:24px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.logout-dialog-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:var(--radius-lg);display:grid;place-items:center;color:var(--danger);background:var(--danger-subtle)}.logout-dialog h2{margin:0 0 8px;font-size:21px}.logout-dialog p{margin:0;color:var(--text-secondary);line-height:1.55}.logout-dialog-error{margin-top:12px!important;color:var(--danger)!important;font-size:13px}.logout-dialog-actions{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.logout-dialog-actions button{min-height:44px;padding:0 16px;border-radius:var(--radius-md);font-weight:700;cursor:pointer}.logout-dialog-actions button:disabled{opacity:.6;cursor:wait}.logout-cancel{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default)}.logout-cancel:hover:not(:disabled){background:var(--interactive-hover)}.logout-confirm{color:var(--text-inverse);background:var(--danger);border:1px solid var(--danger)}.logout-confirm:hover:not(:disabled){filter:brightness(.92)}@media (max-width: 767px){.account-trigger{width:44px;min-width:44px;min-height:44px;padding:2px;justify-content:center}.account-trigger-copy,.account-chevron{display:none}.account-menu{position:fixed;top:72px;right:12px;width:280px;max-width:calc(100vw - 24px)}.logout-dialog-backdrop{padding:14px}.logout-dialog{padding:22px 18px 18px}}:root{color-scheme:light;--bg-app: #f5f8fc;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-subtle: #eef3f8;--text-primary: #172033;--text-secondary: #526174;--text-muted: #6b788a;--text-inverse: #ffffff;--border-default: #d8e2ec;--border-strong: #aebdcd;--divider: #e4ebf2;--focus-ring: #2563eb;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-active: #1e40af;--primary-subtle: #e8f1ff;--success: #16803c;--success-subtle: #e5f7eb;--warning: #9a5b00;--warning-subtle: #fff1cf;--danger: #c52929;--danger-subtle: #ffe8e8;--info: #1769aa;--info-subtle: #e6f3ff;--interactive-hover: #e8f1fb;--interactive-active: #d9e9fb;--media-overlay: rgba(8, 15, 26, .72);--media-overlay-soft: rgba(255, 255, 255, .92);--overlay: rgba(15, 23, 42, .52);--shadow-sm: 0 1px 3px rgba(23, 32, 51, .1);--shadow-md: 0 8px 24px rgba(23, 32, 51, .1);--shadow-lg: 0 20px 48px rgba(23, 32, 51, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--transition-fast: .12s ease;--transition-base: .18s ease;--transition-slow: .26s ease;--color-primary: var(--primary);--color-primary-light: var(--primary-subtle);--color-background: var(--bg-app);--color-surface: var(--bg-surface);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-border: var(--border-default);--color-safe: var(--success);--color-warning: var(--warning);--color-danger: var(--danger);--radius-card: var(--radius-lg);--radius-button: var(--radius-md)}:root[data-theme=dark]{color-scheme:dark;--bg-app: #0d1421;--bg-surface: #151f2e;--bg-elevated: #1b2738;--bg-subtle: #202d3f;--text-primary: #f3f6fa;--text-secondary: #bdc9d7;--text-muted: #98a8bb;--text-inverse: #07101f;--border-default: #34445a;--border-strong: #52657d;--divider: #29384b;--focus-ring: #7db1ff;--primary: #6da8ff;--primary-hover: #8abbff;--primary-active: #a9cbff;--primary-subtle: #203a60;--success: #63d58a;--success-subtle: #193d2a;--warning: #ffc65c;--warning-subtle: #493716;--danger: #ff8585;--danger-subtle: #4c2428;--info: #73c5ff;--info-subtle: #173a54;--interactive-hover: #24344a;--interactive-active: #2d4059;--media-overlay: rgba(3, 7, 13, .78);--media-overlay-soft: rgba(15, 24, 36, .9);--overlay: rgba(1, 5, 12, .72);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .28);--shadow-md: 0 8px 24px rgba(0, 0, 0, .32);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .42)}html{background:var(--bg-app)}body{color:var(--text-primary);background:var(--bg-app)}*{scrollbar-color:var(--border-strong) var(--bg-subtle)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--bg-subtle)}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg-subtle);border-radius:var(--radius-full)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}::selection{color:var(--text-inverse);background:var(--primary)}:root[data-theme=dark] :where(.sidebar,.topbar,.section-card,.stat-card,.card,.modal,.dialog,table,thead,tbody,tr,td,th){color:var(--text-primary);background-color:var(--bg-surface);border-color:var(--border-default)}:root[data-theme=dark] :where(input,select,textarea){color:var(--text-primary);background-color:var(--bg-elevated);border-color:var(--border-default)}:root[data-theme=dark] :where(.route-content,.main-content,.page-wrap,.home-dashboard){color:var(--text-primary);background-color:var(--bg-app)}:where(.statistics-page,.history-page,.family-page,.settings-page,.camera-detail-page){color:var(--text-primary)}:where(.statistics-kpi,.statistics-card,.device-card,.hub-card,.family-table-wrap,.family-total,.family-mobile-card,.history-table-wrap,.camera-event-sheet,.camera-action-dialog){color:var(--text-primary);background-color:var(--bg-surface);border-color:var(--border-default);box-shadow:var(--shadow-sm)}:where(.family-table,.history-table){color:var(--text-primary);background:var(--bg-surface)}:where(.family-table,.history-table) th{color:var(--text-secondary);background:var(--bg-subtle);border-color:var(--divider)}:where(.family-table,.history-table) td{color:var(--text-primary);border-color:var(--divider)}:where(.family-table,.history-table) tbody tr:hover{background:var(--bg-subtle)}:where(.family-modal-backdrop,.face-flow-backdrop,.camera-sheet-backdrop,.camera-dialog-backdrop,.snapshot-modal-backdrop,.modal-backdrop){background:var(--overlay)}:where(.family-detail-modal,.face-flow-modal,.camera-event-sheet,.camera-action-dialog,.snapshot-modal){color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-default);box-shadow:var(--shadow-lg)}:where(.statistics-range,.chart-toggle,.performance-chart-controls select,.custom-range input){color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}:where(.statistics-range,.chart-toggle) button{color:var(--text-secondary)}:where(.statistics-range,.chart-toggle) button.active{color:var(--primary);background:var(--primary-subtle)}.chart-legend{color:var(--text-secondary)}.confirmed{background:var(--primary)}.false{background:var(--warning)}.unreviewed{background:var(--border-strong)}.stacked-bar{background:var(--bg-subtle)}.trend-panel{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}.trend-panel .grid-line{stroke:var(--divider)}.fps-line{stroke:var(--success)}.fps-point{fill:var(--success)}:where(.camera-detail-loading i,.overview-skeleton,.alert-skeleton){background:var(--bg-subtle)}:root[data-theme=dark] :where(h1,h2,h3,h4){color:var(--text-primary)}:root[data-theme=dark] :where(.sidebar,.topbar,.mobile-bottom-nav,.section-card,.stat-card,.home-hero,.hero-metric,.attention-card,.attention-empty,.family-home-card,.home-camera-card,.ai-insight-card,.home-timeline,.alerts-shell,.alert-list-pane,.alert-conversation,.snapshot-card,.camera-card,.smart-viewer-shell,.camera-safety-card,.latest-camera-event,.camera-history,.camera-event-item,.statistics-kpi,.statistics-card,.device-card,.hub-card,.trend-panel,.history-toolbar,.history-table-wrap,.history-pagination,.family-toolbar,.family-total,.family-table-wrap,.family-mobile-card,.settings-shell,.settings-section-card,.caregiver-panel,.permission-panel,.notification-options>div,.login-card,.companion-panel,.companion-card,.companion-peek){color:var(--text-primary);background-color:var(--bg-surface);border-color:var(--border-default)}:root[data-theme=dark] :where(.home-hero.attention,.attention-card,.latest-camera-event,.companion-card.danger){color:var(--text-primary);background:var(--danger-subtle);border-color:color-mix(in srgb,var(--danger) 38%,var(--border-default))}:root[data-theme=dark] :where(.home-hero.attention .hero-status-icon,.attention-icon,.latest-event-icon){color:var(--danger);background:color-mix(in srgb,var(--danger) 15%,var(--bg-surface))}:root[data-theme=dark] :where(.hero-copy h2,.hero-metric strong,.attention-card h3,.stat-card strong,.statistics-kpi strong){color:var(--text-primary)}:root[data-theme=dark] :where(.hero-copy>p:last-child,.hero-metric small,.attention-card div>span,.home-section-heading p,.camera-card-copy small){color:var(--text-secondary)}:root[data-theme=dark] .hero-copy>p:last-child{color:var(--text-secondary)!important}:root[data-theme=dark] .home-welcome p{color:var(--text-muted)}:root[data-theme=dark] .hero-eyebrow{color:var(--text-secondary)!important}:root[data-theme=dark] .attention-card p{color:var(--danger)}:root[data-theme=dark] .brand strong{color:var(--primary)}:root[data-theme=dark] .hero-orbit{background:var(--bg-subtle);border-color:var(--border-default)}:root[data-theme=dark] .hero-orbit:before,:root[data-theme=dark] .hero-orbit:after{border-color:var(--border-default)}:root[data-theme=dark] .hero-orbit:after{background:var(--bg-surface)}:root[data-theme=dark] .attention-card button{color:var(--danger);background:var(--bg-surface);border-color:color-mix(in srgb,var(--danger) 38%,var(--border-default))}:root[data-theme=dark] .attention-card button:hover{background:color-mix(in srgb,var(--danger) 10%,var(--bg-surface))}:root[data-theme=dark] .home-welcome>span,:root[data-theme=dark] .topbar-protection,:root[data-theme=dark] .attention-empty{color:var(--success);background:var(--success-subtle);border-color:color-mix(in srgb,var(--success) 35%,var(--border-default))}:root[data-theme=dark] .ai-insight-card{background:var(--info-subtle)}:root[data-theme=dark] .insight-icon{color:var(--info);background:var(--bg-surface)}:root[data-theme=dark] .ai-insight-card li{color:var(--text-secondary)}:root[data-theme=dark] :where(.nav-item,.mobile-bottom-nav a,.settings-tabs button,.dashboard-camera-filters button,.camera-history-filters button,.statistics-range button,.chart-toggle button){color:var(--text-secondary)}:root[data-theme=dark] :where(.dashboard-camera-filters button,.camera-history-filters button,.statistics-range,.chart-toggle){background:var(--bg-surface);border-color:var(--border-default)}:root[data-theme=dark] :where(.home-section-heading button,.text-button,.family-profile-link,.companion-card button){color:var(--primary)}:root[data-theme=dark] :where(.nav-item:hover,.mobile-bottom-nav a:hover,.settings-tabs button:hover,.dashboard-camera-filters button:hover,.camera-history-filters button:hover){color:var(--primary);background:var(--interactive-hover);border-color:var(--border-strong)}:root[data-theme=dark] :where(.nav-item.active,.mobile-bottom-nav a.active,.settings-tabs button.active,.dashboard-camera-filters button.active,.camera-history-filters button.active,.statistics-range button.active,.chart-toggle button.active){color:var(--primary);background:var(--primary-subtle);border-color:var(--primary)}:root[data-theme=dark] :where(.icon-button,.notification-button,.logout-button,.text-button){color:var(--text-secondary);background:var(--bg-surface);border-color:var(--border-default)}:root[data-theme=dark] :where(.icon-button:hover,.notification-button:hover,.logout-button:hover,.text-button:hover){color:var(--primary);background:var(--interactive-hover)}:root[data-theme=dark] :where(input:not([type=range]),select,textarea){color:var(--text-primary);background-color:var(--bg-elevated);border-color:var(--border-default)}:root[data-theme=dark] :where(input:not([type=range]),select,textarea)::placeholder{color:var(--text-muted)}:root[data-theme=dark] :where(input:not([type=range]),select,textarea):hover:not(:disabled){border-color:var(--border-strong)}:root[data-theme=dark] :where(input:not([type=range]),select,textarea):focus-visible{outline:0;border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 28%,transparent)}:root[data-theme=dark] :where(input,select,textarea,button):disabled{opacity:.55}:root[data-theme=dark] :where(.family-table,.history-table,.settings-user-table){color:var(--text-primary);background:var(--bg-surface)}:root[data-theme=dark] :where(.family-table th,.history-table th,.user-table-head){color:var(--text-secondary);background:var(--bg-subtle);border-color:var(--divider)}:root[data-theme=dark] :where(.family-table td,.history-table td,.user-table-row){color:var(--text-primary);border-color:var(--divider)}:root[data-theme=dark] :where(.family-table tbody tr:hover,.history-table tbody tr:hover,.user-table-row:hover){background:var(--interactive-hover)}:root[data-theme=dark] .history-total{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}:root[data-theme=dark] .history-total small,:root[data-theme=dark] .history-title-line p{color:var(--text-secondary)}:root[data-theme=dark] .history-table th{color:var(--text-secondary);background:var(--bg-subtle);border-color:var(--divider)}:root[data-theme=dark] .history-table td{color:var(--text-primary);background:var(--bg-surface);border-color:var(--divider)}:root[data-theme=dark] .history-table .unknown-person{color:var(--danger)}:root[data-theme=dark] :where(.family-modal-backdrop,.face-flow-backdrop,.camera-sheet-backdrop,.camera-dialog-backdrop,.camera-edit-backdrop,.settings-modal-backdrop,.snapshot-modal-backdrop,.companion-backdrop){background:var(--overlay)}:root[data-theme=dark] :where(.family-detail-modal,.add-person-modal,.face-flow,.camera-event-sheet,.camera-action-dialog,.camera-edit-modal,.settings-modal,.snapshot-modal,.companion-panel){color:var(--text-primary);background-color:var(--bg-elevated);border-color:var(--border-default);box-shadow:var(--shadow-lg)}:root[data-theme=dark] :where(.family-detail-modal>header,.family-detail-modal>footer,.settings-modal>header,.companion-panel>header,.companion-panel>footer){color:var(--text-primary);background:var(--bg-surface);border-color:var(--divider)}:root[data-theme=dark] :where(.status-label.safe,.operational-badge.online,.account-badge.active,.recognition-quality.good){color:var(--success);background:var(--success-subtle)}:root[data-theme=dark] :where(.status-label.warning,.recognition-quality.fair,.threshold-banner){color:var(--warning);background:var(--warning-subtle)}:root[data-theme=dark] :where(.status-label.danger,.operational-badge.error,.recognition-quality.poor,.statistics-error){color:var(--danger);background:var(--danger-subtle)}:root[data-theme=dark] :where(.status-label.pending,.role-badge.caregiver,.person-status.active){color:var(--info);background:var(--info-subtle)}:root[data-theme=dark] :where(.statistics-header p,.statistics-card-heading p,.performance-title p,.chart-legend,.alert-bar-column b,.camera-stats small,.hub-card p,.device-card header p,.settings-heading p,.section-page-heading p,.settings-card-heading p,.permission-row p,.user-table-row small){color:var(--text-secondary)}:root[data-theme=dark] .statistics-kpi p{color:var(--text-secondary)}:root[data-theme=dark] .stats-trend.good{color:var(--success)}:root[data-theme=dark] .stats-trend.bad{color:var(--danger)}:root[data-theme=dark] :where(.stacked-bar,.camera-stats>div>div,.reason-list li,.hub-card>div>span,.device-metrics>span,.sensitive-hours,.last-admin-note){color:var(--text-secondary);background:var(--bg-subtle)}:root[data-theme=dark] .trend-panel .grid-line{stroke:var(--divider)}:root[data-theme=dark] .fps-line{stroke:var(--success)}:root[data-theme=dark] .fps-point{fill:var(--success)}:root[data-theme=dark] .latency-line{stroke:var(--info)}:root[data-theme=dark] .latency-point{fill:var(--info)}:root[data-theme=dark] :where(.permission-toggle){background:var(--border-strong)}:root[data-theme=dark] .permission-toggle i{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .permission-toggle.on{background:var(--primary)}:root[data-theme=dark] .permission-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 30%,transparent)}:root[data-theme=dark] :where(.settings-tabs,.companion-body,.companion-help-messages){color:var(--text-primary);background:var(--bg-subtle);border-color:var(--divider)}:root[data-theme=dark] .camera-setting-toggles label{color:var(--text-secondary)}:root[data-theme=dark] :where(.smart-camera-heading p,.family-heading p,.history-heading p,.statistics-header p){color:var(--text-secondary)}:root[data-theme=dark] :where(.alerts-list-panel,.alert-conversation,.conversation-header,.alert-product-detail,.event-detail-card,.event-case-header,.event-description,.event-facts,.confidence-card,.camera-preview-card,.chat-input-wrap){color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}:root[data-theme=dark] :where(.alerts-page-heading p,.conversation-header small,.alert-product-copy small,.event-meta,.event-description p){color:var(--text-secondary)}:root[data-theme=dark] :where(.alert-list-tools,.alert-list-scroll,.conversation-timeline){color:var(--text-primary);background:var(--bg-subtle);border-color:var(--divider)}:root[data-theme=dark] :where(.camera-live,.detail-live-badge,.people-count){color:var(--text-primary);background:var(--media-overlay-soft)}:root[data-theme=dark] :where(.dashboard-camera-name,.live-overlay,.camera-fullscreen-modal header,.event-sheet-snapshot>b){color:var(--text-inverse)}:root[data-theme=dark] :where(.camera-fullscreen-button,.live-overlay button){color:var(--text-inverse);background:var(--media-overlay);border-color:color-mix(in srgb,var(--text-inverse) 35%,transparent)}:root[data-theme=dark] :where(.home-camera-preview img,.home-camera-preview video,.snapshot-card img,.event-sheet-snapshot img,.detail-live-card img,.detail-live-card video){filter:none;color-scheme:only light}:root[data-theme=dark] :where(.privacy-note,.system-banner,.companion-intro,.companion-reply,.companion-message>div>p,.capture-guidance,.face-upload){color:var(--text-secondary);background:var(--info-subtle);border-color:var(--border-default)}:root[data-theme=dark] :where(.family-basic-form,.face-profiles-section,.person-active-setting,.face-profile-card,.recipient-list>div,.contact-row){color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-default)}