:root{color:#17232b;font-synthesis:none;letter-spacing:0;--ink:#17232b;--muted:#66747d;--line:#dce2e5;--surface:#fff;--sidebar:#0e171d;--cyan:#20a6b5;--cyan-dark:#137b87;--green:#25866b;--amber:#c68828;--red:#bb4c50;background:#f3f5f6;font-family:Inter,Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{opacity:.58;cursor:wait}.loading-screen{min-height:100vh;color:var(--cyan);place-items:center;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{background:#eef2f3;grid-template-columns:minmax(300px,42%) 1fr;min-height:100vh;display:grid}.login-identity{color:#fff;background:linear-gradient(145deg,#071218b8,#0e373d75),url(/camera1_capture.png) 50%/cover;align-items:flex-end;padding:54px;display:flex;position:relative;overflow:hidden}.login-identity:after{content:"";pointer-events:none;border:18px solid #ffffff0f;position:absolute;inset:0}.login-identity>*{z-index:1;position:relative}.login-brand{width:min(360px,100%)}.login-brand img{width:min(300px,100%);height:auto;margin-bottom:20px;display:block}.login-brand strong{font-size:19px;display:block}.brand-site{color:#ffffffb8;margin-top:7px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.brand-site:hover{color:#fff;text-decoration:underline}.brand-mark{color:#fff;background:var(--cyan);border-radius:6px;place-items:center;width:54px;height:54px;display:grid}.login-panel{place-items:center;padding:40px;display:grid}.login-form-wrap{width:min(410px,100%)}.login-heading{margin-bottom:34px}.eyebrow{color:var(--cyan-dark);letter-spacing:1.7px;font-size:11px;font-weight:800;display:block}h1,h2,p{margin-top:0}.title-with-help{align-items:center;gap:9px;display:flex}.title-with-help.compact{align-items:flex-start}.help-tip{z-index:5;color:#52666f;cursor:help;background:#fff;border:1px solid #aebdc3;border-radius:50%;outline:none;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:850;line-height:1;display:inline-grid;position:relative}.help-tip:hover,.help-tip:focus-visible{color:#fff;background:var(--cyan-dark);border-color:var(--cyan-dark)}.help-tip-bubble{color:#eef5f6;opacity:0;visibility:hidden;pointer-events:none;text-align:left;background:#17272e;border:1px solid #30454e;border-radius:5px;width:min(270px,100vw - 40px);padding:10px 12px;font-size:12px;font-weight:500;line-height:1.55;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-3px);box-shadow:0 8px 24px #0510153d}.help-tip.wide .help-tip-bubble{width:min(460px,100vw - 40px);max-height:min(500px,100vh - 100px);font-family:Microsoft JhengHei,Arial,sans-serif;left:-10px;overflow-y:auto;transform:translateY(-3px)}.help-tip.wide:hover .help-tip-bubble,.help-tip.wide:focus .help-tip-bubble,.help-tip.wide:focus-within .help-tip-bubble{transform:translate(0)}.contract-help>strong{color:#fff;margin-bottom:3px;font-size:13px;display:block}.contract-help p{color:#c8d6da;margin:3px 0 9px}.contract-help b{color:#7bd6de;margin:8px 0 4px;font-size:11px;display:block}.contract-help pre{color:#eaf4f5;white-space:pre;background:#0d1b21;border:1px solid #2b414a;border-radius:4px;margin:0;padding:8px 9px;font:10px/1.45 Consolas,monospace;overflow-x:auto}.camera-setting-help>strong{color:#fff;margin-bottom:8px;font-size:13px;display:block}.camera-setting-help dl{margin:0}.camera-setting-help dt{color:#7bd6de;margin-top:8px;font-size:11px;font-weight:800}.camera-setting-help dd{color:#d7e3e6;margin:2px 0 0;font-size:11px;line-height:1.55}.camera-setting-help p{color:#b8c9ce;border-top:1px solid #30454e;margin:11px 0 0;padding-top:9px;font-size:10px;line-height:1.6}.help-tip:hover .help-tip-bubble,.help-tip:focus .help-tip-bubble,.help-tip:focus-within .help-tip-bubble{opacity:1;visibility:visible;transform:translate(-50%)}.login-heading h1,.page-title-row h1{margin:9px 0 8px;font-size:31px;line-height:1.2}.login-heading p,.section-heading p{color:var(--muted)}.login-form{gap:20px;display:grid}label{color:#3e4b53;font-size:13px;font-weight:700}input,select{width:100%;height:44px;color:var(--ink);background:#fff;border:1px solid #cbd4d8;border-radius:5px;outline:none;margin-top:8px;padding:0 12px}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #20a6b51f}.form-error{color:#9a373c;background:#fae9e9;border:1px solid #edc8ca;border-radius:5px;align-items:center;gap:8px;padding:11px 13px;font-size:13px;display:flex}.form-success{color:#176b50;background:#e7f5ef;border:1px solid #b9dfd0;border-radius:5px;align-items:center;gap:8px;padding:11px 13px;font-size:13px;display:flex}.primary-button,.secondary-button{border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:750;display:inline-flex}.primary-button{color:#fff;background:var(--cyan-dark);border:1px solid var(--cyan-dark)}.primary-button:hover{background:#0f6973}.secondary-button{color:#40505a;background:#fff;border:1px solid #cbd4d8}.secondary-button.danger-button{color:var(--red);background:#fff7f7;border-color:#e6c4c6}.secondary-button.danger-button:hover:not(:disabled){color:#fff;background:var(--red);border-color:var(--red)}.login-button{height:48px;margin-top:6px}.app-shell{grid-template-columns:242px 1fr;min-height:100vh;transition:grid-template-columns .2s;display:grid}aside{z-index:20;color:#dce4e7;background:var(--sidebar);flex-direction:column;width:242px;transition:width .2s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto;align-content:center;gap:4px 10px;min-height:88px;padding:13px 18px;display:grid}.sidebar-brand>a{min-width:0;display:block}.sidebar-brand img{width:168px;max-width:100%;height:auto;display:block}.sidebar-brand>span{color:#7f9098;grid-column:1;font-size:10px;font-weight:650}.sidebar-brand .mobile-close{grid-area:1/2/3}aside nav{gap:14px;padding:18px 12px;display:grid}.sidebar-nav-group{gap:5px;display:grid}.sidebar-nav-group>strong{color:#6f838c;letter-spacing:1.2px;padding:0 13px 3px;font-size:10px;font-weight:850;display:block}aside nav button{color:#aebbc1;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;height:43px;padding:0 13px;font-weight:650;display:flex}aside nav button:hover{color:#fff;background:#ffffff0d}aside nav button.active{color:#fff;box-shadow:inset 3px 0 var(--cyan);background:#18333b}.sidebar-footer{border-top:1px solid #ffffff14;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:72px;margin-top:auto;padding:12px 14px;display:grid}.sidebar-footer strong{font-size:13px;display:block}.sidebar-footer span{color:#75858d;margin-top:3px;font-size:10px;display:block}.user-avatar{color:#fff;background:#31636c;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.icon-button{color:#58666e;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.icon-button:hover{color:var(--cyan-dark);background:#edf3f4;border-color:#d9e2e5}aside .icon-button{color:#89989f}aside .icon-button:hover{color:#fff;background:#ffffff14;border-color:#0000}.main-column{flex-direction:column;grid-column:2;min-width:0;min-height:100vh;display:flex}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px 0 12px;display:flex}.header-left{align-items:center;gap:10px;min-width:0;display:flex}.header-context{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.header-context strong{color:var(--ink)}.header-actions{align-items:center;gap:12px;display:flex}.cloud-state,.live-indicator{color:var(--green);align-items:center;gap:7px;font-size:12px;font-weight:750;display:inline-flex}.cloud-state.danger{color:var(--red)}.cloud-state.neutral{color:#7b898f}.model-status-tip{cursor:default;outline:none;position:relative}.model-status-card{color:#eef5f6;opacity:0;visibility:hidden;pointer-events:none;background:#17272e;border:1px solid #30454e;border-radius:5px;width:220px;padding:11px 12px;font-size:12px;line-height:1.55;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-3px);box-shadow:0 8px 24px #0510153d}.model-status-tip:hover .model-status-card,.model-status-tip:focus .model-status-card,.model-status-tip:focus-within .model-status-card{opacity:1;visibility:visible;transform:translateY(0)}.model-status-card strong{color:#fff;margin-bottom:8px;font-size:13px;display:block}.model-status-card dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;display:grid}.model-status-card dt{color:#7bd6de;font-weight:800}.model-status-card dd{color:#d7e3e6;text-align:right;word-break:break-word;margin:0}.version-badge{color:#315f68;background:#e8f3f4;border:1px solid #cbe1e4;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:52px;height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.release-notes-button{cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,color .15s}.release-notes-button:hover{color:var(--cyan-dark);background:#dff0f2;border-color:#a9d3d8}@media (width>=761px){.app-shell.collapsed{grid-template-columns:68px 1fr}aside.collapsed{width:68px}aside.collapsed .sidebar-brand{grid-template-columns:42px;padding:13px}aside.collapsed .sidebar-brand>a{width:42px;overflow:hidden}aside.collapsed .sidebar-brand img{width:168px;max-width:none}aside.collapsed .sidebar-brand>span{display:none}aside.collapsed nav{padding:21px 12px}aside.collapsed .sidebar-nav-group>strong{display:none}aside.collapsed nav button{justify-content:center;gap:0;width:44px;padding:0}aside.collapsed nav button span{display:none}aside.collapsed nav button.active{box-shadow:inset 3px 0 var(--cyan)}aside.collapsed .sidebar-footer{grid-template-columns:34px;justify-content:center;padding:12px}aside.collapsed .sidebar-footer>div:nth-child(2),aside.collapsed .sidebar-footer>button{display:none}.app-shell.collapsed .site-footer{left:68px}}.content{flex:1;padding:30px 30px 78px}.site-footer{z-index:30;color:#f2f5f6;text-align:center;background:#000;border-top:1px solid #0d0f10;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:0;left:242px;right:0}.app-error-page{background:#f4f7f8;place-items:center;min-height:100vh;padding:24px;display:grid}.app-error-page section{background:#fff;border:1px solid #efd0d3;border-radius:10px;justify-items:start;gap:12px;width:min(520px,100%);padding:28px;display:grid;box-shadow:0 18px 50px #142d371f}.app-error-page svg{color:var(--red)}.app-error-page h1{color:var(--ink);margin:0;font-size:24px}.app-error-page p{color:var(--muted);margin:0;line-height:1.7}.app-error-page code{color:#9b2226;background:#fff4f5;border-radius:6px;max-width:100%;padding:8px 10px;font-size:12px;overflow:auto}.page-title-row{justify-content:space-between;align-items:flex-start;gap:20px;min-height:58px;margin-bottom:25px;display:flex}.page-title-row h1{margin-bottom:0;font-size:27px}.page-title-row .live-indicator{background:#e8f4ef;border-radius:4px;margin-top:17px;padding:8px 11px}.metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:20px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:6px;grid-template-rows:auto auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:13px;min-height:135px;padding:18px;display:grid}.metric-button{text-align:left;cursor:pointer;width:100%}.metric-button:hover{border-color:#c8dcdf;box-shadow:0 8px 20px #14333b0d}.metric-icon{border-radius:5px;grid-row:1/4;place-items:center;width:44px;height:44px;display:grid}.metric-icon svg{width:21px}.metric-icon.cyan{color:#137b87;background:#e4f3f5}.metric-icon.green{color:var(--green);background:#e5f2ed}.metric-icon.amber{color:var(--amber);background:#f8efdd}.metric-icon.red{color:var(--red);background:#f8e8e9}.metric span{color:var(--muted);font-size:12px;font-weight:700}.metric strong{font-size:28px;line-height:1}.metric small{color:#859199;font-size:11px}.dashboard-split{grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:20px;display:grid}.section-block{border:1px solid var(--line);background:#fff;border-radius:6px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:15px 18px;display:flex}.section-heading h2{margin:0 0 4px;font-size:15px}.section-heading p{margin:0;font-size:11px}.text-button{color:var(--cyan-dark);background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:750;display:inline-flex}.camera-status-row{border-bottom:1px solid #edf0f2;grid-template-columns:38px minmax(110px,1fr) minmax(130px,1.2fr) 95px 78px;align-items:center;gap:11px;min-height:68px;padding:10px 18px;display:grid}.camera-status-row:last-child{border-bottom:0}.camera-avatar{color:#52717a;background:#edf2f3;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.camera-name strong,.camera-table-name strong{font-size:13px;display:block}.camera-name span,.camera-table-name span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.camera-detections,.table-tags{flex-wrap:wrap;gap:4px;display:flex}.camera-detections span,.table-tags span{color:#496068;background:#edf2f3;border-radius:3px;padding:4px 6px;font-size:10px}.camera-interval{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.dashboard-run-row{border-bottom:1px solid #edf0f2;grid-template-columns:36px minmax(105px,.75fr) minmax(180px,1.35fr) minmax(135px,.8fr) 72px;align-items:center;gap:11px;min-height:70px;padding:10px 18px;display:grid}.dashboard-run-row:last-child{border-bottom:0}.dashboard-run-results{flex-wrap:wrap;gap:5px;display:flex}.dashboard-run-results span{border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:10px;font-weight:750;display:inline-flex}.dashboard-run-results i{border-radius:50%;width:7px;height:7px}.detection-type-badge{white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.detection-type-badge>i,.detection-type-label>i{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.detection-type-label{white-space:nowrap;align-items:center;gap:6px;font-weight:800;display:inline-flex}.dashboard-run-results .detected{color:var(--detection-color);background:color-mix(in srgb, var(--detection-color) 12%, white);border:1px solid color-mix(in srgb, var(--detection-color) 32%, white)}.dashboard-run-results .detected i{background:var(--detection-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--detection-color) 18%, white)}.dashboard-run-results .empty{color:#7b888e;background:#f1f4f5;border:1px solid #dfe5e7}.dashboard-run-results .empty i{background:#a7b1b6}.dashboard-run-row time{color:#6f7d84;white-space:nowrap;font-size:10px}.run-source{color:#66767d;text-align:center;white-space:nowrap;background:#edf2f3;border-radius:3px;padding:4px 5px;font-size:9px;font-weight:750}.run-source.live{color:#176b50;background:#e3f2eb}.run-source.calibration{color:#176a77;background:#e4f2f4}.dashboard-empty{min-height:300px}.status-badge{white-space:nowrap;align-items:center;gap:6px;width:fit-content;font-size:11px;font-weight:750;display:inline-flex}.status-badge>span{border-radius:50%;width:7px;height:7px}.status-badge.success{color:var(--green)}.status-badge.success>span{background:var(--green);box-shadow:0 0 0 3px #d9ede5}.status-badge.danger{color:var(--red)}.status-badge.danger>span{background:var(--red);box-shadow:0 0 0 3px #f3dbdc}.status-badge.warning{color:#9a6a12}.status-badge.warning>span{background:#d89a28;box-shadow:0 0 0 3px #f7e9cb}.status-badge.neutral{color:#77848b}.status-badge.neutral>span{background:#9da8ad}.incident-mini-row{border-bottom:1px solid #edf0f2;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:70px;padding:10px 16px;display:grid}.incident-symbol{width:32px;height:32px;color:var(--detection-color);background:color-mix(in srgb, var(--detection-color) 12%, white);border:1px solid #0000;border-radius:5px;place-items:center;display:grid}.incident-mini-row strong{font-size:12px;display:block}.incident-mini-row span{color:var(--muted);font-size:10px}.incident-mini-row time{color:#87939a;font-size:10px}.incident-mini-row .incident-dispatch{width:fit-content;margin-top:4px;font-size:9px;font-weight:800;display:block}.incident-dispatch.sent{color:var(--green)}.incident-dispatch.failed{color:var(--red)}.incident-dispatch.pending{color:#8d671f}.empty-state{color:#91a0a7;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:230px;display:flex}.empty-state strong{color:#5f6d74;font-size:13px}.empty-state span{font-size:11px}.toolbar{border:1px solid var(--line);min-height:58px;color:var(--muted);background:#fff;border-bottom:0;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;display:flex}.search-box{width:min(320px,70%);position:relative}.search-box svg{color:#87949a;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-box input{background:#f8fafb;height:38px;margin:0;padding-left:36px}.history-filter-bar{border:1px solid var(--line);background:#fff;border-bottom:0;border-radius:6px 6px 0 0;padding:12px}.history-filter-heading{color:#58676e;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;display:flex}.history-filter-heading svg{color:var(--cyan-dark)}.history-filter-heading span{color:var(--muted);margin-left:auto;font-weight:700}.history-filters{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:8px;display:grid}.history-filters .search-box{width:100%}.history-filters select,.history-filters input{height:38px;margin:0;font-size:11px}.history-filters .search-box{grid-column:span 4}.category-filter{grid-column:span 2}.source-filter{grid-column:span 3}.dispatch-filter{grid-column:span 2}.date-filter{min-width:0;position:relative}.date-filter>span{z-index:1;color:var(--muted);pointer-events:none;font-size:10px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.date-filter input{width:100%;padding-left:37px}.filter-clear-button{color:#56666d;border:1px solid var(--line);white-space:nowrap;background:#f6f8f9;border-radius:5px;justify-content:center;align-items:center;gap:5px;height:38px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.filter-clear-button:hover:not(:disabled){color:var(--red);background:#f9eded;border-color:#efd4d5}.filter-clear-button:disabled{color:#a9b2b6;cursor:default}.history-date-range{color:var(--muted);border-top:1px solid #edf0f2;grid-column:1/-1;align-items:center;gap:8px;padding-top:9px;font-size:11px;display:flex}.history-date-range>svg{color:var(--cyan-dark)}.history-date-range .date-filter{width:min(190px,30%)}.date-separator{color:#839097}.history-table table{table-layout:fixed;min-width:1200px}.history-table th:nth-child(2){width:18%}.history-table th:nth-child(3){width:10%}.history-table th:nth-child(4){width:15%}.history-table th:nth-child(5){width:11%}.history-table th:nth-child(6){width:18%}.history-table th:nth-child(7){width:14%}.history-table th:nth-child(8){width:10%}.history-table th:nth-child(9){width:14%}.history-table th:first-child,.history-table td:first-child{text-align:center;width:38px}.history-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--cyan-dark);margin:0}.history-table td:nth-child(8){white-space:nowrap}.history-table td:nth-child(9) .status-badge{justify-content:flex-start}.history-training-actions{flex-wrap:wrap;gap:6px;display:flex}.warning-outline{color:#9a6514;background:#fff8ea;border-color:#ead3a4}.warning-outline:hover{background:#fff0cd;border-color:#e0bb73}.incident-category-badge{white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.incident-category-badge i{background:currentColor;border-radius:50%;width:7px;height:7px}.case-id-cell{overflow-wrap:anywhere}.reported-at-cell{white-space:nowrap}.notice-bar{color:#315f68;background:#e8f3f4;border:1px solid #cbe1e4;border-radius:5px;align-items:center;gap:9px;min-height:44px;margin-bottom:12px;padding:5px 12px;font-size:12px;display:flex}.notice-bar .icon-button{margin-left:auto}.page-refresh-notice{color:#176a77;background:#e7f3f6;border-color:#c7dfe5}.data-table-wrap{border:1px solid var(--line);background:#fff;border-radius:0 0 6px 6px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#67757c;border-bottom:1px solid var(--line);text-align:left;text-transform:uppercase;background:#f6f8f9;height:40px;padding:0 13px;font-size:10px;font-weight:800}td{color:#40505a;vertical-align:middle;border-bottom:1px solid #edf0f2;min-height:66px;padding:12px 13px;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfc}.camera-table-name{align-items:center;gap:10px;min-width:145px;display:flex}.camera-image-input{display:none}.camera-thumbnail{cursor:pointer;border:1px solid #0000;padding:0;overflow:hidden}.camera-thumbnail:hover{border-color:#7dbbc2;box-shadow:0 0 0 3px #e1f0f2}.camera-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.camera-thumbnail.has-image{background:#dce7e9}.camera-image-backdrop{z-index:120}.camera-image-preview{background:#fff;border-radius:8px;width:min(900px,100vw - 40px);max-height:calc(100vh - 40px);position:relative;overflow:hidden;box-shadow:0 25px 70px #00000059}.camera-image-preview>img{object-fit:contain;background:#101b20;width:100%;max-height:calc(100vh - 112px);display:block}.camera-image-preview>div{align-items:baseline;gap:8px;padding:14px 16px;display:flex}.camera-image-preview>div span{color:var(--muted);font-size:12px}.camera-image-close{z-index:1;color:#fff;background:#071116b8;border-color:#ffffff2e;position:absolute;top:10px;right:10px}.reporter-badge{white-space:nowrap;border:1px solid;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.reporter-badge.system{color:#176a77;background:#e6f3f5;border-color:#c5e2e6}.reporter-badge.test{color:#6e55a3;background:#f0ebf8;border-color:#ddd1ef}.reporter-badge.person{color:#8a6417;background:#faf1dd;border-color:#ecd9ad}.actions-cell{text-align:right;white-space:nowrap;min-width:150px}.run-history-tip{z-index:4;color:#58666e;vertical-align:middle;cursor:help;border:1px solid #0000;border-radius:5px;outline:none;place-items:center;width:36px;height:36px;display:inline-grid;position:relative}.run-history-tip:hover,.run-history-tip:focus-visible{color:var(--cyan-dark);background:#edf3f4;border-color:#d9e2e5}.run-history-bubble{z-index:100;color:#eaf3f5;pointer-events:auto;text-align:left;white-space:normal;background:#17272e;border:1px solid #30454e;border-radius:5px;width:280px;padding:12px;animation:.15s tooltip-in;position:fixed;box-shadow:0 8px 24px #0510153d}@keyframes tooltip-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.run-history-bubble>strong{color:#fff;margin-bottom:8px;font-size:12px;display:block}.run-history-bubble>p{color:#aebdc3;margin:0;font-size:11px}.run-history-bubble ol{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.run-history-bubble li{border-top:1px solid #2b3d45;grid-template-columns:7px 1fr;gap:2px 7px;padding:7px 0;display:grid}.run-history-bubble li:first-child{border-top:0}.run-history-bubble li>span{border-radius:50%;width:7px;height:7px;margin-top:4px}.run-ok{background:#35b98d}.run-failed{background:#dc6a70}.run-history-bubble time{color:#edf5f6;font-size:11px}.run-history-bubble small{color:#9eb0b7;grid-column:2;font-size:10px}.run-history-bubble small b{color:#7bd6de;font-weight:800}.run-detection-types{vertical-align:middle;flex-wrap:wrap;gap:4px;display:inline-flex}.run-detection-types .detection-type-label{font-size:10px}.danger-icon:hover{color:var(--red);background:#f9eded;border-color:#efd4d5}.table-sub{color:var(--muted);margin-top:3px;display:block}.image-link{color:var(--cyan-dark);white-space:nowrap;align-items:center;gap:5px;font-weight:750;text-decoration:none;display:inline-flex}.image-link:hover{text-decoration:underline}.table-empty{min-height:230px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07111694;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:7px;width:min(720px,100%);max-height:calc(100vh - 40px);padding:22px;overflow-y:auto;box-shadow:0 25px 70px #00000040}.modal.compact{width:min(510px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal-header h2{margin:7px 0 0;font-size:21px}.settings-panel{width:min(480px,100%)}.settings-list{gap:10px;display:grid}.settings-item{min-height:72px;color:var(--ink);border:1px solid var(--line);text-align:left;background:#f8fafb;border-radius:6px;grid-template-columns:24px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.settings-item:hover{background:#eef5f6;border-color:#cbe1e4}.settings-item strong{font-size:13px;display:block}.settings-item span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.login-history-modal{width:min(1240px,100vw - 36px)}.login-history-table-wrap{border-radius:6px;max-height:min(62vh,560px);overflow:auto}.login-history-table{table-layout:fixed;width:100%;min-width:1120px}.login-history-table th:first-child,.login-history-table td:first-child{width:14%}.login-history-table th:nth-child(2),.login-history-table td:nth-child(2){width:22%}.login-history-table th:nth-child(3),.login-history-table td:nth-child(3){width:20%}.login-history-table th:nth-child(4),.login-history-table td:nth-child(4){width:44%}.login-history-table td{vertical-align:top;line-height:1.55}.login-history-user{white-space:nowrap;font-weight:700}.login-history-time{white-space:nowrap}.login-history-ip,.login-history-agent{color:#50616a;overflow-wrap:anywhere;word-break:break-word}.help-manual{width:min(760px,100%)}.manual-intro{color:#285d67;border-left:3px solid var(--cyan);background:#eaf4f5;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.manual-intro>svg{flex:none}.manual-intro strong{font-size:13px;display:block}.manual-intro p{color:#60737b;margin:3px 0 0;font-size:11px}.manual-sections{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.manual-sections section{border-bottom:1px solid #edf0f2;grid-template-columns:30px 1fr;align-items:start;gap:10px;min-height:76px;padding:12px 0;display:grid}.manual-sections section>svg{width:20px;color:var(--cyan-dark)}.manual-sections strong{font-size:12px}.manual-sections p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.6}.manual-terms{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.manual-terms>strong{margin-bottom:9px;font-size:13px;display:block}.manual-terms dl{grid-template-columns:90px 1fr;gap:7px 12px;margin:0;display:grid}.manual-terms dt{color:#315e68;font-size:11px;font-weight:800}.manual-terms dd{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.release-notes-modal{width:min(760px,100vw - 36px)}.release-notes-list{gap:12px;display:grid}.release-note-card{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;padding:15px}.release-note-card>div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.release-note-card span{height:26px;color:var(--cyan-dark);background:var(--cyan-soft);border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.release-note-card time{color:var(--muted);font-size:11px;font-weight:750}.release-note-card strong{color:var(--ink);margin-bottom:9px;font-size:15px;display:block}.release-note-card ul{color:#50616a;gap:6px;margin:0;padding-left:18px;font-size:12px;line-height:1.6;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-grid.single{grid-template-columns:1fr}.form-grid .full{grid-column:1/-1}.range-row{grid-template-columns:1fr 45px;align-items:center;gap:10px;min-height:44px;display:grid}.range-row input{height:auto;box-shadow:none;accent-color:var(--cyan-dark);margin:0;padding:0}.range-row strong{color:var(--cyan-dark);text-align:right;font-size:13px}.detection-fieldset{border:0;margin:20px 0;padding:0}.detection-fieldset legend{color:#3e4b53;margin-bottom:10px;font-size:13px;font-weight:750}.detection-fieldset legend>span{vertical-align:middle;margin-right:8px}.detection-fieldset legend .help-tip{vertical-align:middle;display:inline-grid}.detection-options{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.detection-options label{color:#64727a;cursor:pointer;background:#f7f9fa;border:1px solid #d9e0e3;border-radius:4px;justify-content:center;align-items:center;height:42px;padding:0 7px;font-size:11px;display:flex}.detection-options label.selected{color:#126f79;background:#e5f3f4;border-color:#9eced3}.detection-options input{display:none}.detection-setting-list{gap:8px;display:grid}.detection-setting-row{border:1px solid var(--line);background:#f7f9fa;border-radius:5px;grid-template-columns:125px minmax(120px,1fr) 48px;align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:grid}.detection-setting-row.enabled{background:#edf7f7;border-color:#badcdf}.detection-setting-row.enabled,.calibration-setting.enabled{border-left:3px solid var(--detection-color)}.detection-toggle{cursor:pointer;align-items:center;gap:9px;display:flex}.detection-toggle input{width:17px;height:17px;accent-color:var(--cyan-dark);margin:0}.detection-setting-row>input{height:auto;box-shadow:none;accent-color:var(--cyan-dark);margin:0;padding:0}.detection-setting-row>strong{color:var(--cyan-dark);text-align:right;font-size:12px}.light-off-schedule{border:1px solid var(--line);background:#f7f9fa;border-radius:5px;padding:12px 14px}.light-off-schedule.enabled{background:#fbf7ff;border-color:#d6c2e8 #d6c2e8 #d6c2e8 #875bb0;border-left-style:solid;border-left-width:3px}.light-off-time-grid{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr);align-items:end;gap:12px;display:grid}.light-off-time-grid label{color:#51636b;gap:7px;font-size:11px;font-weight:800;display:grid}.light-off-time-grid input{height:38px}.light-off-time-grid p{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px}.time-window-badge{color:#77848b;white-space:nowrap;background:#f1f4f5;border:1px solid #dfe5e7;border-radius:999px;align-items:center;padding:6px 8px;font-size:10px;font-weight:850;display:inline-flex}.time-window-badge.enabled{color:#6f3f93;background:#fbf4ff;border-color:#dbc1ed}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;display:flex}.channel-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:15px;display:grid}.channel-card{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:46px 1fr;gap:14px;min-height:146px;padding:18px;display:grid}.channel-icon{border-radius:5px;place-items:center;width:44px;height:44px;display:grid}.channel-icon.webhook{color:#137b87;background:#e4f3f5}.channel-icon.line{color:#168d52;background:#e4f4eb}.channel-main>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.channel-main strong{font-size:14px}.channel-main>div>span{color:var(--muted);font-size:10px}.channel-main p{color:#65737a;text-overflow:ellipsis;white-space:nowrap;margin:13px 0;font-size:11px;overflow:hidden}.channel-meta{color:#829098;align-items:center;gap:17px;font-size:10px;display:flex}.channel-camera-list{flex-wrap:wrap;gap:5px;margin:-4px 0 12px;display:flex}.channel-camera-list span{color:#315f68;background:#e9f3f4;border:1px solid #cee1e4;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;font-weight:750;display:inline-flex}.channel-actions{gap:2px;margin-left:auto;display:inline-flex}.channel-actions .icon-button{width:29px;height:29px}.notification-modal{width:min(650px,100vw - 28px)}.camera-routing-fieldset{border:1px solid var(--line);border-radius:5px;margin:4px 0 0;padding:13px}.camera-routing-fieldset legend{color:#3e4b53;padding:0 5px;font-size:12px;font-weight:800}.camera-routing-fieldset>p{color:var(--muted);margin:0 0 10px;font-size:10px}.camera-routing-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.camera-routing-options label{border:1px solid var(--line);cursor:pointer;background:#f6f8f9;border-radius:5px;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:9px;display:grid}.camera-routing-options label.selected{color:#176a77;background:#e8f4f5;border-color:#9fcdd2}.camera-routing-options input,.notification-enabled input{width:17px;height:17px;accent-color:var(--cyan-dark);margin:0}.camera-routing-options strong,.camera-routing-options small{display:block}.camera-routing-options strong{font-size:11px}.camera-routing-options small{color:var(--muted);margin-top:3px;font-size:9px}.notification-enabled{border:1px solid var(--line);cursor:pointer;background:#f6f8f9;border-radius:5px;align-items:center;gap:8px;padding:10px 12px;display:flex}.notification-enabled span{font-size:11px;font-weight:750}.setup-panel{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:16px;overflow:hidden}.setup-panel-header{border-bottom:1px solid var(--line);background:linear-gradient(#fbfcfc 0%,#f6f9fa 100%);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.setup-panel-header h2{margin:6px 0 4px;font-size:17px}.setup-panel-header p{color:var(--muted);margin:0;font-size:11px}.setup-step-pill{color:var(--cyan-dark);letter-spacing:.04em;background:#e8f3f4;border:1px solid #cfe1e4;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.line-oa-setup{background:#f1faf5;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.line-oa-setup strong,.line-oa-setup span{display:block}.line-oa-setup strong{font-size:13px}.line-oa-setup span{color:#648075;margin-top:4px;font-size:10px}.line-oa-bind-panel{background:linear-gradient(135deg,#f7fffb,#eefaf6);border:1px solid #d7efe4;border-radius:8px;grid-template-columns:minmax(0,1fr) 190px;gap:18px;margin:12px 18px 18px;padding:18px;display:grid}.line-oa-bind-copy h3{color:var(--ink);margin:9px 0 6px;font-size:17px}.line-oa-bind-copy p{color:#607780;max-width:680px;margin:0;font-size:12px;line-height:1.7}.line-oa-bind-copy ol{color:#314a54;gap:6px;margin:12px 0 14px;padding-left:20px;font-size:12px;display:grid}.line-add-button{width:fit-content;text-decoration:none;display:inline-flex}.line-oa-qr-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;align-content:center;justify-items:center;gap:7px;padding:12px;display:grid}.line-oa-qr-card img{object-fit:contain;border-radius:10px;width:138px;height:138px}.line-oa-qr-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--ink);font-size:12px;overflow:hidden}.line-oa-qr-card span{color:var(--muted);font-size:10px}.qr-placeholder{width:138px;height:138px;color:var(--muted);background:#eef5f6;border-radius:8px;align-content:center;place-items:center;gap:8px;font-size:10px;display:grid}.notification-account-grid,.compact-channel-grid{background:#f7f9fa;padding:12px}.channel-card.compact{min-height:122px;padding:16px}.compact-empty{min-height:170px}.account-management-list{gap:6px;margin:10px 0 18px;display:grid}.account-management-list>div{border:1px solid var(--line);background:#fff;border-radius:5px;grid-template-columns:1fr auto 34px;align-items:center;gap:7px;padding:10px 12px;display:grid}.account-management-list strong,.account-management-list span{display:block}.account-management-list strong{font-size:11px}.account-management-list span{color:var(--muted);margin-top:3px;font-size:9px}.danger-option{color:var(--red);background:#fff5f5;border-color:#edc9cb}.binding-shell{background:#f1f5f6;place-items:center;min-height:100vh;padding:24px;display:grid}.binding-card{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(620px,100%);padding:28px;box-shadow:0 16px 40px #142d371a}.binding-heading{grid-template-columns:48px 1fr auto;align-items:center;gap:14px;display:grid}.binding-heading h1{margin:5px 0 3px;font-size:24px}.binding-heading p{color:var(--muted);margin:0;font-size:11px}.binding-status{border-radius:6px;gap:5px;margin:24px 0;padding:16px;display:grid}.binding-status.bound{color:#176b50;background:#e7f5ee;border:1px solid #b9dfd1}.binding-status.unbound{color:#8a6417;background:#faf3e4;border:1px solid #ead7ad}.binding-status span{font-size:11px}.binding-cameras>strong{font-size:12px}.binding-cameras>div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.binding-cameras span{color:#315f68;background:#e9f3f4;border-radius:5px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:750;display:inline-flex}.binding-cameras small{color:var(--muted);font-size:9px}.binding-code{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:9px;margin-top:25px;padding-top:20px;display:flex}.binding-code>strong{color:#168d52;letter-spacing:8px;font-size:38px}.binding-code small{color:var(--muted)}.empty-state.wide{border:1px solid var(--line);background:#fff;border-radius:6px;grid-column:1/-1;min-height:260px}.mobile-menu,.mobile-close{display:none}.segmented-control{background:#e5eaec;border-radius:5px;grid-auto-flow:column;gap:1px;padding:3px;display:inline-grid}.segmented-control button{color:#68767d;background:0 0;border:0;border-radius:3px;min-width:58px;height:32px;padding:0 8px;font-size:11px;font-weight:800}.segmented-control button.active{color:var(--cyan-dark);background:#fff;box-shadow:0 1px 3px #11242d1f}.page-controls{align-items:center;gap:10px;display:flex}.layout-label{color:var(--muted);font-size:11px;font-weight:750}.live-grid{grid-template-columns:repeat(var(--live-columns), minmax(0, 1fr));gap:14px;display:grid}.live-tile{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:0;overflow:hidden}.live-canvas{aspect-ratio:16/9;background:#111a1f;position:relative;overflow:hidden}.live-canvas img{object-fit:contain;width:100%;height:100%;display:block}.live-detection-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.live-detection-overlay rect:first-child{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #00000073)}.live-detection-overlay text{fill:#fff;paint-order:stroke;stroke:#00000040;stroke-width:2px;font-family:Inter,Microsoft JhengHei,sans-serif;font-size:16px;font-weight:900}.live-placeholder{color:#6e818a;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.live-placeholder strong{color:#bac6cb;font-size:13px}.live-placeholder span{font-size:10px}.live-overlay{background:#081217c2;border-radius:4px;align-items:center;gap:10px;padding:5px 8px;display:flex;position:absolute;top:10px;left:10px}.live-overlay .status-badge.neutral{color:#c5d0d4}.detection-count{color:#e8f1f3;font-size:10px;font-weight:750}.live-expand{color:#fff;background:#081217b3;border-radius:4px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:10px;right:10px}.live-footer{justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 12px;display:flex}.live-footer strong{font-size:13px;display:block}.live-footer span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.live-footer-actions{align-items:center;gap:8px;display:flex}.detect-action-button{color:#fff;background:var(--cyan-dark);border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:102px;height:36px;padding:0 11px;font-size:11px;font-weight:750;display:inline-flex}.detect-action-button:hover{background:#0f6973}.detect-action-button:disabled{cursor:wait}.compact-button{white-space:nowrap;min-height:36px;padding:0 11px;font-size:11px}.snapshot-error{color:var(--red);background:#f9eded;border-top:1px solid #efd4d5;align-items:center;gap:6px;padding:7px 12px;font-size:11px;display:flex}.detection-progress{border-top:1px solid var(--line);background:#f8fafb;padding:11px 12px 13px}.progress-copy{color:#5f6e75;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;display:flex}.progress-copy strong{color:var(--cyan-dark)}.progress-track{background:#dfe7e9;border-radius:3px;height:6px;overflow:hidden}.progress-track span{background:var(--cyan);border-radius:3px;height:100%;transition:width .45s;display:block}.detection-result{border-top:1px solid var(--line);padding:11px 12px}.detection-result.clear{color:var(--green);background:#eef7f3}.detection-result.has-results{color:#8e5e18;background:#fbf4e7}.result-heading{align-items:center;gap:7px;font-size:11px;display:flex}.result-tags{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.result-tags span{color:#73501e;background:#ffffffb3;border:1px solid #ead7b5;border-radius:4px;padding:5px 7px;font-size:10px}.quick-detections{flex-wrap:wrap;gap:6px;min-width:520px;display:flex}.quick-detections button{color:#7c898f;background:#f2f4f5;border:1px dashed #cbd3d6;border-radius:5px;align-items:center;gap:5px;min-height:34px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.quick-detections button.active{border-style:solid;box-shadow:inset 0 0 0 1px #ffffff73}.quick-detections small{color:inherit;opacity:.8;font-size:9px}.quick-detections em{color:#77858c;background:#e1e5e7;border-radius:3px;margin-left:2px;padding:2px 4px;font-size:8px;font-style:normal;font-weight:850}.quick-detections button.active em{color:#fff;background:var(--detection-color)}.quick-state-icon{color:#a0aaaf}.quick-detections button.active .quick-state-icon{color:currentColor}.quick-category-dot{border-radius:50%;width:7px;height:7px}.quick-state{background:#aeb9be;border-radius:50%;width:7px;height:7px}.quick-detections button.active .quick-state{background:var(--green);background:currentColor}.inline-select,.camera-picker{width:auto;min-width:118px;height:36px;margin:0;padding-right:30px;font-size:11px}.camera-picker{min-width:220px}.calibration-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.calibration-controls,.calibration-preview{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}.calibration-controls{padding:20px}.calibration-preview>.section-heading{border-bottom:1px solid var(--line);padding:17px 18px}.calibration-settings{gap:8px;display:grid}.calibration-setting{border:1px solid var(--line);background:#f6f8f9;border-radius:5px;padding:10px 11px}.calibration-setting.enabled{background:#edf7f7;border-color:#b8dadd}.calibration-setting>label{cursor:pointer;align-items:center;gap:8px;display:flex}.calibration-setting>label input{width:17px;height:17px;accent-color:var(--cyan-dark);margin:0}.calibration-range{grid-template-columns:1fr 46px;align-items:center;gap:9px;margin-top:8px;display:grid}.calibration-range input{height:auto;box-shadow:none;accent-color:var(--cyan-dark);margin:0;padding:0}.calibration-range strong{color:var(--cyan-dark);text-align:right;font-size:12px}.calibration-actions{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:8px;margin-top:18px;padding-top:16px;display:grid}.calibration-canvas{aspect-ratio:16/9;background:#10191e;position:relative;overflow:hidden}.calibration-canvas img{object-fit:contain;width:100%;height:100%;display:block}.calibration-detection-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.calibration-detection-box{fill:#ffffff08;stroke-width:3px;vector-effect:non-scaling-stroke}.calibration-detection-overlay text{font-family:Inter,Microsoft JhengHei,sans-serif;font-size:16px;font-weight:800}.calibration-results{border-top:1px solid var(--line);padding:13px 16px 16px}.calibration-results.clear{color:var(--green);background:#eef7f3}.calibration-results.has-results{color:#845818;background:#fbf4e7}.calibration-result-row{color:#34434b;background:#ffffffc2;border:1px solid #c688283d;border-radius:4px;grid-template-columns:minmax(80px,1fr) auto auto 54px;align-items:center;gap:12px;margin-top:9px;padding:8px 10px;font-size:11px;display:grid}.calibration-result-row small{color:var(--muted)}.calibration-result-row em{text-align:center;border-radius:3px;padding:3px 6px;font-size:10px;font-style:normal;font-weight:800}.calibration-result-row.score-pass em{color:#176b50;background:#dff2e9}.calibration-result-row.score-fail em{color:#8d5b18;background:#f5e8cf}.calibration-result-row.score-disabled{opacity:.6}.calibration-result-row.score-disabled em{color:#637178;background:#e7ecee}.training-metrics{grid-template-columns:repeat(5,minmax(140px,1fr));margin-top:-4px}.training-filter-card{transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;position:relative}.training-filter-card.active{background:linear-gradient(135deg,#f0fbfc,#fff);border-color:#8bcbd2;transform:translateY(-2px);box-shadow:0 12px 28px #137b8724}.training-filter-card.active:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #20a6b538}.training-filter-card.active .metric-icon{box-shadow:0 0 0 4px #20a6b51f}.training-list-heading{color:#315f68;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:9px;margin:8px 0 10px;padding:12px 14px;display:flex}.training-list-heading strong{color:var(--ink);font-size:13px}.training-list-heading span{color:var(--muted);margin-left:auto;font-size:12px;font-weight:800}.training-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.training-filters .search-box{grid-column:span 1}.training-grid{grid-template-columns:1fr;gap:16px;display:grid}.training-card{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:minmax(320px,34%) minmax(0,1fr);display:grid;overflow:hidden}.training-preview{background:#10191e;align-self:start}.training-preview a,.training-preview img{width:100%;display:block}.training-preview-link{position:relative;overflow:visible}.training-preview img{object-fit:contain;height:auto}.training-box{pointer-events:none;border:2px solid #2ca7ff;position:absolute;box-shadow:inset 0 0 0 1px #ffffff59}.training-box em{color:#fff;white-space:nowrap;background:#2ca7ffeb;border-radius:4px 4px 4px 0;padding:3px 6px;font-size:10px;font-style:normal;font-weight:800;display:inline-block;position:absolute;top:-22px;left:-1px}.training-body{flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.training-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.training-header strong{color:var(--ink);font-size:16px;line-height:1.25;display:block}.training-header span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.training-header .status-badge{background:#f5faf8;border-radius:4px;flex:none;margin-top:1px;padding:6px 8px}.training-meta{background:#f6f8f9;border:1px solid #e7ecee;border-radius:5px;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px;display:flex}.training-suggested{color:#5f6f77;font-size:10px;font-weight:750}.training-suggested.negative-sample{color:#9a6514;background:#fff3da;border-radius:999px;padding:2px 6px}.training-meta .training-suggested+.training-suggested:before{content:"·";color:#a1adb2;margin-right:6px}.training-meta .training-suggested.negative-sample:before{content:none}.training-tags{min-height:27px;margin-top:0}.training-tags span{color:#315f68;border-color:#cbe1e4}.training-controls{border-top:1px solid #e8edef;grid-template-columns:minmax(170px,240px) minmax(0,1fr);align-items:end;gap:14px;margin-top:auto;padding-top:12px;display:grid}.training-state-summary{background:#f7fafb;border:1px solid #e2e9ec;border-radius:5px;align-self:stretch;gap:4px;padding:9px 10px;display:grid}.training-state-summary strong{color:var(--ink);font-size:12px}.training-state-summary span{color:var(--muted);font-size:11px;line-height:1.45}.training-status-control{flex:0 0 142px;font-size:11px}.training-status-control select{height:40px;margin-top:5px;font-size:12px}.training-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0;display:flex}.training-actions button{white-space:nowrap;min-height:40px}.training-delete-button{color:var(--red);background:#fff7f7;border-color:#e6c4c6}.training-delete-button:hover:not(:disabled){color:#fff;background:var(--red);border-color:var(--red)}.learning-flow-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-8px 0 16px;display:grid}.learning-flow-panel article{border:1px solid #dfe8eb;border-left:4px solid var(--cyan-dark);background:#fff;border-radius:7px;padding:12px 14px;box-shadow:0 8px 22px #142d3708}.learning-flow-panel strong{color:var(--ink);font-size:13px;display:block}.learning-flow-panel span{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.55;display:block}.training-job-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.training-power-panel{border:1px solid var(--line);background:#fff;border-left:4px solid #d0dce0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:14px 0 16px;padding:16px 18px;display:grid;box-shadow:0 8px 22px #142d3709}.training-power-panel.enabled{border-left-color:var(--green);background:linear-gradient(135deg,#f3fbf7,#fff)}.training-power-panel h2{color:var(--ink);margin:3px 0 5px;font-size:16px}.training-power-panel p{color:#5b6d75;margin:0;font-size:12px;line-height:1.6}.training-power-panel small{color:#9a6a12;margin-top:6px;font-size:11px;display:block}.training-power-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.training-dataset-warning{color:#925f12;background:#fff8ea;border:1px solid #ead3a4;border-left:4px solid #d89a28;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;margin:12px 0 16px;padding:12px 14px;display:grid}.training-dataset-warning strong{color:#7b4b08;font-size:13px;display:block}.training-dataset-warning span{color:#8b6a32;margin-top:4px;font-size:12px;line-height:1.6;display:block}.training-ready-panel{border:1px solid var(--line);background:#fff;border-radius:7px;margin:14px 0 16px;padding:16px;box-shadow:0 8px 24px #142d3709}.training-ready-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.training-ready-card{background:#f8fafb;border:1px solid #e3ebee;border-radius:7px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;padding:9px;display:grid;overflow:hidden}.training-ready-image{color:#8ba0a7;background:#10191e;border-radius:5px;place-items:center;height:64px;display:grid;position:relative;overflow:hidden}.training-ready-image img{object-fit:cover;width:100%;height:100%;display:block}.training-ready-box{pointer-events:none;border:2px solid #4caf50;position:absolute;box-shadow:0 0 0 1px #ffffff59}.training-ready-card strong{color:var(--ink);font-size:12px;display:block}.training-ready-card span{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.45;display:block}.training-ready-card small{color:var(--green);background:#e8f5ee;border-radius:999px;margin-top:6px;padding:3px 7px;font-size:10px;font-weight:850;display:inline-block}.training-ready-card small.negative{color:#9a6a12;background:#fff3da}.training-job-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;margin-bottom:16px;display:grid}.training-job-card,.training-job-list-panel{border:1px solid var(--line);background:#fff;border-radius:7px;padding:16px;box-shadow:0 8px 24px #142d3709}.training-job-card{flex-direction:column;gap:14px;display:flex}.training-impact-note{color:#315f68;background:linear-gradient(135deg,#eef9fb,#f8fcfc);border:1px solid #cce8ec;border-radius:7px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.training-impact-note svg{color:var(--cyan-dark);margin-top:2px}.training-impact-note strong{color:var(--ink);font-size:13px;display:block}.training-impact-note span{color:#5f747b;margin-top:5px;font-size:12px;line-height:1.55;display:block}.training-class-picker{background:#f7fafb;border:1px solid #e5ecef;border-radius:6px;gap:8px;padding:12px;display:grid}.training-class-picker>strong{color:var(--ink);font-size:13px}.training-class-picker>span{color:var(--muted);font-size:11px}.training-class-picker>div{flex-wrap:wrap;gap:8px;display:flex}.training-class-picker button{color:#50636b;cursor:pointer;background:#fff;border:1px solid #dbe5e8;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-weight:800;display:inline-flex}.training-class-picker button.active{color:var(--cyan-dark);background:#eaf7f8;border-color:#9bd1d7}.training-class-picker i{border-radius:999px;width:11px;height:11px}.training-class-picker small{color:var(--muted);font-size:10px}.training-start-summary{color:#315f68;background:#eff8f8;border:1px solid #cfe7eb;border-radius:6px;padding:12px}.training-start-summary strong{color:var(--cyan-dark);font-size:13px;display:block}.training-start-summary span{color:#5f747b;margin-top:5px;font-size:12px;line-height:1.55;display:block}.training-blocked-note{color:#9a640f;background:#fff7e8;border:1px solid #f0d59a;border-radius:6px;align-items:center;gap:8px;padding:11px 12px;font-size:12px;font-weight:800;display:flex}.full-width-label{color:#34434b;gap:6px;font-size:12px;font-weight:750;display:grid}.training-flow-steps{grid-template-columns:1fr}.training-job-list-panel{margin-top:16px}.training-job-list{gap:10px;display:grid}.training-job-row{background:#f8fafb;border:1px solid #e4ebed;border-left:4px solid #9fb0b7;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.training-job-row.running{border-left-color:var(--cyan)}.training-job-row.completed{border-left-color:var(--green)}.training-job-row.failed{border-left-color:var(--red)}.training-job-row strong{color:var(--ink);font-size:14px;display:block}.training-job-row small,.training-job-row p{color:var(--muted);margin-top:5px;font-size:11px;display:block}.training-job-row>div:last-child{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.training-job-tags{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.training-job-tags span{color:#315f68;background:#eef7f8;border:1px solid #d0e6e9;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.training-job-tags .training-upload-pending{color:#9a6a12;background:#fff6df;border-color:#f0d69d}.training-job-tags .training-uploaded{color:var(--green);background:#edf8f2;border-color:#c7e7d6}.danger-text{color:var(--red)!important}.status-badge.info{color:#176a77;background:#eaf7f8}.model-manager-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;margin-bottom:16px;display:grid}.model-manager-card,.model-flow-panel,.model-version-panel{border:1px solid var(--line);background:#fff;border-radius:7px;box-shadow:0 8px 24px #142d3709}.model-manager-card{gap:16px;padding:18px;display:grid}.current-model-card{grid-template-columns:54px 1fr}.model-manager-icon{width:46px;height:46px;color:var(--cyan-dark);background:#e8f4f5;border-radius:10px;place-items:center;display:grid}.model-manager-card h2,.model-flow-panel h2,.model-version-panel h2{color:var(--ink);margin:4px 0 0;font-size:18px}.model-manager-card p{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.65}.model-usage-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.model-detail-list{background:#f7f9fa;border:1px solid #e6ecee;border-radius:6px;grid-template-columns:92px minmax(0,1fr);gap:8px 14px;margin:16px 0 0;padding:14px;display:grid}.model-detail-list dt{color:#5b6a72;font-size:11px;font-weight:800}.model-detail-list dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:750}.model-upload-drop{color:#176a77;text-align:center;background:linear-gradient(135deg,#edf8f9,#f8fbfb);border:1px dashed #8cc9d0;border-radius:8px;align-content:center;place-items:center;gap:7px;min-height:140px;padding:20px;display:grid}.model-upload-drop span{color:var(--muted);font-size:11px}.model-upload-drop.disabled{opacity:.75;filter:grayscale(.1)}.compact-model-form{gap:9px}.compact-model-form input[type=file]{padding:10px;line-height:1.2}.model-file-hint{color:#315f68;overflow-wrap:anywhere;background:#eff8f8;border:1px solid #d1e8eb;border-radius:5px;padding:8px 10px;font-size:11px;font-weight:750}.model-file-hint.danger{color:#a13b3f;background:#fff2f2;border-color:#efc7c9}.internal-model-card{background:linear-gradient(135deg,#fff,#f5fbfb);border-color:#d4ecef;align-content:start}.internal-model-checklist{background:#f7fbfb;border:1px solid #e1eef0;border-radius:8px;gap:9px;padding:14px;display:grid}.internal-model-checklist span{color:#315f68;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.internal-model-checklist svg{color:var(--green);flex-shrink:0}.compact-notice{margin:0;padding:10px 12px;font-size:12px}.model-flow-panel,.model-version-panel{margin-top:16px;padding:16px}.model-flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.model-flow-steps article{background:#f8fafb;border:1px solid #e6ecee;border-radius:6px;padding:14px}.model-flow-steps strong{color:var(--cyan-dark);font-size:13px}.model-flow-steps p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.6}.model-version-empty{color:#8b9aa0;text-align:center;background:#f7f9fa;border:1px dashed #d6e0e3;border-radius:7px;align-content:center;place-items:center;gap:8px;min-height:180px;display:grid}.model-version-empty strong{color:var(--ink);font-size:15px}.model-version-empty span{max-width:520px;font-size:12px;line-height:1.6}.model-version-list{gap:9px;display:grid}.model-version-row{background:#f8fafb;border:1px solid #e4ebed;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px;display:grid}.model-version-row.active{background:#f1faf6;border-color:#b9dfcf}.model-version-row strong{color:var(--ink);font-size:13px;display:block}.model-version-row strong span{color:var(--cyan-dark)}.model-version-row small,.model-version-row code,.model-version-row p{color:var(--muted);margin-top:5px;font-size:11px;display:block}.model-version-row code{color:#53646b;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.model-version-row p{margin-bottom:0;line-height:1.5}.model-version-row>div:last-child{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.grid.two{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:16px;margin-bottom:16px;display:grid}.form-card{border:1px solid var(--line);background:#fff;border-radius:7px;gap:13px;padding:16px;display:grid;box-shadow:0 8px 24px #142d3709}.form-card textarea{width:100%;min-height:86px;color:var(--ink);resize:vertical;font:inherit;background:#fff;border:1px solid #cbd4d8;border-radius:5px;margin-top:8px;padding:10px 12px}.form-card textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #20a6b51f}.field-hint{color:var(--muted);font-size:11px;line-height:1.5;display:block}.compact-list{max-height:360px;overflow-y:auto}.agent-package-choice{cursor:pointer;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;width:100%;margin:0;display:grid}.agent-package-choice input{width:16px;height:16px;accent-color:var(--cyan-dark);margin:2px 0 0}.agent-history-panel{margin-top:16px}.agent-history-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.agent-update-group{border:1px solid var(--line);background:linear-gradient(135deg,#f7fafb,#fff);border-radius:9px;margin-top:16px;padding:16px;box-shadow:0 10px 26px #142d3709}.agent-update-group-title{border-bottom:1px solid #e4ebed;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:grid}.agent-update-group-title .step-number{color:#fff;background:var(--cyan-dark);border-radius:999px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:grid}.agent-update-group-title h2{color:var(--ink);margin:0;font-size:20px}.agent-update-group-title p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.55}.agent-subsection-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:14px;display:grid}.agent-subsection-card{background:#fff;border:1px solid #e0e8eb;border-radius:8px;gap:13px;padding:14px;display:grid;box-shadow:0 6px 18px #142d3706}.agent-subsection-card label{color:#34434b;gap:7px;font-size:12px;font-weight:800;display:grid}.agent-subsection-card input,.agent-subsection-card textarea,.agent-subsection-card select{width:100%;color:var(--ink);font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbd7dc;border-radius:6px}.agent-subsection-card input,.agent-subsection-card select{min-height:42px;padding:10px 12px}.agent-subsection-card textarea{resize:vertical;min-height:92px;padding:11px 12px;line-height:1.55}.agent-subsection-card input[type=file]{color:#22313a;padding:9px 12px}.agent-subsection-card input:focus,.agent-subsection-card textarea:focus,.agent-subsection-card select:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #20a6b521}.agent-subsection-card textarea::placeholder,.agent-subsection-card input::placeholder{color:#8fa0a7}.agent-subsection-heading{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px;display:grid}.agent-subsection-heading.wide{grid-template-columns:42px minmax(0,1fr) auto;align-items:center}.agent-subsection-heading>span:first-child{min-width:34px;height:26px;color:var(--cyan-dark);background:#e9f7f8;border:1px solid #c5e6e9;border-radius:999px;place-items:center;font-size:11px;font-weight:900;display:inline-grid}.agent-subsection-heading h3{color:var(--ink);margin:0;font-size:15px}.agent-subsection-heading p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.agent-update-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.agent-primary-panel{padding:16px}.agent-advanced-panel{margin-top:14px;padding:0;overflow:hidden}.agent-advanced-panel summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;font-size:14px;font-weight:900;list-style:none;display:flex}.agent-advanced-panel summary::-webkit-details-marker{display:none}.agent-advanced-panel summary:after{content:"展開";color:var(--cyan-dark);font-size:11px;font-weight:900}.agent-advanced-panel[open] summary{border-bottom:1px solid var(--line)}.agent-advanced-panel[open] summary:after{content:"收合"}.agent-simple-upload-form{gap:12px;padding:16px;display:grid}.agent-simple-upload-form label{color:#34434b;gap:7px;font-size:12px;font-weight:800;display:grid}.agent-simple-upload-form input,.agent-simple-upload-form textarea{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd7dc;border-radius:6px}.agent-simple-upload-form input{min-height:42px;padding:10px 12px}.agent-simple-upload-form textarea{resize:vertical;min-height:88px;padding:11px 12px;line-height:1.55}.agent-maintenance-grid{gap:16px;padding:16px;display:grid}.agent-maintenance-grid>section{background:#f8fafb;border:1px solid #e4ebed;border-radius:8px;padding:14px}.annotation-modal{width:min(1100px,100%)}.annotation-toolbar{border:1px solid var(--line);background:#f5f8f9;border-radius:5px;align-items:flex-end;gap:12px;margin:14px 0;padding:12px;display:flex}.annotation-toolbar label{color:#34434b;width:min(280px,100%);font-size:11px;font-weight:750}.annotation-toolbar select{margin-top:5px}.annotation-toolbar>span{color:var(--muted);margin:0 auto 10px 0;font-size:11px}.false-positive-picker{background:#fffaf1;border:1px solid #f0d59a;border-radius:6px;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:12px;margin:-2px 0 14px;padding:12px;display:grid}.false-positive-picker strong{color:#6f4a0d;font-size:12px;display:block}.false-positive-picker span{color:#8a6a31;margin-top:5px;font-size:11px;line-height:1.5;display:block}.false-positive-picker>div:last-child{flex-wrap:wrap;align-content:start;gap:8px;display:flex}.false-positive-picker button{color:#50636b;cursor:pointer;background:#fff;border:1px solid #e2d3b7;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:7px 10px;font-size:11px;font-weight:850;display:inline-flex}.false-positive-picker button>span{border-radius:999px;width:10px;height:10px;margin:0}.false-positive-picker button.active{color:var(--detection-color);background:color-mix(in srgb, var(--detection-color) 12%, #fff);border-color:color-mix(in srgb, var(--detection-color) 36%, #fff);box-shadow:0 0 0 2px color-mix(in srgb, var(--detection-color) 10%, transparent)}.false-positive-picker .false-positive-selected{color:#6f4a0d;background:#be7a221a;border:1px dashed #e7c179;border-radius:6px;flex-basis:100%;margin-top:2px;padding:8px 10px;font-weight:850}.annotation-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:14px;display:grid}.annotation-stage{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#10191e;border:1px solid #293b43;border-radius:5px;min-height:240px;position:relative;overflow:hidden}.annotation-stage img{pointer-events:none;width:100%;height:auto;display:block}.annotation-overlay{pointer-events:none;position:absolute;inset:0}.annotation-box{border:2px solid #2ca7ff;position:absolute;box-shadow:inset 0 0 0 1px #ffffff73}.annotation-box.draft{background:#ffd45c14;border-style:dashed;border-color:#ffd45c}.annotation-box em{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#147bb3;border-radius:3px 3px 3px 0;max-width:150px;padding:3px 6px;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:-23px;left:-2px;overflow:hidden}.annotation-box.draft em{color:#3d3108;background:#ffd45c}.annotation-list{border:1px solid var(--line);background:#f7f9fa;border-radius:5px;max-height:520px;overflow-y:auto}.annotation-list-heading{z-index:1;border-bottom:1px solid var(--line);background:#f7f9fa;justify-content:space-between;padding:12px;font-size:12px;display:flex;position:sticky;top:0}.annotation-list-heading span{color:var(--muted)}.annotation-list-row{border-bottom:1px solid var(--line);grid-template-columns:26px 1fr 34px;align-items:center;gap:7px;padding:8px 9px;display:grid}.annotation-list-row>strong{color:var(--cyan-dark);text-align:center}.annotation-list-row select{height:36px;margin:0;padding:0 28px 0 9px;font-size:11px}.annotation-list .empty-state{min-height:180px}.annotation-notes{color:#34434b;margin-top:14px;font-size:12px;font-weight:750;display:block}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.agent-update-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-split{grid-template-columns:1fr}.camera-status-row{grid-template-columns:38px minmax(110px,1fr) minmax(130px,1fr) 78px}.camera-interval{display:none}.dashboard-run-row{grid-template-columns:36px minmax(100px,.8fr) minmax(170px,1.3fr) minmax(130px,.8fr)}.dashboard-run-row .run-source{display:none}.history-filters .search-box{grid-column:span 6}.category-filter,.source-filter,.dispatch-filter{grid-column:span 2}.source-filter,.dispatch-filter{grid-column:span 3}.training-grid{grid-template-columns:1fr}.model-manager-grid,.model-flow-steps,.grid.two,.agent-subsection-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.login-shell{grid-template-columns:1fr}.login-identity{align-items:flex-end;min-height:180px;padding:30px}.login-panel{padding:34px 22px}.app-shell{display:block}aside{transition:transform .2s;transform:translate(-100%)}aside.open{transform:translate(0)}.main-column{min-width:0}.mobile-overlay{z-index:15;background:#0006;position:fixed;inset:0}.mobile-menu,.mobile-close{display:inline-grid}.sidebar-collapse-button{display:none}.mobile-close{margin-left:auto}header{height:58px;padding:0 13px}.header-context span,.header-context svg,.cloud-state{display:none}.version-badge{min-width:44px;padding:0 8px}.release-notes-button svg{display:none}.content{padding:20px 14px}.setup-panel-header{flex-direction:column;align-items:flex-start}.line-oa-setup{grid-template-columns:46px 1fr}.line-oa-setup>.status-badge{grid-column:1/-1;justify-self:start}.line-oa-bind-panel{grid-template-columns:1fr;margin:12px}.line-oa-qr-card{justify-self:start;width:190px}.page-title-row{align-items:center}.page-title-row h1{font-size:23px}.page-title-row .live-indicator{display:none}.metric-grid,.agent-update-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.training-metrics{grid-template-columns:1fr 1fr}.grid.two,.agent-subsection-grid{grid-template-columns:1fr}.agent-subsection-heading.wide{grid-template-columns:34px minmax(0,1fr)}.agent-subsection-heading.wide .agent-history-actions,.agent-subsection-heading.wide>.status-badge{grid-column:1/-1;justify-self:start}.metric{grid-template-columns:36px 1fr;column-gap:10px;min-height:112px;padding:13px}.metric-icon{width:36px;height:36px}.metric strong{font-size:23px}.camera-status-row{grid-template-columns:36px 1fr 70px;padding:10px 12px}.camera-detections{display:none}.dashboard-run-row{grid-template-columns:34px 1fr auto;gap:8px;padding:10px 12px}.dashboard-run-results{grid-column:2/-1}.dashboard-run-row time{grid-area:1/3}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.detection-options{grid-template-columns:repeat(2,1fr)}.channel-grid,.live-grid,.calibration-layout,.training-card{grid-template-columns:1fr}.training-controls{flex-direction:column;align-items:stretch}.training-status-control{flex-basis:auto;width:100%}.training-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.training-actions .primary-button{grid-column:1/-1}.annotation-toolbar{flex-direction:column;align-items:stretch}.annotation-toolbar>span{margin:0}.false-positive-picker,.annotation-layout{grid-template-columns:1fr}.annotation-list{max-height:240px}.camera-picker{width:100%}.page-title-row:has(.page-controls){flex-direction:column;align-items:flex-start}.page-controls{justify-content:space-between;width:100%}.segmented-control{max-width:100%;overflow-x:auto}.modal{padding:18px}.manual-sections{grid-template-columns:1fr}.manual-terms dl{grid-template-columns:72px 1fr}.detection-setting-row{grid-template-columns:100px minmax(90px,1fr) 42px;gap:8px;padding:8px}.calibration-actions{grid-template-columns:1fr}.calibration-result-row{grid-template-columns:1fr auto auto}.calibration-result-row small{grid-column:1/2}.calibration-result-row em{grid-area:1/3}.history-filters{grid-template-columns:1fr 1fr}.history-filters .search-box,.category-filter,.source-filter,.dispatch-filter{grid-column:auto}.history-filters .search-box,.source-filter,.history-date-range{grid-column:1/-1}.history-date-range{flex-wrap:wrap}.history-date-range .date-filter{width:calc(50% - 32px)}.help-tip.wide .help-tip-bubble{width:auto;max-height:calc(100vh - 90px);position:fixed;top:72px;left:14px;right:14px}.model-status-card{width:min(220px,100vw - 28px);right:0}.site-footer{left:0}}@media (width<=430px){.metric-grid,.training-metrics,.model-manager-grid,.model-flow-steps,.current-model-card{grid-template-columns:1fr}.page-title-row{align-items:flex-start}.page-title-row .primary-button{padding:0 10px;font-size:11px}.login-identity{min-height:150px;padding:23px}.history-filters{grid-template-columns:1fr}.history-filters .search-box,.history-filters .source-filter,.history-date-range{grid-column:auto}.history-date-range .date-filter{width:100%}.history-date-range .date-separator{display:none}}.liff-bind-page{color:#18362b;background:linear-gradient(145deg,#edf9f2 0%,#f7faf9 52%,#eef4f7 100%);place-items:center;min-height:100vh;padding:22px;display:grid}.liff-bind-card{background:#fffffff5;border:1px solid #d9e8df;border-radius:24px;width:min(100%,430px);padding:28px;box-shadow:0 20px 55px #1b4a3524}.liff-brand{align-items:center;gap:14px;margin-bottom:24px;display:flex}.liff-brand-icon{color:#fff;background:#06c755;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 10px 25px #06c75540}.liff-brand span{color:#71847b;font-size:13px}.liff-brand h1{margin:2px 0 0;font-size:25px}.liff-status{color:#64776e;margin:0 0 20px;line-height:1.6}.liff-bind-form{gap:15px;display:grid}.liff-bind-form label{color:#334a40;gap:7px;font-size:14px;font-weight:700;display:grid}.liff-bind-form input{color:#17392a;background:#fff;border:1px solid #cadbd2;border-radius:12px;outline:none;width:100%;height:50px;padding:0 14px;font-size:16px}.liff-bind-form input:focus{border-color:#06c755;box-shadow:0 0 0 3px #06c7551f}.liff-submit{color:#fff;cursor:pointer;background:#06c755;border:0;border-radius:13px;height:52px;margin-top:4px;font-size:16px;font-weight:800}.liff-submit:disabled{opacity:.55;cursor:wait}.liff-error{color:#bd3730;background:#fff1f0;border-radius:10px;align-items:center;gap:8px;padding:11px 12px;font-size:13px;display:flex}.liff-privacy{text-align:center;color:#8a9992;margin-top:18px;line-height:1.5;display:block}.liff-success{text-align:center;justify-items:center;gap:10px;padding:10px 0 2px;display:grid}.liff-success>svg{color:#06c755}.liff-success h2{margin:4px 0 0;font-size:25px}.liff-success p{color:#60736a;margin:0}.liff-camera-list{background:#eff9f3;border-radius:12px;gap:5px;width:100%;margin:12px 0;padding:14px;display:grid}.liff-camera-list span{color:#71847b;font-size:12px}.liff-camera-list strong{color:#25523d}

/* model annotation compact cards + total filters */
.training-metrics{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:10px!important;margin-bottom:14px!important}.training-metrics .metric{min-height:92px!important;padding:12px 14px!important;grid-template-columns:36px 1fr!important;column-gap:10px!important}.training-metrics .metric-icon{width:36px!important;height:36px!important}.training-metrics .metric-icon svg{width:18px!important}.training-metrics .metric strong{font-size:24px!important}.training-metrics .metric span{font-size:11px!important}.training-metrics .metric small{font-size:10px!important;line-height:1.35}.training-filter-card.active{transform:translateY(-1px)!important;box-shadow:0 8px 18px #137b871c!important}.learning-filter-row{border:1px solid #dbe8eb;background:#fff;border-radius:6px;margin:-2px 0 12px;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;gap:10px;align-items:end}.learning-filter-row label{min-width:0;display:grid;gap:5px}.learning-filter-row label span{color:#61727c;font-size:11px;font-weight:800}.learning-filter-row select{border:1px solid var(--line);background:#fff;border-radius:5px;color:var(--ink);min-height:38px;padding:0 10px;font-size:13px}.learning-filter-row .filter-clear-button{min-height:38px;white-space:nowrap}@media(max-width:980px){.learning-filter-row{grid-template-columns:1fr 1fr}.learning-filter-row .filter-clear-button{grid-column:1/-1}}@media(max-width:640px){.training-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.learning-filter-row{grid-template-columns:1fr}.training-metrics .metric{min-height:86px!important}}