:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#080b0f;--color-surface:#10151c;--color-surface-alt:#171d25;--color-surface-raised:#1c232c;--color-border:#26303b;--color-border-strong:#364454;--color-text:#edf2f5;--color-text-muted:#919da9;--color-primary:#58d6aa;--color-primary-hover:#74e4bd;--color-primary-contrast:#06120e;--color-danger:#ff7b88;--color-danger-bg:#2b151b;--color-danger-border:#5f2934;--color-warning:#f4bd62;--color-warning-bg:#2b2113;--color-warning-border:#58411e;--sev-none-bg:#232a33;--sev-none-fg:#b5bfca;--sev-info-bg:#17304c;--sev-info-fg:#8ac2ff;--sev-low-bg:#153526;--sev-low-fg:#7ae0aa;--sev-medium-bg:#3a2d14;--sev-medium-fg:#f7c66f;--sev-high-bg:#40251a;--sev-high-fg:#ffad78;--sev-critical-bg:#421b24;--sev-critical-fg:#ff8896;--crit-verde-bg:#153526;--crit-verde-fg:#7ae0aa;--crit-amarillo-bg:#3a2d14;--crit-amarillo-fg:#f7c66f;--crit-naranja-bg:#40251a;--crit-naranja-fg:#ffad78;--crit-rojo-bg:#421b24;--crit-rojo-fg:#ff8896;--crit-negro-bg:#0d0f12;--crit-negro-fg:#6b7583;--radius-sm:7px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 14px 40px #0003}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}::selection{background:#58d6aa47}h1,h2,h3{margin:0 0 .5em;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{color:var(--color-text-muted);font-size:1rem}p{margin:0 0 .75em}a{color:var(--color-primary)}button,input,select{font:inherit;color:inherit}.app-shell{flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--color-border);z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f14f5;align-items:center;gap:2rem;min-height:68px;padding:.65rem clamp(1rem,3vw,2.25rem);display:flex;position:sticky;top:0}.brand{min-width:max-content;color:var(--color-text);letter-spacing:.08em;align-items:center;gap:.7rem;font-size:1.05rem;font-weight:750;display:flex}.brand>span:last-child{flex-direction:column;line-height:1.05;display:flex}.brand small{color:var(--color-text-muted);letter-spacing:.16em;margin-top:.25rem;font-size:.55rem;font-weight:600}.brand-mark{width:34px;height:34px;color:var(--color-primary);background:#10241d;border:1px solid #58d6aa85;border-radius:10px;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.05rem;display:grid}.nav{flex:1;align-items:center;gap:.2rem;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-muted);white-space:nowrap;padding:.55rem .8rem;font-size:.88rem;font-weight:600;text-decoration:none}.nav-link:hover{background:var(--color-surface-alt);color:var(--color-text)}.nav-link.active{color:var(--color-primary);background:#17251f;box-shadow:inset 0 0 0 1px #58d6aa2b}.user-info{align-items:center;gap:.6rem;display:flex}.language-switcher,.auth-language{border:1px solid var(--color-border);background:var(--color-surface-alt);border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.language-switcher button,.auth-language button{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 7px;font-size:.72rem;font-weight:700}.language-switcher button.active,.auth-language button.active{background:var(--color-surface-raised);color:var(--color-primary);box-shadow:0 1px 3px #0000001f}.language-switcher button:focus-visible,.auth-language button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.auth-language{position:absolute;top:18px;right:18px}.username{font-size:.88rem;font-weight:500}.role-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-alt);color:var(--color-text-muted);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.role-badge.role-admin{background:var(--sev-critical-bg);color:var(--sev-critical-fg)}.notice-banner{background:var(--color-danger-bg);border-bottom:1px solid var(--color-danger-border);color:var(--color-danger);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.5rem;font-weight:500;display:flex}.notice-dismiss{cursor:pointer;color:inherit;background:0 0;border:none;font-size:1.2rem;line-height:1}.content{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:clamp(1.25rem,2.8vw,2.5rem)}.page-loading{text-align:center;color:var(--color-text-muted);padding:2rem}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.muted{color:var(--color-text-muted)}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.65rem .9rem;font-size:.92rem}.alert-error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.alert-success{color:var(--color-primary);background:#10231d;border:1px solid #58d6aa4d}.btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--color-surface-alt);color:var(--color-text);border:1px solid #0000;padding:.45rem .9rem;font-weight:500;transition:filter .1s}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border)}.btn-ghost{border-color:var(--color-border);background:0 0}.btn-toggle.is-active{background:var(--sev-low-bg);color:var(--sev-low-fg)}.btn-toggle.is-inactive{background:var(--sev-none-bg);color:var(--sev-none-fg)}.btn-danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.field{color:var(--color-text-muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.checkbox-field>span:first-child{color:var(--color-text);align-items:center;gap:.5rem;font-weight:600;display:flex}.checkbox-field input[type=checkbox]{width:auto}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;resize:vertical;padding:.45rem .6rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field-hint{color:var(--color-text-muted);font-size:.78rem;font-weight:400}.field-label-with-status{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.secret-status{border:1px solid var(--color-border);width:max-content;color:var(--color-text-muted);white-space:nowrap;background:#0b1015;border-radius:999px;align-items:center;padding:.18rem .42rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.63rem;font-weight:650;display:inline-flex}.secret-status.is-configured{color:var(--color-primary);background:#10231d;border-color:#58d6aa3d}.prompt-cell{min-width:320px;max-width:520px;color:var(--color-text-muted);line-height:1.45;white-space:normal!important}.rtsp-cell{min-width:320px;max-width:520px;white-space:normal!important}.rtsp-cell code{color:#bed0dd;overflow-wrap:anywhere;word-break:break-word;font-size:.76rem;line-height:1.45;display:block}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:340px;box-shadow:var(--shadow-card);flex-direction:column;gap:1rem;padding:2rem;display:flex;position:relative}.auth-title{text-align:center;letter-spacing:.04em;margin:0}.auth-subtitle{text-align:center;color:var(--color-text-muted);margin:-.5rem 0 .25rem}.detection-grid{grid-template-columns:repeat(auto-fill,minmax(280px,360px));gap:1.25rem;display:grid}.detection-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.detection-media{aspect-ratio:4/3;background:#090c10;justify-content:center;align-items:center;max-height:270px;display:flex;overflow:hidden}.thumb{object-fit:contain;width:100%;max-width:360px;height:100%;max-height:270px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin:0 auto;display:block}.thumb-empty,.thumb-loading{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.camera-preview{flex-direction:column;gap:.4rem;width:200px;display:flex}.camera-preview-frame{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--color-surface-alt);text-align:center;width:100%;padding:.3rem;overflow:hidden}.camera-preview-message{flex-direction:column;gap:.3rem;padding:.55rem;line-height:1.25}.camera-preview-message strong{color:var(--color-text);font-size:.76rem}.camera-preview-message small{color:var(--color-text-muted);font-size:.64rem}.camera-preview-refresh{padding:.3rem .6rem;font-size:.78rem}.detection-body{flex-direction:column;gap:.35rem;padding:.85rem 1rem 1rem;display:flex}.detection-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.detection-camera{font-weight:600}.detection-timestamp{color:var(--color-text-muted);font-size:.8rem}.detection-alert{color:var(--color-danger);font-weight:600}.detection-risk,.detection-confidence{color:var(--color-text-muted);letter-spacing:.02em;font-size:.78rem;font-weight:700}.detection-event{font-weight:500}.detection-summary{color:var(--color-text-muted);font-size:.9rem}.detection-action{font-size:.85rem}.severity-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.severity-none{background:var(--sev-none-bg);color:var(--sev-none-fg)}.severity-info{background:var(--sev-info-bg);color:var(--sev-info-fg)}.severity-low{background:var(--sev-low-bg);color:var(--sev-low-fg)}.severity-medium{background:var(--sev-medium-bg);color:var(--sev-medium-fg)}.severity-high{background:var(--sev-high-bg);color:var(--sev-high-fg)}.severity-critical{background:var(--sev-critical-bg);color:var(--sev-critical-fg)}.criticality-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.criticality-verde{background:var(--crit-verde-bg);color:var(--crit-verde-fg)}.criticality-amarillo{background:var(--crit-amarillo-bg);color:var(--crit-amarillo-fg)}.criticality-naranja{background:var(--crit-naranja-bg);color:var(--crit-naranja-fg)}.criticality-rojo{background:var(--crit-rojo-bg);color:var(--crit-rojo-fg)}.criticality-negro{background:var(--crit-negro-bg);color:var(--crit-negro-fg);border-color:var(--color-border)}.filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-end;gap:.9rem;margin-bottom:1.25rem;padding:1rem;display:flex}.filter-actions{gap:.5rem;display:flex}.sort-controls{padding:.6rem 1rem}.detection-delete{color:var(--color-danger);border-color:var(--color-danger-border);align-self:flex-start;margin-top:.4rem}.pagination{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.pagination-info{color:var(--color-text-muted);font-size:.85rem}.pagination select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:.4rem .6rem}.admin-page{max-width:1180px}.admin-page-header{margin-bottom:1rem}.admin-page-header h1{letter-spacing:-.035em;margin:.2rem 0 .3rem;font-size:clamp(1.75rem,3vw,2.35rem)}.admin-page-header p{color:var(--color-text-muted);margin:0}.admin-section-nav{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.25rem;display:grid;overflow:hidden}.admin-section-nav a{border-right:1px solid var(--color-border);min-width:0;color:var(--color-text);align-items:center;gap:.65rem;padding:.85rem 1rem;font-size:.84rem;font-weight:650;text-decoration:none;display:flex}.admin-section-nav a:last-child{border-right:0}.admin-section-nav a:hover{background:var(--color-surface-alt);color:var(--color-primary)}.admin-section-nav a>span,.admin-section-number{color:var(--color-primary);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.67rem}.admin-section-nav a>strong{min-width:1.4rem;color:var(--color-primary);text-align:center;background:#10231d;border:1px solid #58d6aa3d;border-radius:999px;margin-left:auto;padding:.12rem .38rem;font-size:.67rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1.25rem}.admin-page>.panel{scroll-margin-top:88px}.admin-section-heading{margin-bottom:1rem}.admin-section-heading>div,.camera-admin-heading>div,.settings-title-row{align-items:flex-start;gap:.75rem;display:flex}.admin-section-heading h2,.admin-section-heading p,.camera-admin-heading h2,.camera-admin-heading p{margin:0}.admin-section-heading p,.camera-admin-heading p{color:var(--color-text-muted);margin-top:.2rem;font-size:.82rem}.table-wrap{margin-bottom:1.25rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.55rem .6rem}.data-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.inline-form{border-top:1px solid var(--color-border);flex-direction:column;gap:.6rem;padding-top:.5rem;display:flex}.field-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.inline-edit-form{flex-direction:column;gap:.5rem;padding:.5rem 0;display:flex}.camera-edit-grid{grid-template-columns:minmax(180px,.65fr) minmax(280px,1.35fr);align-items:end;gap:.9rem;padding:.35rem 0;display:grid}.camera-admin-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.camera-admin-heading h2,.camera-admin-heading p{margin:0}.camera-admin-heading p{margin-top:.25rem}.admin-camera-list{gap:.8rem;margin-bottom:1rem;display:grid}.admin-camera-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0c1117;min-width:0;overflow:hidden}.admin-camera-card.is-editing{border-color:#58d6aa57}.admin-camera-summary{grid-template-columns:230px minmax(0,1fr);min-height:170px;display:grid}.admin-camera-preview-wrap{border-right:1px solid var(--color-border);background:#090d12;padding:.8rem}.admin-camera-preview-wrap .camera-preview{width:100%}.admin-camera-content{flex-direction:column;min-width:0;padding:1rem;display:flex}.admin-camera-title-row,.admin-camera-edit-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-camera-title-row h3,.admin-camera-edit-heading h3{color:var(--color-text);margin:.15rem 0 0;font-size:1.05rem}.admin-camera-id{color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem}.camera-source-badge{border:1px solid var(--color-border);color:#aac4da;background:var(--color-surface-alt);border-radius:999px;flex-shrink:0;padding:.22rem .48rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem}.admin-camera-meta{grid-template-columns:minmax(120px,.45fr) minmax(260px,1.55fr);gap:1rem;margin-top:.9rem;display:grid}.admin-camera-meta>div>span,.admin-camera-detail-grid>div>span{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem;font-weight:650;display:block}.admin-camera-meta strong{color:var(--color-text);font-size:.82rem}.admin-camera-channels{flex-wrap:wrap;gap:.35rem;display:flex}.admin-camera-details{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:.85rem}.admin-camera-details summary{color:#aac4da;cursor:pointer;padding:.65rem 0;font-size:.75rem;font-weight:650}.admin-camera-detail-grid{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:1rem;padding:0 0 .8rem;display:grid}.admin-camera-detail-grid code,.admin-camera-detail-grid p{max-height:7.2rem;color:var(--color-text-muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:.72rem;line-height:1.5;display:block;overflow:auto}.admin-camera-actions{justify-content:flex-end;gap:.5rem;margin-top:auto;padding-top:.8rem;display:flex}.admin-camera-edit{padding:1rem}.admin-create-camera{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0c1117;margin-top:1rem}.admin-create-camera>summary{cursor:pointer;align-items:center;gap:.75rem;padding:.85rem 1rem;list-style:none;display:flex}.admin-create-camera>summary::-webkit-details-marker{display:none}.admin-create-camera>summary>span{width:1.8rem;height:1.8rem;color:var(--color-primary);background:#10231d;border:1px solid #58d6aa47;border-radius:50%;flex:0 0 1.8rem;place-items:center;font-size:1.05rem;display:grid}.admin-create-camera>summary>div{gap:.1rem;display:grid}.admin-create-camera>summary strong{color:var(--color-text);font-size:.86rem}.admin-create-camera>summary small{color:var(--color-text-muted);font-size:.72rem}.admin-create-camera[open]>summary{border-bottom:1px solid var(--color-border)}.admin-create-camera[open]>summary>span{transform:rotate(45deg)}.admin-create-camera .inline-form{border-top:0;padding:1rem}.settings-title-row>div{min-width:0}.camera-edit-wide{grid-column:1/-1}.camera-channel-config{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0c1117;margin:.35rem 0;padding:.85rem}.camera-channel-config-heading{flex-direction:column;margin-bottom:.7rem;display:flex}.camera-channel-config-heading strong{color:var(--color-text);font-size:.86rem}.camera-channel-config-heading span{color:var(--color-text-muted);font-size:.72rem}.camera-channel-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);align-items:start;gap:.8rem;padding:.75rem;display:grid}.camera-webhook-channel{align-content:start;gap:.65rem;min-width:0;display:grid}.camera-channel-threshold{min-width:0}.camera-action-test-row{justify-content:space-between;align-items:center;gap:.85rem;padding-top:.15rem;display:flex}.camera-action-test-row .btn{flex:none}.channel-toggle{color:var(--color-text);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.camera-channel-summary{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:999px;padding:.22rem .45rem;font-size:.68rem;font-weight:650;display:inline-flex}.camera-channel-summary.is-active{color:var(--color-primary);background:#10231d;border-color:#58d6aa4d}.camera-edit-actions{justify-content:flex-end;gap:.55rem;display:flex}.camera-prompt-input{min-height:170px;line-height:1.55;padding:.8rem!important}.advanced-section{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem .75rem}.advanced-section summary{cursor:pointer;color:var(--color-text-muted);font-weight:500}.advanced-section[open] summary{margin-bottom:.6rem}.analysis-settings-panel{border-color:#2c3944;padding:clamp(1rem,2vw,1.5rem)}.settings-panel-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.2rem;display:flex}.settings-panel-heading h2{letter-spacing:-.02em;margin:.2rem 0;font-size:1.45rem}.settings-panel-heading p{max-width:720px;color:var(--color-text-muted);margin:0;font-size:.87rem}.settings-error{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-error .btn{color:inherit;flex-shrink:0;padding-block:.3rem}.revision-badge{border:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.06em;background:#0b1015;border-radius:999px;flex-shrink:0;padding:.3rem .55rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem}.analysis-settings-form{flex-direction:column;gap:1rem;display:flex}.settings-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.settings-group{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0c1117;min-width:0;margin:0;padding:1rem}.settings-group legend{color:var(--color-text);padding:0 .35rem;font-size:.86rem;font-weight:650}.settings-group>p{min-height:2.5rem;color:var(--color-text-muted);margin:0 0 .75rem;font-size:.75rem}.settings-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.capture-settings-group .settings-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.telegram-master-switch{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);padding:.7rem .75rem}.telegram-test-actions{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.telegram-test-actions>div{gap:.35rem;display:grid}.notification-channels-group,.provider-settings-group{grid-column:1/-1}.notification-channels-group>p{min-height:0}.notification-channels-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:.85rem;display:grid}.notification-channel-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#10161d;min-width:0;padding:.9rem}.notification-channel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.notification-channel-heading h3{color:var(--color-text);margin:0;font-size:.92rem}.notification-channel-heading p{color:var(--color-text-muted);margin:.2rem 0 0;font-size:.72rem}.channel-status{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:999px;flex-shrink:0;padding:.2rem .45rem;font-size:.65rem;font-weight:650}.channel-status.is-active{color:var(--color-primary);background:#10231d;border-color:#58d6aa52}.provider-settings-group .settings-field-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.provider-wide-field{grid-column:span 2}.field-span-2{grid-column:1/-1}.input-with-unit{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.field .input-with-unit input{border-radius:var(--radius-sm) 0 0 var(--radius-sm);width:100%;min-width:0}.input-with-unit>span{border:1px solid var(--color-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface-alt);min-width:42px;color:var(--color-text-muted);border-left:0;place-items:center;padding:0 .45rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;display:grid}.settings-save-bar{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding-top:.9rem;display:flex}.settings-save-bar p{color:var(--color-text-muted);margin:0;font-size:.76rem}.settings-save-bar>div{flex-shrink:0;align-items:center;gap:.8rem;display:flex}.save-confirmation{color:var(--color-primary);font-size:.78rem}.settings-loading{grid-template-columns:1fr 1fr 1fr;gap:.8rem;display:grid}.settings-loading span{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);opacity:.5;height:180px}.empty-inline{border:1px dashed var(--color-border-strong);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.empty-inline p{color:var(--color-text-muted);margin:0}.chat-page{width:100%}.chat-layout{grid-template-columns:minmax(210px,260px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.chat-threads,.chat-workspace{padding:1rem}.chat-threads-heading{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.8rem;display:flex}.chat-threads-heading h2{margin:0;font-size:1rem}.chat-thread-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);width:100%;color:var(--color-text);text-align:left;cursor:pointer;gap:.2rem;margin-top:.45rem;padding:.7rem;display:grid}.chat-thread-item span{color:var(--color-text-muted);font-size:.68rem}.chat-thread-item.active{border-color:var(--color-primary);background:#10231d}.chat-scope-grid{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(150px,.8fr) repeat(2,minmax(180px,1fr));gap:.75rem;padding-bottom:1rem;display:grid}.chat-messages{flex-direction:column;gap:.8rem;min-height:360px;max-height:58vh;padding:1rem 0;display:flex;overflow-y:auto}.chat-range-warning{border-radius:var(--radius-sm);color:#f4cf7a;background:#f4be4d14;border:1px solid #f4be4d66;gap:.2rem;margin-top:.75rem;padding:.7rem .8rem;font-size:.76rem;display:grid}.chat-range-warning.is-error{color:#ff9d9d;background:#ff696914;border-color:#ff696966}.chat-empty{max-width:540px;color:var(--color-text-muted);text-align:center;margin:auto}.chat-message{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);max-width:min(82%,760px);padding:.75rem .85rem}.chat-message.user{background:#10231d;border-color:#58d6aa40;align-self:flex-end}.chat-message>span{color:var(--color-primary);text-transform:uppercase;font-size:.68rem;font-weight:700}.chat-message p{white-space:pre-wrap;margin:.35rem 0 0;line-height:1.55}.chat-thinking,.chat-stats{color:var(--color-text-muted);font-size:.76rem}.chat-composer{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;padding-top:1rem;display:grid}.chat-composer textarea{resize:vertical;min-height:76px}@media (width<=850px){.chat-layout,.chat-scope-grid{grid-template-columns:1fr}.chat-threads{max-height:240px;overflow-y:auto}.chat-composer{grid-template-columns:1fr}}.monitor-page{width:100%}.monitor-page-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.4rem;display:flex}.monitor-page-heading h1{letter-spacing:-.035em;margin:.15rem 0 .25rem;font-size:clamp(1.75rem,3vw,2.55rem);font-weight:690}.monitor-page-heading p{color:var(--color-text-muted);margin:0}.eyebrow,.analysis-kicker{color:var(--color-primary);letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:700}.monitor-refresh{flex-shrink:0;align-items:center;gap:.9rem;display:flex}.refresh-copy{color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.alert-warning{border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:#f7d496;align-items:center;gap:.65rem;margin-bottom:1.15rem;padding:.72rem .9rem;font-size:.87rem;display:flex}.monitor-metrics{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.7rem;display:grid;overflow:hidden}.score-explainer{color:var(--color-text-muted);align-items:flex-start;gap:.65rem;margin:-.65rem 0 1.55rem;font-size:.76rem;display:flex}.score-explainer>span{border:1px solid var(--color-border-strong);color:#aac4da;border-radius:50%;flex:0 0 19px;place-items:center;width:19px;height:19px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem;font-weight:700;display:grid}.score-explainer p{margin:0}.score-explainer strong{color:#cdd6de}.metric-card{border-right:1px solid var(--color-border);flex-direction:column;min-width:0;padding:1rem 1.2rem;display:flex}.metric-card:last-child{border-right:0}.metric-label{color:var(--color-text-muted);font-size:.77rem;font-weight:600}.metric-card strong{margin:.15rem 0 .12rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:680;line-height:1.25}.metric-card strong small{color:var(--color-text-muted);font-size:.74em;font-weight:500}.metric-foot{color:var(--color-text-muted);font-size:.7rem}.metric-foot.positive{color:var(--color-primary)}.metric-foot.warning{color:var(--color-warning)}.camera-grid-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem;display:flex}.camera-grid-heading h2{margin:0;font-size:1.1rem}.camera-grid-heading>div:first-child>span{color:var(--color-text-muted);font-size:.78rem}.legend{color:var(--color-text-muted);flex-wrap:wrap;gap:1rem;font-size:.72rem;display:flex}.legend span,.camera-status{align-items:center;gap:.4rem;display:inline-flex}.status-dot{background:var(--color-text-muted);border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.online{background:var(--color-primary);box-shadow:0 0 0 3px #58d6aa1a}.status-dot.offline{background:#68727e}.status-dot.waiting{background:var(--color-warning);box-shadow:0 0 0 3px #f4bd621a}.status-dot.unknown{background:#7890a7}.monitor-camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.monitor-camera-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-card);overflow:hidden}.monitor-camera-card.status-offline{border-color:#242b33}.camera-card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;height:62px;padding:.75rem .95rem;display:flex}.camera-card-header h3{color:var(--color-text);margin:0;font-size:.92rem;font-weight:650}.camera-card-header>div>span{color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.67rem}.camera-status{border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;background:#0c1015;border-radius:999px;padding:.24rem .48rem;font-size:.67rem;font-weight:650}.camera-status.online{color:#88e4c2;background:#10231d;border-color:#58d6aa38}.camera-status.waiting{color:#f2c978;background:#241d12;border-color:#f4bd6238}.camera-status.unknown{color:#aabed0;background:#131b23;border-color:#344353}.monitor-camera-media{aspect-ratio:4/3;background:#070a0d;justify-content:center;align-items:center;max-height:360px;display:flex;position:relative;overflow:hidden}.monitor-capture{object-fit:contain;width:100%;max-width:480px;height:100%;max-height:360px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin:0 auto;display:block}.monitor-camera-card.status-offline .monitor-capture{filter:saturate(.45)brightness(.72)}.capture-overlay{z-index:2;color:#eef5f7;text-shadow:0 1px 3px #000;background:linear-gradient(#0000,#000000c7);justify-content:space-between;gap:1rem;padding:1.65rem .75rem .55rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.67rem;display:flex;position:absolute;inset:auto 0 0}.capture-empty,.capture-loading{color:var(--color-text-muted);background-color:#0a0e13;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;font-size:.76rem;display:flex}.capture-placeholder-mark{color:#4e5b68;font-size:1.5rem}.capture-empty strong{color:var(--color-text);font-size:.82rem}.capture-empty>span:last-child{text-align:center;max-width:80%;line-height:1.4}.capture-loading span{border:2px solid #2b3540;border-top-color:var(--color-primary);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite monitor-spin}@keyframes monitor-spin{to{transform:rotate(360deg)}}.camera-card-body{padding:.95rem}.analysis-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.analysis-heading>div{min-width:0}.badge-group{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.3rem;display:flex}.analysis-heading strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.18rem;font-size:.93rem;font-weight:650;display:block;overflow:hidden}.analysis-summary{color:#bdc6ce;min-height:3.25rem;margin:.65rem 0 .8rem;font-size:.84rem;line-height:1.55}.analysis-state-note{border:1px solid var(--color-border);color:#b9c4cd;background:#151b20;border-radius:6px;margin:.65rem 0 -.2rem;padding:.48rem .58rem;font-size:.72rem;line-height:1.45}.analysis-state-note.failed{border-color:var(--color-warning-border);color:#f1c67f;background:var(--color-warning-bg)}.analysis-state-note.pending{color:#a8ddd7;background:#32bcad14;border-color:#32bcad4d}.camera-facts{border-block:1px solid var(--color-border);grid-template-columns:.72fr .9fr 1.25fr;margin:0;display:grid}.camera-facts div{border-right:1px solid var(--color-border);min-width:0;padding:.62rem .6rem}.camera-facts div:first-child{padding-left:0}.camera-facts div:last-child{border-right:0;padding-right:0}.camera-facts dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.camera-facts dd{text-overflow:ellipsis;white-space:nowrap;margin:.12rem 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;overflow:hidden}.recommended-action{color:#aab6c0;align-items:flex-start;gap:.6rem;margin-top:.75rem;font-size:.77rem;display:flex}.recommended-action>span{border:1px solid var(--color-border-strong);width:20px;height:20px;color:var(--color-primary);border-radius:50%;flex:0 0 20px;place-items:center;font-weight:800;display:grid}.recommended-action p{margin:0}.recommended-action.needs-attention{color:#f1c67f}.recommended-action.needs-attention>span{color:var(--color-warning);border-color:var(--color-warning-border);background:var(--color-warning-bg)}.empty-state{text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:2rem;display:flex}.empty-state h1,.empty-state h2{margin:.65rem 0 .3rem}.empty-state p{max-width:480px;color:var(--color-text-muted)}.empty-state-mark{border:1px solid var(--color-border-strong);width:44px;height:44px;color:var(--color-primary);background:var(--color-surface-alt);border-radius:50%;place-items:center;font-size:1.3rem;display:grid}.error-state .empty-state-mark{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-bg)}.monitor-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.monitor-skeleton-card{aspect-ratio:1.2;border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(100deg, transparent 20%, #ffffff09 40%, transparent 60%), var(--color-surface);background-size:200% 100%;animation:1.8s ease-in-out infinite monitor-skeleton}@keyframes monitor-skeleton{to{background-position-x:-200%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=980px){.topbar{gap:1rem}.username,.role-badge{display:none}.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card:nth-child(2){border-right:0}.metric-card:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.settings-groups{grid-template-columns:1fr}.provider-settings-group .settings-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.topbar{flex-wrap:wrap;align-items:center;padding:.65rem 1rem}.brand{flex:1}.nav{border-top:1px solid var(--color-border);flex:0 0 calc(100% + 2rem);order:3;width:calc(100% + 2rem);margin:0 -1rem -.65rem;padding:.45rem 1rem .6rem;overflow-x:auto}.user-info .btn{padding:.42rem .62rem;font-size:.75rem}.content{padding:1.1rem .9rem 2rem}.admin-section-nav a{flex-direction:column;align-items:flex-start;gap:.2rem}.admin-section-nav a>strong{display:none}.camera-admin-heading{flex-direction:column;align-items:flex-start}.admin-camera-summary{grid-template-columns:1fr}.admin-camera-preview-wrap{border-right:0;border-bottom:1px solid var(--color-border)}.admin-camera-meta,.admin-camera-detail-grid{grid-template-columns:1fr}.monitor-page-heading{flex-direction:column;align-items:flex-start;gap:.85rem}.monitor-refresh{justify-content:space-between;width:100%}.monitor-camera-grid,.monitor-skeleton-grid{grid-template-columns:1fr}.settings-panel-heading,.settings-save-bar,.settings-error{flex-direction:column;align-items:flex-start}.settings-groups,.camera-edit-grid{grid-template-columns:1fr}.camera-edit-wide{grid-column:auto}.camera-channel-row{grid-template-columns:1fr}.camera-edit-actions{justify-content:flex-start}.settings-save-bar>div{justify-content:space-between;width:100%}}@media (width<=480px){.admin-section-nav{grid-template-columns:1fr}.admin-section-nav a{border-right:0;border-bottom:1px solid var(--color-border);flex-direction:row;align-items:center}.admin-section-nav a:last-child{border-bottom:0}.admin-camera-actions,.camera-edit-actions{flex-direction:column;align-items:stretch}.admin-camera-actions .btn,.camera-edit-actions .btn{width:100%}.camera-action-test-row{flex-direction:column;align-items:stretch}.camera-action-test-row .btn{width:100%}.monitor-metrics{grid-template-columns:1fr 1fr}.metric-card{padding:.8rem}.camera-grid-heading{flex-direction:column;align-items:flex-start}.camera-facts{grid-template-columns:.72fr .9fr}.camera-facts div:nth-child(2){border-right:0}.camera-facts div:last-child{border-top:1px solid var(--color-border);grid-column:1/-1;padding-left:0}.settings-field-grid,.capture-settings-group .settings-field-grid,.provider-settings-group .settings-field-grid{grid-template-columns:1fr}.provider-wide-field,.field-span-2{grid-column:auto}.settings-save-bar>div{flex-direction:column;align-items:stretch}}