.workspace-tabs{display:flex;align-self:stretch;margin:0 auto 0 42px;gap:4px}.workspace-tabs button{display:flex;align-items:center;gap:9px;padding:0 24px;border:0;border-bottom:3px solid transparent;background:transparent;color:#8f929e;font-size:13px;white-space:nowrap}.workspace-tabs button[aria-current=page]{border-bottom-color:#7eb5fa;color:#c8def9;background:linear-gradient(0deg,#24334870,transparent)}.workspace-tabs button:hover{color:#e9eff8;background:#242b3555}.conference-main{display:flex;flex:1;min-height:0;padding:0;max-width:none;width:100%;background:radial-gradient(ellipse at 42% 36%,#1b2534 0,transparent 60%),#101218}.conference-rail{width:65px;flex-shrink:0;background:#181b23;border-right:1px solid #2b303b;display:flex;flex-direction:column;align-items:center;padding-top:18px;gap:12px}.conference-rail>button{position:relative;width:53px;height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:0;background:none;border-radius:7px;color:#7e8798}.conference-rail>button span{font-size:10px}.conference-rail>button.active{background:#28384e;color:#a1c9fb}.conference-rail b{position:absolute;right:2px;top:0;background:#3d6caa;border-radius:10px;padding:2px 5px;font-size:9px;color:#fff}.rail-bottom{margin-top:auto;padding-bottom:22px;color:#6b839e}.conference-workspace{flex:1;min-width:0;display:flex;flex-direction:column;padding:30px 36px 17px;overflow:auto}.conference-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.conference-heading .eyebrow{font-size:8px;letter-spacing:2px;color:#8a9cb7}.conference-heading h2{margin:8px 0 7px;font-size:23px;font-weight:550;letter-spacing:-.7px}.conference-heading p{font-size:11px;color:#7f899a}.trial-badge{border:1px solid #354661;background:#21324b55;padding:6px 10px;border-radius:20px;font-size:10px;color:#90aed5;white-space:nowrap}.conference-warning,.conference-error,.conference-notice{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:5px;font-size:11px;line-height:1.7;margin-bottom:12px;flex-shrink:0;overflow-wrap:anywhere}.conference-warning{background:#332d2066;color:#d8bc84;border:1px solid #57492f}.conference-error{background:#382229;color:#ecabb2;border:1px solid #70414c}.conference-notice{background:#203249;color:#a9c6e8;border:1px solid #38587a}.conference-error button,.conference-notice button{margin-left:auto;display:flex;border:0;background:none;color:inherit}.conference-lobby{margin:auto;width:100%;max-width:770px;border:1px solid #354052;background:linear-gradient(145deg,#1e2531,#181e29);border-radius:8px;padding:24px 32px;box-shadow:0 20px 80px #0003}.lobby-illustration{width:210px;height:112px;margin:0 auto 17px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:60px 45px;gap:4px}.lobby-video{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3a4960;background:linear-gradient(135deg,#243852,#243041);color:#8ba8cd;border-radius:4px}.lobby-video.large{grid-column:1/-1}.lobby-video span{font-size:7px;color:#8da4c2}.lobby-video.large span{font-size:10px}.lobby-welcome{text-align:center;margin-bottom:21px}.lobby-welcome h3{margin:0;font-size:21px;font-weight:500;letter-spacing:-.5px}.lobby-welcome p{font-size:11px;color:#8e99ac;margin-top:9px}.lobby-forms{display:grid;grid-template-columns:1fr 1fr;gap:28px}.lobby-forms>section+section{border-left:1px solid #343d4b;padding-left:28px}.lobby-forms h4{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:12px;font-weight:500;color:#c7d7ec}.lobby-forms label{display:block;font-size:10px;color:#9aa6b9;margin:10px 0 7px}.lobby-forms input:not([type=checkbox]),.conference-devices select{width:100%;background:#101620;border:1px solid #394455;border-radius:4px;padding:9px 10px;color:#e3e9f2;font-size:12px;min-width:0}.conference-primary{height:37px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:13px;background:#355d91;border:1px solid #547dae;border-radius:4px;font-size:12px;color:#edf5ff}.conference-primary:hover{background:#426c9f}.conference-primary:disabled{opacity:.4;cursor:default}.join-options{display:flex;gap:17px;margin-top:5px}.join-options label{display:flex;align-items:center;gap:6px;color:#b8c3d4}.join-options input{accent-color:#709ed8}.join-without{border:0;background:none;display:block;width:100%;margin-top:9px;font-size:10px;color:#8a9fb8;text-decoration:underline;text-underline-offset:3px}.join-without:disabled{opacity:.4}.conference-devices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid #343d4b}.conference-devices label{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;color:#97a6bc;min-width:0}.conference-devices select{font-size:11px;margin-top:2px}.conference-device-note{font-size:9px;line-height:1.7;color:#748399;margin-top:10px}.conference-bottom-note{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:7px;font-size:9px;color:#79869a}.conference-bottom-note>span:last-child{margin-left:auto;text-align:right}.conference-sidebar{width:310px;flex-shrink:0;background:#151a23;border-left:1px solid #2d3645;display:flex;flex-direction:column;min-height:0}.conference-sidebar-tabs{display:flex;border-bottom:1px solid #303a4b;height:53px;flex-shrink:0}.conference-sidebar-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:#8190a6;font-size:11px}.conference-sidebar-tabs button.active{border-bottom-color:#7ca9e6;color:#b7d5fb;background:#23324944}.conference-search{display:flex;align-items:center;gap:8px;border:1px solid #313e52;margin:16px 13px 10px;padding:8px;color:#647893;background:#111720}.conference-search input{border:0;background:none;color:#d8e2ee;font-size:10px;min-width:0;width:100%;outline:0}.conference-history{padding:0 12px 15px;overflow:auto;flex:1}.conference-history h3{font-size:10px;font-weight:500;color:#8696ab;display:flex;gap:8px;margin:18px 0 10px}.conference-history h3 span{color:#a5c3ea}.history-card{padding:13px 11px;border:1px solid #303b4c;border-radius:4px;margin-bottom:9px;background:#19212d}.history-card.live{border-color:#395172;background:#1c293a}.history-card h4{display:flex;align-items:center;gap:7px;margin:0;color:#c6d5e8;font-size:11px;font-weight:500;overflow-wrap:anywhere}.history-card h4>span{font-size:8px;color:#7fcaac;margin-left:auto;white-space:nowrap}.history-card time{display:block;font-size:8px;color:#728399;margin:9px 0}.history-card dl{display:grid;grid-template-columns:65px minmax(0,1fr);row-gap:8px;font-size:9px;margin:13px 0 0}.history-card dt{color:#77879e}.history-card dd{margin:0;color:#a5b2c5;text-align:right;overflow-wrap:anywhere}.history-card button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;border:1px solid #3c5575;border-radius:3px;background:#273951;color:#adcaed;padding:6px;font-size:10px}.history-card button:disabled{opacity:.4}.conference-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#52667f;padding:36px 9px;gap:14px}.conference-empty p{font-size:11px;color:#8c9bb0}.conference-empty small{font-size:9px;color:#65758c;line-height:1.7}.meeting-window{margin:auto;width:100%;max-width:1120px;display:flex;flex-direction:column;border:1px solid #3f5678;border-radius:6px;background:#1b2230;box-shadow:0 24px 85px #0005;min-height:0;flex:1;max-height:790px;overflow:hidden}.meeting-titlebar{height:38px;min-height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;background:linear-gradient(90deg,#28486f,#233c5b);color:#d2e1f5;font-size:10px;border-bottom:1px solid #486384}.meeting-titlebar>div{display:flex;gap:10px;align-items:center;min-width:0}.meeting-titlebar strong{font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}.meeting-titlebar button{display:flex;background:none;border:0;color:#b5c9e4;padding:5px}.meeting-code{font-family:Consolas,monospace;color:#93aac7;font-size:10px}.connected-dot,.pending-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75c5a5;flex-shrink:0}.pending-dot{background:#ba9b67}.meeting-stage{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px;gap:4px}.meeting-tile{position:relative;min-width:0;min-height:0;background:#0a0e14;border:1px solid #354256;overflow:hidden}.meeting-tile.prominent{flex:1.3}.meeting-tile video{width:100%;height:100%;object-fit:contain;display:block}.meeting-tile video.mirror{transform:scaleX(-1)}.meeting-tile video.audio-only{opacity:0}.meeting-secondary{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;flex:1;min-height:0}.meeting-avatar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(ellipse,#2a3548,#1b2230);color:#b9cbe2}.meeting-avatar>span{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#344964;border:1px solid #526b8b;color:#c3dcfb;font-size:26px}.meeting-avatar strong{font-size:12px;font-weight:400}.meeting-avatar small{font-size:9px;color:#7f90a8}.meeting-tile-label{position:absolute;top:9px;left:9px;padding:5px 7px;display:flex;align-items:center;gap:7px;background:#111823bb;border:1px solid #56667d66;border-radius:3px;color:#e0e8f4;font-size:10px}.meeting-tile-label small{font-size:8px;color:#a9bad1}.meeting-tile-tools{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:8px;background:#131b28ba;border-radius:4px;color:#adc2dc;padding:5px}.meeting-tile-tools button{border:0;background:none;color:inherit;padding:0;display:flex}.peer-connection{position:absolute;bottom:13px;left:12px;font-size:9px;color:#c2b48f;background:#141823b0;padding:5px}.meeting-waiting{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px dashed #39465b;background:linear-gradient(135deg,#222d3e,#1c2533);color:#506580;min-width:0;min-height:0}.meeting-waiting span{font-size:11px;color:#7a8ea9}.meeting-waiting small{font-size:9px;color:#576c88}.meeting-controls{height:76px;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px;border-top:1px solid #303d51;background:#202838}.meeting-presence{display:flex;gap:7px;align-items:center;font-size:10px;color:#859bb7;min-width:65px}.meeting-control-buttons{display:flex;gap:13px}.meeting-control-buttons button{height:40px;width:40px;border-radius:50%;border:1px solid #45607f;background:#33475f;display:grid;place-items:center;color:#c5d6eb}.meeting-control-buttons button:hover,.meeting-control-buttons button.active{background:#43658b;border-color:#78a4d8;color:#fff}.meeting-control-buttons button.off{background:#3b303c;border-color:#684958;color:#e1a3ac}.meeting-leave{display:flex;align-items:center;justify-content:center;gap:8px;min-width:90px;border:1px solid #8f4a59;border-radius:4px;background:#422d39;color:#e3a2ad;height:34px;font-size:11px}.meeting-settings{padding:0 16px 12px;background:#202b3a}.meeting-settings .conference-devices{margin-top:0;padding-top:10px}.enable-audio{position:absolute;bottom:12px;left:50%;transform:translate(-50%);border:1px solid #5a80ac;background:#2a486a;color:#fff;border-radius:5px;padding:7px 12px;font-size:11px}.participant-list{padding:19px 14px;overflow:auto;flex:1}.participant-list h3{display:flex;align-items:center;gap:7px;font-size:11px;color:#9aacbf;font-weight:500;margin:0 0 20px}.participant-list h3 b{margin-left:auto;color:#b0cdec}.participant-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #293345;color:#7f93ae}.participant-avatar{display:grid;place-items:center;width:34px;height:34px;background:#2e435f;border-radius:50%;color:#b8d0ed;font-size:14px;flex-shrink:0}.participant-row>div{flex:1;min-width:0}.participant-row strong{display:block;font-size:11px;color:#c1cfe0;font-weight:400;overflow-wrap:anywhere}.participant-row strong small{font-size:8px;color:#87a8d1;margin-left:7px}.participant-row div>span{display:block;margin-top:5px;font-size:9px;color:#71849c}.invite-box{margin-top:30px;border:1px dashed #3b506e;border-radius:5px;padding:18px;text-align:center}.invite-box p{font-size:10px;color:#8a9bb2}.invite-box strong{font-family:Consolas,monospace;display:block;font-size:24px;letter-spacing:3px;color:#b7d1f2;margin:12px 0}.invite-box button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px;border:1px solid #405c7f;border-radius:4px;background:#253b57;color:#b7cfea;font-size:10px}.invite-box small{display:block;font-size:9px;line-height:1.8;color:#73869f;margin-top:13px}.conference-chat{display:flex;flex-direction:column;flex:1;min-height:0}.chat-messages{overflow:auto;flex:1;padding:18px 13px}.chat-message{margin-bottom:18px;max-width:95%}.chat-message>span{display:flex;align-items:center;gap:9px;font-size:9px;color:#899db9}.chat-message time{font-size:8px;color:#657892}.chat-message p{font-size:11px;line-height:1.8;color:#c3d2e5;background:#243248;border-radius:0 8px 8px;margin-top:6px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.mine{margin-left:auto}.chat-message.mine p{background:#2c4665;border-radius:8px 0 8px 8px}.conference-chat form{display:flex;gap:7px;padding:12px;border-top:1px solid #303d52}.conference-chat input{min-width:0;flex:1;border:1px solid #35465d;background:#101824;padding:10px;color:#d5e3f5;border-radius:4px;font-size:11px}.conference-chat form button{width:34px;border:1px solid #466488;background:#304b6e;color:#bcd4f3;border-radius:4px;display:grid;place-items:center}.conference-chat button:disabled{opacity:.4}.meeting-maximized .conference-sidebar,.meeting-maximized .conference-rail,.meeting-maximized .conference-heading{display:none}.meeting-maximized .meeting-window{max-width:none;max-height:none}.meeting-maximized .conference-workspace{padding:14px}.meeting-maximized .conference-bottom-note{padding-top:10px}@media(max-width:1350px){.workspace-tabs{margin-left:20px}.workspace-tabs button{padding:0 17px}.conference-workspace{padding:22px}.conference-sidebar{width:270px}.conference-heading h2{font-size:20px}.conference-lobby{padding:22px}.lobby-illustration{display:none}.conference-bottom-note{flex-wrap:wrap}.conference-bottom-note>span:last-child{margin-left:0}.nvr-shell .brand h1{font-size:18px}.nvr-shell .brand p{font-size:8px}.meeting-controls{padding:0 12px}.meeting-control-buttons{gap:8px}}@media(max-width:1000px){.workspace-tabs{margin-left:10px}.workspace-tabs button{padding:0 10px;font-size:11px}.nvr-shell .clock{display:none}.conference-sidebar{width:230px}.conference-rail{width:51px}.conference-rail>button{width:44px}.conference-workspace{padding:17px}.conference-heading{align-items:flex-start;gap:8px}.conference-heading p{display:none}.trial-badge{font-size:8px;padding:5px}.conference-lobby{padding:18px}.lobby-forms{gap:16px}.lobby-forms>section+section{padding-left:16px}.meeting-controls{flex-wrap:wrap;height:auto;min-height:90px;padding:10px;gap:8px}.meeting-presence{display:none}.meeting-control-buttons{gap:7px}.meeting-control-buttons button{height:33px;width:33px}.meeting-leave{min-width:66px;font-size:10px}.conference-devices{gap:10px}.meeting-window{min-height:400px}.meeting-code{display:none}}@media(max-width:767px){.nvr-shell .topbar{gap:10px}.workspace-tabs{order:3;height:42px;width:100%;margin:0;align-self:auto;border-top:1px solid #303743}.workspace-tabs button{flex:1;justify-content:center;font-size:12px}.nvr-shell .header-right{width:auto;margin-left:auto}.nvr-shell .brand{gap:10px}.nvr-shell .brand img{width:66px}.nvr-shell .brand-divider{display:none}.nvr-shell .brand h1{font-size:15px}.nvr-shell .admin-label{font-size:10px}.nvr-shell .admin-label small{display:none}.conference-shell{height:auto;overflow:visible}.conference-main{flex-wrap:wrap;flex:auto}.conference-rail{width:46px;min-height:640px}.conference-rail>button{width:39px}.conference-workspace{padding:16px 10px;width:calc(100% - 46px);flex:auto;min-height:640px}.conference-heading{margin-bottom:15px;flex-wrap:wrap}.conference-heading h2{font-size:17px}.conference-heading .eyebrow{font-size:7px}.conference-lobby{padding:17px 14px}.lobby-welcome h3{font-size:17px}.lobby-welcome p{font-size:10px;line-height:1.7}.lobby-forms{grid-template-columns:1fr}.lobby-forms>section+section{padding:16px 0 0;border-left:0;border-top:1px solid #343d4b}.conference-devices{grid-template-columns:1fr}.conference-sidebar{width:100%;height:360px;border-top:1px solid #354052}.meeting-window{height:510px;flex:auto;min-height:510px}.meeting-controls{justify-content:center;gap:10px}.meeting-control-buttons{gap:8px}.meeting-leave{width:100%}.meeting-titlebar{padding:0 8px}.meeting-titlebar strong{font-size:10px;max-width:115px}.meeting-titlebar>div{gap:5px}.meeting-titlebar button{padding:3px}.meeting-waiting span{font-size:9px}.meeting-waiting small{display:none}.meeting-secondary .meeting-avatar>span{width:37px;height:37px;font-size:18px}.meeting-avatar{gap:7px}.meeting-tile-label{font-size:8px;left:4px;top:4px;padding:4px}.meeting-tile-label small{font-size:7px}.meeting-secondary .meeting-avatar strong{font-size:10px}.meeting-secondary .meeting-avatar small{font-size:8px}.conference-bottom-note{font-size:8px;line-height:1.7;gap:5px}.conference-device-note{font-size:8px}.meeting-maximized .conference-workspace{width:100%;min-height:calc(100dvh - 155px)}.meeting-maximized .meeting-window{height:calc(100dvh - 225px);min-height:430px}}.peer-network{position:absolute;left:10px;right:10px;top:10px;width:fit-content;max-width:calc(100% - 20px);padding:4px 7px;border-radius:4px;background:#101218bf;color:#c1cfdf;font-size:10px;line-height:1.5;pointer-events:none;overflow-wrap:anywhere}:root{font-family:Noto Sans KR,Malgun Gothic,sans-serif;color:#ededf0;background:#0c0c0e;font-synthesis:none;font-weight:400;color-scheme:dark;--line:#303034;--muted:#99999f;--blue:#7eb5fa}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #70c9ff;outline-offset:4px}button{color:inherit}h1,h2,p{margin:0}button svg{display:block}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 50% -40%,#202024,transparent 65%),#0c0c0e}.topbar{height:80px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(105deg,#141416,#1a1a1e 54%,#141416);border-bottom:1px solid #303034}.brand{display:flex;align-items:center;gap:24px}.brand img{width:112px;height:45px;object-fit:contain}.brand-divider{height:35px;width:1px;background:#38383e}.brand p{font-size:10px;font-weight:600;letter-spacing:2.6px;color:#9eacbf;margin-bottom:5px}.brand h1{font-size:23px;letter-spacing:-.8px;font-weight:600}.header-right{display:flex;align-items:center;gap:30px}.system-indicator{font-size:12px;color:#a1a1aa;display:flex;gap:8px;align-items:center}.system-indicator i{width:6px;height:6px;border-radius:50%;background:#5ed2b2;box-shadow:0 0 10px #5ed2b255}.clock{text-align:right;display:flex;flex-direction:column;gap:2px}.clock strong{font-family:Consolas,monospace;font-size:25px;font-weight:400;letter-spacing:1px}.clock span{font-size:11px;color:#98989f}main{padding:0 32px;max-width:2400px;margin:auto}.overview{height:72px;display:flex;align-items:center;justify-content:space-between}.section-title{display:flex;gap:13px;align-items:center}.section-icon{width:40px;height:40px;display:grid;place-items:center;background:#222226;border:1px solid #36363e;border-radius:9px;color:var(--blue)}.section-title h2{font-size:17px;font-weight:600}.section-title h2 span{color:#898990;font-size:10px;letter-spacing:1.4px;margin-left:10px}.section-title p{font-size:11px;color:var(--muted);margin-top:4px}.overview-controls{display:flex;gap:23px;align-items:center;font-size:12px}.channel-summary{display:flex;gap:9px;color:#a1a1aa;align-items:center}.channel-summary b{color:#eeeef2;margin-left:9px;font-size:15px}.muted{color:#929299}.control-divider{width:1px;height:19px;background:var(--line)}.preview-control{display:flex;align-items:center;gap:11px;cursor:pointer;position:relative;color:#ceced3}.preview-control input{position:absolute;right:0;width:34px;height:21px;opacity:0;cursor:pointer}.switch-track{width:34px;height:19px;background:#414148;border-radius:20px;position:relative;pointer-events:none;transition:background .2s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;background:#f2f2f5;border-radius:50%;transition:transform .2s}.preview-control input:checked+.switch-track{background:#217ad1}.preview-control input:checked+.switch-track:after{transform:translate(15px)}.preview-control input:focus-visible+.switch-track{outline:2px solid #70c9ff;outline-offset:4px}.camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.camera-card{min-width:0;border:1px solid #343438;border-radius:8px;overflow:hidden;background:#171719;transition:border-color .2s;position:relative}.camera-heading{height:38px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#1e1e21;gap:8px}.camera-title{display:flex;align-items:center;gap:9px;min-width:0}.channel-number{font-family:Consolas,monospace;font-size:11px;color:#b6bbc6;background:#303035;border-radius:3px;padding:3px 5px}.camera-title h2{font-size:13px;white-space:nowrap;font-weight:600}.camera-kind{font-size:11px;color:#a0a0a8;padding-left:10px;border-left:1px solid #3c3c42;white-space:nowrap}.source-status{font-size:10px;display:flex;align-items:center;gap:5px;color:#97979f;white-space:nowrap}.source-status i{width:5px;height:5px;border-radius:50%;background:#787880}.source-status.ready{color:#80c6b5}.source-status.ready i{background:#57b89e}.source-status.error{color:#e48e8e}.source-status.error i{background:#e48e8e}.camera-media{height:clamp(180px,calc((100dvh - 565px)/2),350px);position:relative;background:#070708;overflow:hidden}.camera-media video,.dialog-media video{width:100%;height:100%;object-fit:contain;display:block}.waiting-scene{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#252528aa,#111113 75%);position:relative;gap:8px}.scene-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#aaaaaa0d 1px,transparent 1px),linear-gradient(90deg,#aaaaaa0d 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 80%);mask-image:radial-gradient(ellipse,#000,transparent 80%)}.target-corners{width:70px;height:63px;display:grid;place-items:center;color:#74747e;margin-bottom:8px;background:linear-gradient(#686872,#686872) left top/10px 1px no-repeat,linear-gradient(#686872,#686872) left top/1px 10px no-repeat,linear-gradient(#686872,#686872) right top/10px 1px no-repeat,linear-gradient(#686872,#686872) right top/1px 10px no-repeat,linear-gradient(#686872,#686872) left bottom/10px 1px no-repeat,linear-gradient(#686872,#686872) left bottom/1px 10px no-repeat,linear-gradient(#686872,#686872) right bottom/10px 1px no-repeat,linear-gradient(#686872,#686872) right bottom/1px 10px no-repeat}.waiting-scene strong{font-size:13px;font-weight:500;color:#b0b0b8}.waiting-scene>span{font-size:10px;color:#888890}.source-tag{position:absolute;top:12px;left:13px;border:1px solid #a1a1aa2b;background:#111113bb;color:#a5a5ae;padding:4px 6px;border-radius:3px;display:flex;gap:5px;align-items:center;font-size:9px;letter-spacing:1px}.tiny-square{height:5px;width:5px;background:#9898a1}.channel-watermark{position:absolute;bottom:12px;left:13px;font-size:9px;letter-spacing:1.3px;color:#c0c0ca99;text-shadow:0 1px 4px #000}.expand-button{position:absolute;bottom:9px;right:10px;padding:6px;border:1px solid #ffffff14;background:#171719bb;color:#b7b7bf;border-radius:4px}.expand-button:hover{background:#35353c}.camera-footer{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px;color:#95959e;background:#19191c}.camera-footer>span:first-child{display:flex;gap:6px;align-items:center}.camera-card.critical{--alarm:#ff7575}.camera-card.caution{--alarm:#f2b057}.camera-card.detecting{border-color:var(--alarm);animation:alert-glow 1s ease-in-out 3}.detecting .camera-heading{background:color-mix(in srgb,var(--alarm) 9%,#1e1e21)}.event-caption{color:var(--alarm)}.detection-tag{position:absolute;top:12px;right:12px;display:flex;gap:7px;align-items:center;font-size:11px;border-radius:4px;padding:6px 8px;border:1px solid var(--alarm);background:#171719ed;color:var(--alarm)}.detection-tag span{font-size:9px;opacity:.8;border-left:1px solid #71717a;padding-left:7px}@keyframes alert-glow{0%,to{box-shadow:0 0 0 1px transparent}50%{box-shadow:0 0 0 1px var(--alarm),0 0 18px color-mix(in srgb,var(--alarm) 25%,transparent)}}.monitor-caption{height:32px;display:flex;justify-content:space-between;align-items:center;color:#96969e;font-size:10px}.monitor-caption>span{display:flex;gap:6px;align-items:center}.monitor-caption>span:last-child{color:#a5a5ad}.event-panel{border:1px solid var(--line);border-radius:8px;background:#161618;overflow:hidden}.event-heading{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line)}.event-heading>div{display:flex;align-items:center;gap:9px}.event-heading svg{color:#a7a7b2}.event-heading h2{font-size:13px;font-weight:500}.count-pill{padding:1px 7px;background:#2b2b32;border:1px solid #404048;font:11px Consolas,monospace;border-radius:4px;color:#c1cad8}.retention-note{color:#9999a1;font-size:10px}.event-table-wrap{height:130px;overflow:auto;scrollbar-width:thin;scrollbar-color:#45454d transparent}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}thead{position:sticky;top:0;background:#1e1e21;z-index:1}th{font-weight:400;color:#a4a4ad;height:29px}td{height:35px;border-top:1px solid #2e2e33;color:#c7c7cf}th,td{padding:0 18px}th:nth-child(1){width:14%}th:nth-child(2){width:13%}th:nth-child(3){width:14%}th:last-child{width:10%}.event-time{font-family:Consolas,monospace;color:#a8a8b2}.target-pill{display:inline-flex;align-items:center;gap:6px;color:#e4b070}.target-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.critical-row .target-pill{color:#f58d8d}.sample-pill{font-size:9px;color:#adadb6;background:#2d2d33;padding:2px 7px;border-radius:3px}.empty-events{display:flex;align-items:center;justify-content:center;gap:9px;height:106px;color:#aaaab3;font-size:12px}.empty-events small{font-size:10px;color:#8e8e98}.page-footer{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 34px;color:#85858f;font-size:9px;letter-spacing:.3px}.page-footer>span:first-child{display:flex;align-items:center;gap:7px;letter-spacing:1.3px}.footer-dot{padding:0 7px}.camera-dialog{padding:0;border:1px solid #44444e;background:#18181c;border-radius:10px;width:min(1100px,90vw);max-height:90vh;color:#e4e4e9}.camera-dialog::backdrop{background:#050506dc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px}.dialog-heading button{background:none;border:0;padding:4px}.dialog-media{height:min(65vh,620px);background:#08080a}@media(max-width:1199px){.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-media{height:auto;aspect-ratio:16/9}.system-indicator{display:none}.brand h1{font-size:20px}.topbar{padding:0 24px}main{padding:0 24px}.page-footer{padding:0 24px}}@media(max-width:767px){.topbar{height:82px;padding:0 16px}.brand{gap:12px}.brand img{width:67px;height:33px}.brand-divider{height:28px}.brand p{font-size:7px;letter-spacing:1.3px}.brand h1{font-size:16px;letter-spacing:-.6px}.clock strong{font-size:17px}.clock span{font-size:8px}.header-right{gap:0}.overview{height:auto;min-height:110px;align-items:flex-start;flex-direction:column;padding:16px 0;gap:15px}.overview-controls{width:100%;justify-content:space-between;gap:10px}.control-divider{display:none}.camera-grid{grid-template-columns:1fr;gap:14px}main{padding:0 14px}.monitor-caption{height:auto;min-height:58px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;font-size:9px}.event-table-wrap{height:190px}table{min-width:580px}.retention-note{font-size:8px}.page-footer{height:64px;flex-direction:column;justify-content:center;gap:8px;padding:0 14px;font-size:8px}.empty-events{flex-direction:column;gap:6px;height:150px}.section-title h2{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.header-actions{display:flex;align-items:center;gap:8px}.header-action{display:flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 12px;background:#242428;border:1px solid #3b3b43;border-radius:6px;color:#ceced6;font-size:12px;white-space:nowrap}.header-action:hover{background:#303036;border-color:#64646f}.header-action[aria-pressed=true]{color:#a9cdfa;border-color:#517498;background:#222c38}.header-action:disabled{cursor:wait;opacity:.6}.fullscreen-control{position:relative}.fullscreen-message{position:absolute;right:0;top:44px;z-index:20;width:290px;padding:14px 32px 14px 14px;color:#dddde5;background:#26262d;border:1px solid #494952;border-radius:7px;font-size:12px;line-height:1.7;box-shadow:0 10px 30px #0008}.fullscreen-message button{position:absolute;top:8px;right:8px;border:0;background:none;font-size:20px}.settings-dialog{width:min(460px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid #41414a;border-radius:12px;background:#19191d;color:#ededf0;box-shadow:0 24px 100px #0008}.settings-dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #303036}.settings-heading h2{font-size:17px;font-weight:600}.icon-button{background:none;border:0;padding:4px;color:#b0b0bc}.settings-body{padding:24px 22px}.settings-section-title{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#b1c9e4}.settings-section-title h3{margin:0;font-size:14px;font-weight:500;color:#e0e0e6}.settings-section-title span{margin-left:auto;padding:3px 7px;border:1px solid #3a3a43;border-radius:4px;color:#a1a1ad;font-size:10px}.settings-body label{display:block;margin-bottom:9px;font-size:12px;color:#bdbdc8}.settings-body input{width:100%;padding:12px;background:#101014;border:1px solid #41414c;border-radius:6px;color:#f0f0f4;font-family:Consolas,monospace;font-size:15px}.settings-body input:focus{outline:2px solid #699bd3;outline-offset:1px}.settings-body input[aria-invalid=true]{border-color:#f58d8d}.settings-help{margin-top:10px;font-size:11px;color:#93939f;line-height:1.8}.settings-error{margin-top:10px;color:#f58d8d;font-size:12px}.connection-note{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding:13px;border-radius:6px;background:#232328}.waiting-dot{flex-shrink:0;width:6px;height:6px;margin-top:7px;border-radius:50%;background:#c7a879}.connection-note strong{font-size:12px;font-weight:500;color:#c7c7d0}.connection-note p{margin-top:5px;color:#93939f;font-size:11px;line-height:1.8}.settings-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid #303036}.settings-actions button{min-width:72px;padding:9px 16px;border:1px solid #41414b;border-radius:6px;background:#25252c;font-size:12px}.settings-actions .primary-button{background:#2864a3;border-color:#387dbf;color:#fff}.settings-actions button:hover{filter:brightness(1.2)}@media(max-width:1000px){.header-right{gap:16px}.header-action{padding:0 10px}.header-action span{display:none}}@media(max-width:767px){.topbar{height:auto;min-height:116px;flex-wrap:wrap;gap:12px;padding:13px 16px}.header-right{width:100%;justify-content:space-between}.header-action span{display:inline}.fullscreen-message{left:0;right:auto;width:min(290px,calc(100vw - 40px))}.waiting-scene>span{max-width:95%;text-align:center;overflow-wrap:anywhere}}.vessel-dialog-status{padding:9px 18px;font-size:12px;border-top:1px solid #343438}.vessel-dialog-status.critical{color:#ff7575;background:#351e22}.vessel-dialog-status.caution{color:#f2b057;background:#30281d}.live-camera-image{width:100%;height:100%;object-fit:contain;display:block}.camera-settings-fields{border:0;padding:0;margin:0;min-width:0}.camera-address-fields{display:grid;grid-template-columns:1fr 110px;gap:12px}.camera-settings-fields>label,.camera-address-fields label{display:block;margin-top:12px;margin-bottom:6px}.settings-dialog{max-height:90dvh;overflow:auto}.settings-body .clear-camera-password{display:flex;align-items:center;gap:8px;font-size:12px}.settings-body .clear-camera-password input{width:auto}.settings-actions button:disabled{opacity:.5;cursor:wait}.waiting-scene small{color:#93939d;font-size:11px}.nvr-shell{height:100dvh;min-height:620px;display:flex;flex-direction:column;overflow:hidden}.nvr-shell .topbar{height:74px;min-height:74px;padding:0 24px}.nvr-shell .brand img{width:90px}.nvr-shell .brand h1{font-size:21px}.nvr-shell .brand p{font-size:9px}.nvr-shell .header-right{gap:15px}.nvr-shell .clock strong{font-size:20px}.live-view-label{align-self:stretch;display:flex;align-items:center;border-bottom:3px solid #7eb5fa;padding:0 24px;margin-left:30px;font-size:13px;color:#c8dcf6}.admin-label{font-size:13px}.admin-label small{color:#9696a0;margin-left:7px;font-size:10px}.nvr-main{display:flex;gap:12px;padding:12px;width:100%;max-width:none;flex:1;min-height:0}.viewer-column{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;border:1px solid #303034;background:#141416}.viewer-heading{height:39px;flex-shrink:0;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303034;font-size:11px}.viewer-heading>span{display:flex;gap:9px;align-items:center;letter-spacing:1px;color:#bbcee7}.viewer-heading b{font-weight:400;letter-spacing:0;color:#92929c;margin-left:10px}.nvr-grid{flex:1;min-height:0;gap:3px;background:#080809;padding:3px;grid-template-rows:repeat(2,minmax(0,1fr))}.layout-1{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.layout-4{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-6{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-9{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.layout-16{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.viewer-slot{min-height:0;min-width:0;position:relative;border:1px solid transparent;overflow:hidden}.viewer-slot.selected{border-color:#75a9ec;box-shadow:inset 0 0 0 1px #75a9ec}.nvr-grid .camera-card{height:100%;display:flex;flex-direction:column;border-radius:0;border:0}.nvr-grid .camera-heading{height:29px;min-height:29px;padding:0 9px;gap:5px;background:#19191dde}.nvr-grid .camera-title{gap:7px;min-width:0;overflow:hidden}.nvr-grid .camera-title h2{display:none}.nvr-grid .camera-kind{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.nvr-grid .channel-number{font-size:10px}.nvr-grid .source-status{font-size:9px;margin-left:auto;white-space:nowrap}.nvr-grid .camera-media{flex:1;min-height:0;aspect-ratio:auto;background:#030304}.nvr-grid .camera-media video{height:100%;width:100%;object-fit:contain}.nvr-grid .camera-footer{display:none}.remove-camera{border:0;background:none;color:#9e9ea8;padding:4px;display:flex}.remove-camera:hover{color:#fff;background:#48404a}.nvr-grid .waiting-scene{height:100%;min-height:0;gap:8px}.nvr-grid .waiting-scene strong{font-size:13px}.nvr-grid .waiting-scene>span{font-size:10px;padding:0 10px}.nvr-grid .target-corners{width:60px;height:60px}.empty-slot{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#4a4a54;background:radial-gradient(ellipse,#19191d,#111113);min-height:0}.empty-slot strong{font-size:12px;font-weight:400;color:#70707a}.empty-slot span{font-size:10px;color:#52525e}.empty-slot small{position:absolute;left:12px;top:9px;font-family:Consolas,monospace}.viewer-toolbar{display:flex;align-items:center;gap:16px;min-height:54px;padding:7px 12px;background:#1c1c21;border-top:1px solid #34343b;flex-wrap:wrap}.viewer-toolbar button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;background:#28282e;border:1px solid #41414a;border-radius:4px;color:#b6b6c2;height:31px}.viewer-toolbar button:hover{background:#36363f}.viewer-toolbar button:disabled{opacity:.35;cursor:default}.viewer-toolbar .active{color:#b8d6ff;background:#28364a;border-color:#6593cc}.page-controls,.patrol-controls,.layout-controls{display:flex;align-items:center;gap:7px;font-size:11px;color:#9999a5}.page-controls>span{min-width:72px;text-align:center}.patrol-controls input{width:51px;height:30px;border:1px solid #41414a;background:#111114;border-radius:3px;padding:4px;color:#ceced6}.layout-controls{margin-left:auto;gap:5px}.layout-controls button{width:37px;position:relative}.layout-controls small{position:absolute;bottom:0;right:2px;font-size:7px;color:#e1e1ed;background:#202028}.layout-icon{display:grid;gap:2px;width:18px;height:18px}.layout-icon i{border:1px solid currentColor;min-width:0}.events-toggle{height:34px;min-height:34px;border:0;border-top:1px solid #34343b;background:#1a1a1f;color:#bcbcc6;display:flex;align-items:center;gap:8px;padding:0 13px;font-size:11px}.events-toggle b{color:#bcd6f9;font-size:10px;background:#293345;padding:2px 6px;border-radius:4px}.events-toggle>span{margin-left:auto;font-size:10px;color:#777782}.viewer-column .event-panel{margin:0;border:0;border-radius:0;flex-shrink:0}.viewer-column .event-heading{height:36px}.viewer-column .event-table-wrap{height:170px}.resource-panel{width:300px;flex-shrink:0;background:linear-gradient(140deg,#1b1b21,#16161b);border:1px solid #323239;display:flex;flex-direction:column;min-height:0}.resource-title{display:flex;align-items:center;gap:10px;height:58px;min-height:58px;padding:0 18px;background:#202027;color:#dce0e9}.resource-title h2{font-size:15px;font-weight:600}.resource-tab{padding:15px 18px 12px;color:#93bded;border-bottom:2px solid #6e9ad3;font-size:12px}.resource-tab span{float:right;border-radius:4px;background:#2c394a;padding:1px 6px}.resource-search{margin:14px 12px 8px;display:flex;align-items:center;gap:8px;background:#101014;border:1px solid #3b3b44;padding:9px;color:#71717e}.resource-search input{min-width:0;width:100%;background:none;border:0;outline:0;color:#dddde5;font-size:11px}.resource-counts{display:flex;margin:8px 12px 16px}.resource-counts>div{flex:1;text-align:center;display:flex;flex-direction:column;gap:7px;font-size:11px;border-right:1px solid #393941}.resource-counts>div:last-child{border:0}.resource-counts b{font-size:18px;font-weight:500}.online{color:#62c8a0}.offline{color:#e3797e}.checking{color:#c9aa6b}.resource-counts i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px;flex-shrink:0}.resource-tree{flex:1;overflow:auto;padding:0 8px}.group-toggle{width:100%;display:flex;align-items:center;gap:5px;padding:12px 4px;border:0;background:none;color:#babac6;font-size:11px;text-align:left}.group-toggle strong{font-weight:500}.group-toggle>span{margin-left:auto;color:#9696a0}.group-toggle b{color:#62c8a0;font-weight:500}.resource-camera{display:flex;align-items:center;gap:7px;padding:10px 7px 10px 17px;color:#898993;border-radius:4px;margin:2px 0}.resource-camera.added{background:#222630}.resource-camera:hover{background:#2a2b35}.resource-camera>div{flex:1;min-width:0}.resource-camera strong{display:block;color:#d0d0d9;font-size:11px;font-weight:400}.resource-camera small{display:block;margin-top:5px;font-size:9px;color:#838391}.resource-camera button{background:none;border:0;padding:5px;color:#8db1dc;display:flex}.resource-camera .status-dot{margin:0}.resource-help{display:flex;gap:7px;padding:16px 14px;border-top:1px solid #303039;font-size:10px;color:#858592;line-height:1.8}.no-results,.registry-error{padding:12px;font-size:11px;color:#b5a184}.layout-16 .source-status,.layout-16 .channel-watermark{display:none}.layout-16 .waiting-scene>span,.layout-16 .empty-slot span{display:none}.layout-16 .target-corners{width:38px;height:38px}.layout-16 .target-corners svg{width:22px}.nvr-grid .offline-scene{color:#776b73}.nvr-grid .offline-scene strong{color:#d98b91}.login-page{min-height:100dvh;background:radial-gradient(ellipse at 50% 30%,#272d39 0,transparent 55%),#101014;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.login-brand{display:flex;align-items:center;gap:24px;margin-bottom:38px}.login-brand img{width:110px}.login-brand span{font-size:9px;letter-spacing:2px;color:#8995a8;max-width:150px;line-height:1.8}.login-card{width:400px;max-width:100%;padding:36px;border:1px solid #3a3e4a;background:#1a1b21ef;border-radius:12px;box-shadow:0 30px 90px #0005}.login-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #476087;border-radius:10px;background:#253348;color:#a1c5f5;margin-bottom:24px}.eyebrow{font-size:9px;color:#8ba5c8;letter-spacing:2px;margin-bottom:9px}.login-card h1{font-size:25px;letter-spacing:-1px}.login-description{font-size:12px;color:#9397a3;margin-top:10px;margin-bottom:28px}.login-card label{display:block;font-size:11px;color:#b6bac6;margin:18px 0 8px}.login-card input{width:100%;height:43px;border:1px solid #3c414e;border-radius:5px;background:#101116;padding:0 12px;color:#eee;font-size:13px}.login-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#3d6fa8;border:1px solid #5c87bc;color:#fff;border-radius:5px;height:45px;margin-top:27px;font-size:13px}.login-submit:disabled{opacity:.5}.login-error{font-size:12px;color:#f28f97;margin-top:16px}.login-footnote{text-align:center;font-size:8px;letter-spacing:1.6px;color:#666e7d;border-top:1px solid #30333e;padding-top:22px;margin-top:26px}.login-copyright{font-size:10px;color:#666e7d;margin-top:24px}@media(max-width:1200px){.resource-panel{width:250px}.live-view-label{display:none}.viewer-toolbar{gap:8px}.nvr-shell .brand{gap:15px}.nvr-shell .brand h1{font-size:18px}.layout-controls{margin-left:auto}.nvr-grid .source-status{display:none}}@media(max-width:767px){.nvr-shell{height:auto;min-height:100dvh;overflow:visible}.nvr-shell .topbar{height:auto;min-height:100px;padding:12px}.nvr-shell .header-right{width:100%}.nvr-main{flex-direction:column}.viewer-column{height:75dvh;min-height:550px;flex:auto}.resource-panel{width:100%;max-height:450px}.nvr-grid{gap:2px}.viewer-toolbar{gap:7px}.layout-controls{margin-left:0}.nvr-grid .camera-kind{font-size:9px}.nvr-grid .source-tag{display:none}.nvr-grid .waiting-scene>span{display:none}.nvr-grid .waiting-scene strong{font-size:10px}.nvr-grid .target-corners{width:35px;height:35px}.nvr-grid .target-corners svg{width:20px}.nvr-grid .empty-slot strong{font-size:9px}.nvr-grid .empty-slot span,.layout-16 .camera-kind{display:none}.viewer-heading{font-size:9px}.viewer-column .event-table-wrap{height:110px}}