:root{--color-bg-root:#021528;--color-bg-surface:#0b2240;--color-bg-elevated:#102d52;--color-bg-hover:#163966;--color-elecnor-blue:#003c7f;--color-elecnor-blue-hover:#0057b8;--color-elecnor-blue-bright:#4da3ff;--color-elecnor-blue-muted:#003c7f38;--color-elecnor-blue-glow:#003c7f59;--color-elecnor-orange:#f58220;--color-elecnor-orange-hover:#ff9a40;--color-elecnor-orange-strong:#d96e10;--color-elecnor-orange-glow:#f5822059;--color-elecnor-orange-muted:#f5822024;--color-elecnor-orange-rgb:245, 130, 32;--color-elecnor-blue-rgb:0, 60, 127;--color-accent:var(--color-elecnor-orange);--color-accent-hover:var(--color-elecnor-orange-hover);--color-accent-strong:var(--color-elecnor-orange-strong);--color-accent-glow:var(--color-elecnor-orange-glow);--color-accent-muted:var(--color-elecnor-orange-muted);--color-brand:var(--color-elecnor-blue-bright);--color-brand-hover:#7bb8ff;--color-brand-muted:var(--color-elecnor-blue-muted);--color-primary:var(--color-elecnor-blue);--color-primary-glow:var(--color-elecnor-blue-glow);--color-success:#22c55e;--color-warning:#eab308;--color-danger:#ef4444;--color-text:#f1f5f9;--color-text-muted:#94b8d9;--color-text-dim:#6b8cad;--color-border:#4da3ff24;--color-border-active:#f582208c;--sidebar-width:240px;--sidebar-collapsed:64px;--topbar-height:56px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 4px 24px #00000047;--transition-fast:.15s ease;--scrollbar-size:7px;--scrollbar-track:#081c34;--scrollbar-thumb:rgba(var(--color-elecnor-orange-rgb), .45);--scrollbar-thumb-hover:var(--color-accent-hover);--scrollbar-thumb-active:var(--color-accent-strong)}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg-root);min-height:100vh;color:var(--color-text);margin:0;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}a{color:var(--color-brand);text-decoration:none}a:hover{color:var(--color-accent-hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.brand{align-items:center;gap:.65rem;min-width:0;display:inline-flex}.brand--center{justify-content:center;margin-bottom:1.25rem}.brand__logo{flex-shrink:0;width:auto;display:block}.brand__sub{letter-spacing:.14em;text-transform:uppercase;color:var(--color-elecnor-orange);white-space:nowrap;flex-shrink:0;font-size:.78rem;font-weight:700;line-height:1}.topbar .brand__sub{font-size:.82rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell__body{flex:1;min-height:0;display:flex}.app-shell__main{flex-direction:column;flex:1;min-height:0;padding:.65rem 1rem .75rem;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:0 1rem 0 1.25rem;display:flex}.topbar__left,.topbar__right{align-items:center;gap:1rem;display:flex}.topbar__offline{color:var(--color-warning);font-size:.85rem}.sidebar{width:var(--sidebar-width);background:var(--color-bg-surface);border-right:1px solid var(--color-border);transition:width var(--transition-fast);flex-shrink:0}.sidebar--collapsed{width:var(--sidebar-collapsed)}.sidebar__nav{flex-direction:column;gap:.15rem;padding:.75rem 0;display:flex}.sidebar__link{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;width:calc(100% - 1rem);font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;margin:0 .5rem;padding:.65rem 1rem;display:flex}.sidebar__link:hover{background:var(--color-bg-hover);color:var(--color-text)}.sidebar__link--active{background:var(--color-elecnor-blue-muted);color:var(--color-brand-hover);box-shadow:inset 3px 0 0 var(--color-elecnor-orange)}.sidebar__link--active svg{color:var(--color-elecnor-orange);stroke:var(--color-elecnor-orange)}.sidebar__sub{padding:.25rem 0 .5rem 2.5rem}.sidebar__sublink{color:var(--color-text-muted);align-items:center;gap:.5rem;padding:.4rem 0;font-size:.88rem;display:flex}.sidebar-backdrop{z-index:40;background:#00000080;border:none;position:fixed;inset:0}@media (width<=899px){.sidebar{top:var(--topbar-height);z-index:50;transition:transform var(--transition-fast);position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.app-shell__main{padding:1rem}}.ui-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:1rem 1.1rem}.ui-card:hover{border-color:#94a3b838}.ui-card--selected{border-color:var(--color-border-active);box-shadow:0 0 0 1px var(--color-accent-glow)}.ui-btn{border-radius:var(--radius-sm);cursor:pointer;font:inherit;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:500;display:inline-flex}.ui-btn:disabled{cursor:not-allowed}.ui-btn--primary{background:var(--color-accent);color:#fff;box-shadow:0 0 #0000}.ui-btn--primary:disabled{background:var(--color-bg-hover);color:var(--color-text-dim);border-color:var(--color-border);box-shadow:none}.ui-btn--secondary:disabled{opacity:.55}.ui-btn--primary:hover:not(:disabled){background:var(--color-accent-strong);box-shadow:0 0 16px var(--color-accent-glow)}.ui-btn--secondary{background:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text)}.ui-btn--ghost{color:var(--color-text-muted);background:0 0;border:none}.ui-btn--ghost:hover{background:var(--color-bg-hover);color:var(--color-text)}.status-badge{align-items:center;gap:.35rem;font-size:.82rem;font-weight:500;display:inline-flex}.status-badge--online{color:var(--color-success)}.status-badge--offline{color:var(--color-text-dim)}.status-badge--warning{color:var(--color-warning)}.status-badge--danger{color:var(--color-danger)}.status-badge--neutral{color:var(--color-text-muted)}.page{flex-direction:column;flex:1;gap:.45rem;width:100%;max-width:none;min-height:0;display:flex;overflow:hidden}.page--fill{overflow:hidden}.page__top{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);flex-direction:column;flex-shrink:0;gap:.25rem;padding:.45rem .65rem;display:flex}.page__top-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.page__title{white-space:nowrap;margin:0;font-size:1rem;font-weight:600}.page__toolbar{flex-wrap:wrap;flex:12rem;align-items:center;gap:.65rem;min-width:0;display:flex}.page__toolbar-group{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.page__toolbar-group--grow{flex:12rem;min-width:0}.page__actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.page__status{min-width:0}.page__subtitle{color:var(--color-text-muted);margin:0;font-size:.78rem}.page__banner{flex-shrink:0}.page__banner .import-banner{margin-bottom:0;padding:.55rem .75rem}.page__body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);flex:1;min-height:0;overflow:auto}.page__body::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.page__body::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.page__body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(var(--color-elecnor-orange-rgb), .32), rgba(var(--color-elecnor-orange-rgb), .58));border:1px solid rgba(var(--color-elecnor-orange-rgb), .2);border-radius:999px}.page__body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.scroll-x{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow:auto hidden}.scroll-x::-webkit-scrollbar{height:var(--scrollbar-size)}.scroll-x::-webkit-scrollbar-track{background:var(--scrollbar-track);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:999px;margin:0 .35rem}.scroll-x::-webkit-scrollbar-thumb{background:linear-gradient(90deg, rgba(var(--color-elecnor-orange-rgb), .28), rgba(var(--color-elecnor-orange-rgb), .62));border:1px solid rgba(var(--color-elecnor-orange-rgb), .22);border-radius:999px}.scroll-x::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.scroll-x::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}.scroll-x-rail{min-width:0;position:relative}.scroll-x-rail__fade{top:0;bottom:calc(var(--scrollbar-size) + .35rem);pointer-events:none;z-index:2;opacity:0;width:1.75rem;transition:opacity var(--transition-fast);position:absolute}.scroll-x-rail__fade--start{background:linear-gradient(to right, var(--color-bg-surface) 0%, #0c1220d9 45%, transparent 100%);left:0}.scroll-x-rail__fade--end{background:linear-gradient(to left, var(--color-bg-surface) 0%, #0c1220d9 45%, transparent 100%);right:0}.scroll-x-rail--overflow-start .scroll-x-rail__fade--start,.scroll-x-rail--overflow-end .scroll-x-rail__fade--end{opacity:1}.image-day-strip .scroll-x-rail__fade--start,.image-day-strip .scroll-x-rail__fade--end{background:linear-gradient(to right, var(--color-bg-root) 0%, #050a14e0 50%, transparent 100%)}.image-day-strip .scroll-x-rail__fade--end{background:linear-gradient(to left, var(--color-bg-root) 0%, #050a14e0 50%, transparent 100%)}.page__body--fill{flex-direction:column;display:flex;overflow:hidden}.page__back{color:var(--color-text-muted);white-space:nowrap;align-items:center;font-size:.82rem;display:inline-flex}.page__back:hover{color:var(--color-text)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{margin:0;font-size:1.5rem}.page-header__subtitle{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.95rem}.page-header__actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.metrics-grid--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card{flex-direction:column;gap:.35rem;display:flex}.metric-card__label{color:var(--color-text-muted);font-size:.85rem}.metric-card__value{font-size:1.75rem;font-weight:600}.metric-card__value--dim{color:var(--color-text-dim)}.metric-card__hint{color:var(--color-text-dim);font-size:.8rem}.section{margin-bottom:1.25rem}.section:last-child{margin-bottom:0}.section__title{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.92rem;font-weight:600}.empty-state,.error-state{text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1.25rem;display:flex}.page__body>.empty-state,.page__body>.error-state{min-height:12rem}.error-state{color:var(--color-danger);border-color:#ef44444d}.page-loading{flex:1;justify-content:center;align-items:center;min-height:8rem;padding:2rem;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:32px;height:32px;animation:.8s linear infinite spin}.spinner--inline{border-width:2px;width:1rem;height:1rem}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-bg-elevated), var(--color-bg-hover), var(--color-bg-elevated));border-radius:var(--radius-md);background-size:200% 100%;animation:1.2s infinite shimmer}.skeleton-metric{height:88px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.date-calendar{align-items:center;gap:.35rem;min-width:0;max-width:100%;display:inline-flex;position:relative}.date-calendar__data-nav{flex-shrink:0;align-items:center;gap:.25rem;display:inline-flex}.date-calendar__data-nav-btn{min-width:2rem;padding-inline:.45rem}.date-calendar__trigger{white-space:nowrap;justify-content:flex-start;align-items:center;gap:.5rem;min-width:0;display:inline-flex}.date-calendar__trigger span{text-overflow:ellipsis;overflow:hidden}.date-calendar__popover{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-surface);width:min(100vw - 2rem,320px);box-shadow:var(--shadow-card);padding:.85rem}.date-calendar__popover--portal{z-index:300;position:fixed}.date-calendar__header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.date-calendar__month{text-align:center;text-transform:capitalize;flex:1;font-weight:600}.date-calendar__weekdays,.date-calendar__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem;display:grid}.date-calendar__weekdays{margin-bottom:.35rem}.date-calendar__weekday{text-align:center;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.date-calendar__day{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--color-text);font:inherit;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;font-size:.9rem;display:flex}.date-calendar__day-number{line-height:1}.date-calendar__day-dot{background:var(--color-elecnor-orange);border-radius:50%;flex-shrink:0;width:5px;height:5px}.date-calendar__day--has-data:not(.date-calendar__day--selected){font-weight:600}.date-calendar__day--has-data.date-calendar__day--selected .date-calendar__day-dot{background:#fff}.date-calendar__day:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.date-calendar__day--outside{color:var(--color-text-dim)}.date-calendar__day--today{border-color:var(--color-elecnor-orange);color:var(--color-elecnor-orange)}.date-calendar__day--selected{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.date-calendar__day--selected.date-calendar__day--today{box-shadow:0 0 0 1px var(--color-accent-hover)}.date-calendar__footer{border-top:1px solid var(--color-border);justify-content:center;margin-top:.75rem;padding-top:.65rem;display:flex}.explorer-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.explorer-gallery__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0;overflow:hidden}.explorer-gallery__link{display:block}.explorer-gallery__img{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.explorer-gallery__caption{flex-direction:column;gap:.2rem;padding:.55rem .7rem .7rem;font-size:.82rem;display:flex}.explorer-gallery__variant{color:var(--color-accent-hover);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.explorer-gallery__name{color:var(--color-text-dim);word-break:break-all}.filters-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.filters-bar__label{color:var(--color-text-muted);font-size:.9rem}.filter-chip{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;font:inherit;border-radius:999px;padding:.35rem .8rem}.filter-chip--active{border-color:var(--color-accent);background:var(--color-accent-muted);color:var(--color-accent-hover)}.activity-list{margin:0;padding:0;list-style:none}.activity-item{border-radius:var(--radius-sm);color:inherit;border:1px solid #0000;grid-template-columns:4rem 1fr auto;gap:.75rem;padding:.75rem 1rem;display:grid}.activity-item:hover{background:var(--color-bg-elevated);border-color:var(--color-border)}.activity-item__time{color:var(--color-text-muted);font-size:.88rem}.activity-item__meta{color:var(--color-text-dim);font-size:.85rem}.problem-feed{flex-direction:column;gap:1rem;display:flex}.problem-card h2{margin:.35rem 0;font-size:1.05rem}.problem-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.problem-card__meta{color:var(--color-text-muted);margin:0;font-size:.9rem}.problem-card__thumb{border-radius:var(--radius-sm);max-width:220px;margin-top:.75rem;display:block}.problem-card__actions{margin-top:.75rem}.ui-link{font-size:.9rem;font-weight:500}.back-link{color:var(--color-text-muted);margin-bottom:1rem;font-size:.9rem;display:inline-block}.variant-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.viewer{border-radius:var(--radius-md);border:1px solid var(--color-border);margin:1rem 0;overflow:hidden}.viewer__img{object-fit:contain;background:#000;width:100%;max-height:70vh;display:block}.login-page{background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--color-accent-muted), transparent), var(--color-bg-root);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-card);padding:2rem}.login-card__lead{text-align:center;color:var(--color-text-muted);margin:0 0 1.5rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form label{color:var(--color-text-muted);flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.login-form input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-root);color:var(--color-text);padding:.6rem .75rem}.login-form input:focus{border-color:var(--color-accent);outline:none}.login-card__sent{text-align:center}.login-card__magic{margin:1rem 0 0}.login-card__magic-link{background:var(--color-accent);border-radius:6px;padding:.65rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block;color:#fff!important}.login-card__magic-link:hover{background:var(--color-accent-strong);filter:none}.login-card__error{color:var(--color-danger);text-align:center;font-size:.9rem}.login-card__demo{width:100%;margin-top:1rem}.import-status{color:var(--color-text-muted);margin:0 0 1rem;font-size:.9rem}.images-page{width:100%;max-width:none}.page__import-btn{min-width:11rem}.page__import-spinner{margin-right:.15rem}.import-banner{border:1px solid rgba(var(--color-elecnor-orange-rgb), .35);border-radius:var(--radius-md);background:linear-gradient(135deg, rgba(var(--color-elecnor-orange-rgb), .12), rgba(var(--color-elecnor-orange-rgb), .04));box-shadow:0 0 24px rgba(var(--color-elecnor-orange-rgb), .08);margin-bottom:1rem;padding:1rem 1.1rem}.import-banner--live{animation:2.4s ease-in-out infinite import-banner-pulse}.import-banner__content{align-items:flex-start;gap:.85rem;margin-bottom:.85rem;display:flex}.import-banner__spinner{border-width:2px;flex-shrink:0;width:1.35rem;height:1.35rem;margin-top:.1rem}.import-banner__title-row{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.2rem;display:flex}.import-banner__title{margin:0;font-size:.95rem;font-weight:600}.import-banner__live-badge{letter-spacing:.02em;text-transform:uppercase;color:var(--color-accent-hover);background:rgba(var(--color-elecnor-orange-rgb), .14);border:1px solid rgba(var(--color-elecnor-orange-rgb), .35);border-radius:999px;align-items:center;gap:.35rem;padding:.12rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.import-banner__live-dot{background:var(--color-accent);width:.45rem;height:.45rem;box-shadow:0 0 8px rgba(var(--color-elecnor-orange-rgb), .9);border-radius:50%;animation:1.2s ease-in-out infinite import-live-dot}.import-banner__detail{color:var(--color-text-muted);margin:0;font-size:.85rem}.import-banner__hint{color:var(--color-accent-hover);margin:.45rem 0 0;font-size:.8rem;line-height:1.35}.import-banner__elapsed{color:var(--color-accent-hover);font-variant-numeric:tabular-nums;font-weight:500}.import-banner__track{background:#94a3b840;border-radius:999px;height:6px;position:relative;overflow:hidden}.import-banner__bar{border-radius:inherit;background:var(--color-accent);height:100%}.import-banner__bar--indeterminate{width:42%;min-width:4rem;box-shadow:0 0 12px rgba(var(--color-elecnor-orange-rgb), .55);animation:1.2s ease-in-out infinite import-indeterminate;position:absolute;top:0;left:0}.import-banner__bar--determinate{width:0;min-width:0;box-shadow:0 0 10px rgba(var(--color-elecnor-orange-rgb), .45);transition:width .35s;animation:none;position:relative}@keyframes import-indeterminate{0%{transform:translate(-110%)}to{transform:translate(320%)}}@keyframes import-banner-pulse{0%,to{box-shadow:0 0 24px rgba(var(--color-elecnor-orange-rgb), .08)}50%{box-shadow:0 0 28px rgba(var(--color-elecnor-orange-rgb), .18)}}@keyframes import-live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.images-toolbar{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:-.5rem 0 1.25rem;padding:.85rem 1rem;display:flex}.images-toolbar__date{align-items:center;gap:.75rem;min-width:0;display:flex}.images-toolbar__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);flex-shrink:0;font-size:.8rem;font-weight:600}.images-toolbar__import-status{color:var(--color-text-muted);text-align:right;margin:0;font-size:.85rem}.images-toolbar__import-status--error{color:var(--color-danger)}.images-toolbar__import-status--live{color:var(--color-accent)}@media (width<=640px){.images-toolbar{flex-direction:column;align-items:stretch}.images-toolbar__import-status{text-align:left}.page__import-btn{width:100%}}.image-gallery__group{margin-bottom:1.75rem}.image-gallery__hour{color:var(--color-accent);margin:0 0 .75rem;font-size:1rem}.image-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.image-thumb{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0;text-decoration:none;display:block;overflow:hidden}.image-thumb:hover{border-color:var(--color-accent);box-shadow:0 0 0 1px rgba(var(--color-elecnor-orange-rgb), .25)}.image-thumb__img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.image-thumb__meta{color:var(--color-text-muted);align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.75rem;display:flex}.image-thumb__badge{background:var(--color-accent);color:#fff;border-radius:4px;margin-left:auto;padding:.1rem .35rem;font-size:.65rem}.image-thumb__badge--muted{background:var(--color-border);color:var(--color-text-muted)}.image-detail-dialog{z-index:400;justify-content:center;align-items:stretch;padding:1rem;display:flex;position:fixed;inset:0}.image-detail-dialog__backdrop{cursor:pointer;background:#000000b8;border:none;position:absolute;inset:0}.image-detail-dialog__panel{z-index:1;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-root);width:min(1400px,100%);max-height:calc(100vh - 2rem);box-shadow:var(--shadow-card);flex-direction:column;margin:auto;display:flex;position:relative;overflow:hidden}.image-detail-dialog__close{z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);width:2.25rem;height:2.25rem;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;right:.75rem}.image-detail-dialog__close:hover{border-color:var(--color-accent);color:var(--color-accent)}.image-detail-dialog__body{padding:1.25rem 3.25rem 1.5rem 1.5rem;overflow:auto}.image-detail-dialog__body .image-analysis__layout{min-height:0}@media (width<=640px){.image-detail-dialog{padding:0}.image-detail-dialog__panel{border-radius:0;width:100%;max-height:100vh}}.image-analysis-page{max-width:none}.image-analysis__header{margin-bottom:1rem}.image-analysis__breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.image-analysis__breadcrumb a{color:var(--color-text-muted);text-decoration:none}.image-analysis__breadcrumb a:hover{color:var(--color-accent)}.image-analysis__header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.image-analysis__title{margin:0;font-size:1.35rem;font-weight:600}.image-analysis__subtitle{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.95rem}.image-analysis__nav{gap:.5rem;display:flex}.image-analysis__nav-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text);cursor:pointer;padding:.45rem .85rem;font-size:.85rem}.image-analysis__nav-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.image-analysis__nav-btn:disabled{opacity:.4;cursor:not-allowed}.image-analysis__layout{grid-template-columns:1fr minmax(260px,320px);align-items:start;gap:1.25rem;display:grid}@media (width<=960px){.image-analysis__layout{grid-template-columns:1fr}}.image-analysis__main{flex-direction:column;gap:.75rem;min-width:0;display:flex}.image-analysis__viewer{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#0a0a0a;justify-content:center;align-items:center;width:100%;min-height:min(58vh,640px);display:flex;position:relative;overflow:hidden}.image-analysis__viewer .image-detection-canvas-wrap{width:100%;min-height:min(58vh,640px)}.image-analysis__media{max-width:100%;line-height:0;display:inline-block;position:relative}.image-analysis__img{vertical-align:middle;width:auto;max-width:100%;height:auto;display:block}.rendered-image-overlay{pointer-events:none;z-index:2;position:absolute;overflow:visible}.rendered-image-overlay .detection-overlay{z-index:2}.image-analysis__filters{flex-wrap:wrap;gap:.4rem;padding:.25rem 0;display:flex}.image-analysis__filter{border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;display:inline-flex}.image-analysis__filter:hover{border-color:var(--color-accent)}.image-analysis__filter--active{border-color:var(--color-accent);color:var(--color-accent);background:rgba(var(--color-elecnor-orange-rgb), .08)}.image-analysis__filter-count{color:var(--color-text-muted);font-size:.72rem}.image-analysis__filter--active .image-analysis__filter-count{color:var(--color-accent)}.image-analysis__sidebar{flex-direction:column;gap:.75rem;display:flex}.image-analysis__card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.image-analysis__card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 .75rem;font-size:.75rem;font-weight:600}.image-analysis__meta{gap:.65rem;margin:0;display:grid}.image-analysis__meta div{justify-content:space-between;gap:.5rem;font-size:.88rem;display:flex}.image-analysis__meta dt{color:var(--color-text-muted);margin:0;font-weight:400}.image-analysis__meta dd{text-align:right;margin:0}.image-analysis__focus-meta p{margin:0 0 .5rem;font-size:.88rem}.image-analysis__focus-label{font-weight:600;margin-bottom:.75rem!important;font-size:1.05rem!important}.image-analysis__meta-key{color:var(--color-text-muted);margin-bottom:.15rem;font-size:.75rem;display:block}.image-analysis__report-status{margin:0 0 .5rem;font-size:.9rem}.image-analysis__report-status--done{color:#3d9a5c}.image-analysis__report-status--muted{color:var(--color-text-muted)}.image-analysis__report-summary{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.85rem}.image-analysis__report-link{text-align:center;width:100%;text-decoration:none;display:inline-block}.image-analysis__empty-positive{color:#3d9a5c;margin:0;font-size:.88rem}.image-analysis__problems{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.image-analysis__problem{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);cursor:pointer;background:0 0;padding:.6rem .65rem}.image-analysis__problem:hover,.image-analysis__problem--active{border-color:var(--color-accent)}.image-analysis__problem-title{margin-bottom:.2rem;font-size:.88rem;display:block}.image-analysis__problem-sub{color:var(--color-text-muted);font-size:.78rem;display:block}.image-analysis__problem-links{gap:.75rem;margin-top:.35rem;padding-left:.65rem;font-size:.78rem;display:flex}.image-analysis__problem-links a{color:var(--color-accent)}.image-day-strip{border-top:1px solid var(--color-border);margin-top:.25rem;padding-top:.75rem}.image-day-strip__title{color:var(--color-text-muted);margin:0 0 .5rem;font-size:.8rem;font-weight:600}.image-day-strip__scroll{gap:.75rem;padding-bottom:.15rem;display:flex}.image-day-strip__group{flex-direction:column;flex:none;gap:.35rem;display:flex}.image-day-strip__time{color:var(--color-text-muted);text-align:center;font-size:.72rem}.image-day-strip__pair{gap:.35rem;display:flex}.image-day-strip__thumb{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:88px;color:inherit;background:var(--color-bg-surface);font:inherit;cursor:pointer;flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden}.image-day-strip__thumb--active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.image-day-strip__thumb img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.image-day-strip__camera{text-align:center;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;padding:.15rem .25rem;font-size:.62rem;overflow:hidden}.detection-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.detection-overlay__borders,.detection-overlay__hits,.detection-overlay__labels{pointer-events:none;position:absolute;inset:0}.detection-overlay__borders{z-index:1}.detection-overlay__hits{z-index:2}.detection-overlay__labels{z-index:3}.detection-overlay--interactive .detection-overlay__hit{pointer-events:auto}.detection-overlay__frame,.detection-overlay__hit{box-shadow:none;box-sizing:border-box;background:0 0;margin:0;padding:0;position:absolute;overflow:visible}.detection-overlay__frame{border:1px solid var(--color-accent)}.detection-overlay__hit{cursor:pointer;border:none}.detection-overlay__frame--selected .detection-overlay__corner,.detection-overlay__label--selected .detection-overlay__label-class{border-color:var(--color-accent-hover)}.detection-overlay__frame--selected .detection-overlay__corner{filter:drop-shadow(0 0 6px var(--color-accent-glow))}.detection-overlay__label--selected .detection-overlay__label-class{background:var(--color-accent-hover)}.detection-overlay__corner{border:0 solid var(--color-accent);pointer-events:none;width:14px;height:14px;position:absolute}.detection-overlay__corner--tl{border-top-width:2px;border-left-width:2px;top:0;left:0}.detection-overlay__corner--tr{border-top-width:2px;border-right-width:2px;top:0;right:0}.detection-overlay__corner--br{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.detection-overlay__corner--bl{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.detection-overlay__label{color:#fff;white-space:nowrap;pointer-events:none;align-items:stretch;font-size:.68rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;transform:translateY(calc(-100% - 4px))}.detection-overlay__label-class{background:var(--color-accent);padding:.2rem .45rem}.detection-overlay__label-pct{background:#201812ad;padding:.2rem .45rem}.detection-overlay__frame--selected{border-color:var(--color-accent-hover)}.detection-overlay--compact .detection-overlay__corner{border-width:1.5px;width:18%;min-width:4px;max-width:10px;height:18%;min-height:4px;max-height:10px}.detection-overlay--compact .detection-overlay__frame{border-width:1px}.detection-overlay--compact .detection-overlay__frame--selected{border-color:var(--color-accent-hover);box-shadow:0 0 6px var(--color-accent-glow)}.page__status .images-toolbar__import-status{text-align:left;margin:0;font-size:.78rem}.filter-chip--compact{padding:.22rem .55rem;font-size:.78rem}.images-page .page__import-btn{min-width:auto;padding-inline:.75rem;font-size:.82rem}.image-review-workspace{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.image-review-workspace__body{flex:1;grid-template-columns:minmax(0,1fr) minmax(240px,280px);align-items:stretch;gap:.65rem;min-height:0;display:grid;overflow:hidden}.image-review-workspace__center{flex-direction:column;gap:.4rem;min-width:0;min-height:0;display:flex;overflow:hidden}.image-review-workspace__head{flex-shrink:0;justify-content:space-between;align-items:center;gap:.65rem;min-width:0;display:flex}.image-review-workspace__head-meta{flex-wrap:wrap;align-items:baseline;gap:.5rem;min-width:0;display:flex}.image-review-workspace__title{white-space:nowrap;font-size:.92rem;font-weight:600}.image-review-workspace__subtitle{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.image-review-workspace__head-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.image-review-workspace__nav{gap:.35rem;display:flex}.image-analysis__filters--inline{flex-wrap:nowrap;padding:0}.image-analysis__filters--inline .image-analysis__filter{padding:.22rem .5rem;font-size:.72rem}.main-image-viewer{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.main-image-viewer__toolbar{justify-content:flex-end;gap:.5rem;display:flex}.main-image-viewer__nav{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text);cursor:pointer;padding:.45rem .85rem;font-size:.85rem}.main-image-viewer__nav:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.main-image-viewer__nav:disabled{opacity:.4;cursor:not-allowed}.main-image-viewer__stage{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#080808;flex:1;justify-content:center;align-items:center;min-height:min(58vh,640px);display:flex;position:relative;overflow:hidden}.page__body--fill .main-image-viewer{flex:1;min-height:0}.page__body--fill .main-image-viewer__stage,.page__body--fill .main-image-viewer__media{min-height:0}.main-image-viewer__media{justify-content:center;align-items:center;width:100%;height:100%;min-height:min(58vh,640px);display:flex;position:relative}.image-detection-canvas-wrap{width:100%;height:100%;min-height:inherit;justify-content:center;align-items:center;line-height:0;display:flex}.image-detection-canvas{max-width:100%;max-height:min(58vh,640px);display:block}.page__body--fill .image-detection-canvas{max-height:none}.image-detection-canvas-wrap--interactive .image-detection-canvas{cursor:pointer}.image-detection-canvas-wrap--loading .image-detection-canvas{opacity:.72}.main-image-viewer__loading{border-radius:var(--radius-sm);color:#fff;z-index:4;background:#000000b8;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.8rem;display:inline-flex;position:absolute;inset:auto .75rem .75rem auto}.main-image-viewer__message{text-align:center;color:var(--color-text-muted);margin:0;padding:1.5rem}.image-analysis-panel{flex-direction:column;min-height:0;max-height:min(78vh,900px);display:flex}.page__body--fill .image-analysis-panel{height:100%;max-height:none;overflow:hidden}.image-analysis-panel__scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);min-height:0;overflow:auto}.image-analysis-panel__scroll::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.image-analysis-panel__scroll::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.image-analysis-panel__scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(var(--color-elecnor-orange-rgb), .32), rgba(var(--color-elecnor-orange-rgb), .58));border:1px solid rgba(var(--color-elecnor-orange-rgb), .2);border-radius:999px}.image-analysis-panel__scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.image-analysis-panel__loading{color:var(--color-text-muted);margin:0;padding:1rem;font-size:.88rem}.image-filmstrip{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;padding:.5rem .35rem;display:grid}.page__body--fill .image-filmstrip{padding:.35rem .3rem}.image-filmstrip__nav{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-root);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.image-filmstrip__nav:hover{border-color:var(--color-accent);color:var(--color-accent)}.image-filmstrip__scroll-wrap{min-width:0}.image-filmstrip__scroll{padding-bottom:.2rem}.image-filmstrip__track{height:118px;position:relative}.image-filmstrip__slot{width:132px;position:absolute;top:0;left:0}.image-filmstrip__item{border-radius:var(--radius-sm);width:132px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;gap:.3rem;padding:0;display:flex}.image-filmstrip__item:hover{border-color:rgba(var(--color-elecnor-orange-rgb), .45)}.image-filmstrip__item--selected{border-color:var(--color-accent);box-shadow:0 0 0 1px rgba(var(--color-elecnor-orange-rgb), .35)}.image-filmstrip__preview{aspect-ratio:16/10;border-radius:calc(var(--radius-sm) - 2px);background:#0a0a0a;width:100%;position:relative;overflow:hidden}.image-filmstrip__img{object-fit:contain;width:100%;height:100%;display:block}.image-filmstrip__badges{z-index:3;z-index:3;gap:.2rem;display:flex;position:absolute;bottom:.25rem;right:.25rem}.image-filmstrip__badge{background:var(--color-accent);color:#fff;text-align:center;border-radius:4px;min-width:1.1rem;padding:.05rem .3rem;font-size:.62rem;font-weight:600}.image-filmstrip__badge--problem{background:#e25555}.image-filmstrip__badge--muted{background:var(--color-border);color:var(--color-text-muted)}.image-filmstrip__meta{color:var(--color-text-muted);justify-content:space-between;gap:.35rem;padding:0 .1rem;font-size:.68rem;display:flex}.image-filmstrip__camera{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.image-filmstrip__time{flex-shrink:0}@media (width<=1100px){.image-review-workspace__body{grid-template-columns:1fr}.image-analysis-panel{max-height:none}.main-image-viewer__stage{min-height:44vh}}