@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--color-bg-base:#1a1a2e;--color-bg-surface:#16213e;--color-bg-elevated:#1e2746;--color-bg-input:#2c2f33;--color-bg-hover:hsla(0,0%,100%,.05);--color-bg-active:hsla(0,0%,100%,.08);--color-text-primary:#fff;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-disabled:#475569;--color-text-inverse:#1a1a2e;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-active:#1d4ed8;--color-primary-muted:rgba(59,130,246,.15);--color-primary-glow:rgba(59,130,246,.4);--color-primary-legacy:#3498db;--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-muted:rgba(34,197,94,.15);--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-muted:rgba(239,68,68,.15);--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-muted:rgba(245,158,11,.15);--color-info:#06b6d4;--color-info-hover:#0891b2;--color-info-muted:rgba(6,182,212,.15);--color-online:#22c55e;--color-offline:#6b7280;--color-processing:#3b82f6;--color-error-critical:#ef4444;--color-camera-ok:#22c55e;--color-camera-warning:#f59e0b;--color-camera-error:#ef4444;--color-camera-offline:#6b7280;--color-border:hsla(0,0%,100%,.1);--color-border-strong:hsla(0,0%,100%,.2);--color-border-focus:var(--color-primary);--spacing-0:0;--spacing-px:1px;--spacing-0-5:2px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-2xl:var(--spacing-12);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 20px rgba(0,0,0,.5);--shadow-xl:0 20px 40px rgba(0,0,0,.6);--shadow-glow:0 0 20px var(--color-primary-glow);--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:100ms ease-out;--transition-normal:200ms ease-out;--transition-slow:300ms ease-out;--transition-slower:500ms ease-out;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--card-bg:var(--color-bg-surface);--card-border:var(--color-border);--card-radius:var(--radius-lg);--card-padding:var(--spacing-4);--card-shadow:var(--shadow-md);--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--button-radius:var(--radius-md);--input-height:40px;--input-bg:var(--color-bg-input);--input-border:var(--color-border);--input-radius:var(--radius-md);--input-focus-ring:0 0 0 3px var(--color-primary-muted);--nav-height:60px;--sidebar-width:260px;--sidebar-collapsed-width:60px;color-scheme:light}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-scope .MuiOutlinedInput-root{background-color:#fff!important;border-radius:8px}.login-scope .MuiOutlinedInput-input{color:#111!important}.login-scope .MuiOutlinedInput-root fieldset{border-color:#d0d5dd!important}.login-scope .MuiOutlinedInput-root:hover fieldset{border-color:#9aa0a6!important}.login-scope .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3f51b5!important;border-width:2px!important}.login-scope .MuiInputBase-input::-webkit-input-placeholder{color:#666;opacity:1}.login-scope .MuiInputBase-input::placeholder{color:#666;opacity:1}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#111!important;box-shadow:inset 0 0 0 1000px #fff;-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body,html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}#root,body,html{touch-action:manipulation}a,article,aside,button,div,footer,header,input,label,li,nav,section,select,span,textarea,ul{-webkit-tap-highlight-color:transparent;touch-action:manipulation}em,i,img,svg{pointer-events:inherit;touch-action:manipulation}.dark-mode{--dark-bg:#1a1a1a;--dark-bg-panel:#242424;--dark-bg-header:#2c2c2c;--dark-text:#e0e0e0;--dark-text-muted:#888;--dark-border:#444;--primary-color:#3b82f6;--primary-color-hover:#2563eb;--danger-color:#a86060;--success-color:#6b9c77;--warn-color:#c9a869;background-color:var(--dark-bg);color:var(--dark-text);color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);min-height:100vh}.analisis-produccion-container,.logs-viewer-container,.stats-container{margin:0 auto;max-width:95vw;padding:20px}.dark-mode .dashboard-header,.dark-mode .filtros-logs,.dark-mode .stats-header{align-items:center;background-color:var(--dark-bg-panel);border:1px solid var(--dark-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px}.filtros-container,.filtros-principales{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.dark-mode input[type=date],.dark-mode input[type=number],.dark-mode input[type=text],.dark-mode select{background-color:var(--dark-bg);border:1px solid var(--dark-border);border-radius:5px;color:var(--dark-text);font-size:14px;padding:8px 12px}.dark-mode input[type=date]:focus,.dark-mode input[type=number]:focus,.dark-mode input[type=text]:focus,.dark-mode select:focus{border-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color);outline:none}.dark-mode .btnbuscador{background-color:initial;border:1px solid var(--primary-color);border-radius:5px;color:var(--primary-color);cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .2s ease,color .2s ease}.dark-mode .btnbuscador:hover{background-color:var(--primary-color);color:#fff}.dark-mode button{background-color:var(--dark-bg-header);border:1px solid var(--dark-border);border-radius:5px;color:var(--dark-text);cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .2s ease,border-color .2s ease}.dark-mode button:hover{background-color:var(--dark-border);border-color:#555}.dark-mode button:disabled{background-color:var(--dark-bg-panel);border-color:var(--dark-border);color:var(--dark-text-muted);cursor:not-allowed}.dark-mode .paginador{align-items:center;color:var(--dark-text-muted);display:flex;gap:15px}.dark-mode .tabla-responsive,.dark-mode .tabla-responsive-container{background-color:var(--dark-bg-panel);border:1px solid var(--dark-border);border-radius:8px;overflow-x:auto;padding:10px}.tabla-datos{font-size:14px}.dark-mode .tabla-datos td,.dark-mode .tabla-datos th{border-bottom:1px solid var(--dark-border);padding:12px 15px;text-align:left}.dark-mode .tabla-datos thead th{background-color:var(--dark-bg-header);color:var(--dark-text);font-weight:700;position:-webkit-sticky;position:sticky;top:0}.dark-mode .tabla-datos tbody tr:hover{background-color:#2a2a2a}.dark-mode .chip{background-color:var(--dark-border);border-radius:12px;color:var(--dark-text);display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.dark-mode .chip-danger{background-color:var(--danger-color);color:#fff}.dark-mode .chip-success{background-color:var(--success-color);color:#fff}.dark-mode .navbar{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 15px rgba(0,0,0,.3);display:flex;height:64px;justify-content:space-between;padding:0 20px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.menus{list-style:none;margin:0;padding:0}.menu-items,.menus{align-items:center;display:flex;height:100%;touch-action:manipulation}.menu-items{position:relative}.dark-mode .menu-items a,.dark-mode .menu-items button{align-items:center;background:none;border:none;border-bottom:3px solid transparent;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:100%;padding:0 18px;text-decoration:none;transition:all .2s ease}.dark-mode .menu-items a:hover,.dark-mode .menu-items button:hover{background:hsla(0,0%,100%,.05);border-bottom-color:#3498db;color:#fff}.dark-mode .Salir{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border-bottom:none!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(231,76,60,.3);color:#fff!important;font-weight:600;height:auto!important;margin-left:10px;padding:8px 18px!important}.dark-mode .Salir:hover{background:linear-gradient(135deg,#c0392b,#a93226)!important;box-shadow:0 4px 12px rgba(231,76,60,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-brand{align-items:center;display:flex;gap:10px}.nav-logo{font-size:1.4rem}.nav-title{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px}.system-status-indicator{align-items:center;display:flex;padding:0 12px!important}.user-badge{align-items:center;display:flex;padding:0 8px!important}.user-name{color:#94a3b8;font-size:.85rem;font-weight:500}.status-dot{background-color:#888;border-radius:50%;cursor:help;height:10px;transition:background-color .3s ease;width:10px}.status-dot.ok{-webkit-animation:pulse-ok 2s infinite;animation:pulse-ok 2s infinite;background-color:#00c853;box-shadow:0 0 8px rgba(0,200,83,.6)}.status-dot.warning{background-color:#ff9800;box-shadow:0 0 8px rgba(255,152,0,.6)}.status-dot.error{-webkit-animation:pulse-error 1s infinite;animation:pulse-error 1s infinite;background-color:#f44336;box-shadow:0 0 8px rgba(244,67,54,.6)}.status-dot.unknown{background-color:#888}@-webkit-keyframes pulse-ok{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-ok{0%,to{opacity:1}50%{opacity:.7}}@-webkit-keyframes pulse-error{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse-error{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}.dropdown{-webkit-tap-highlight-color:transparent;left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding:0;position:absolute;top:100%;touch-action:manipulation;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:opacity .3s ease,visibility .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,visibility .3s;transition:opacity .3s ease,transform .3s ease,visibility .3s,-webkit-transform .3s ease;visibility:hidden;z-index:1000}.dark-mode .dropdown{background-color:var(--dark-bg-header);border:1px solid var(--dark-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.5)}.dropdown.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.dropdown li{width:100%}.dropdown a{color:var(--dark-text);display:block;padding:12px 20px;text-decoration:none;transition:background-color .2s ease}.dark-mode .dropdown a:hover{background-color:var(--primary-color);color:#fff}.dropdown li:first-child a{border-radius:8px 8px 0 0}.dropdown li:last-child a{border-radius:0 0 8px 8px}.menu-items button[aria-haspopup=menu]:after{content:" ▼";font-size:12px;margin-left:5px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.menu-items button[aria-expanded=true]:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hamburger-button{background:none;border:none;display:none;padding:10px}.dark-mode .hamburger-button{color:var(--dark-text)}.hamburger-button svg{height:28px;width:28px}@media (max-width:768px){.hamburger-button{display:block}.menus{display:none;flex-direction:column;left:0;max-height:calc(100vh - 64px);overflow-y:auto;padding-bottom:20px;position:absolute;width:100%;z-index:1000}.dark-mode .menus{background-color:var(--dark-bg-panel);border-top:1px solid var(--dark-border);top:64px}.menus.active{display:flex}.menu-items{align-items:stretch!important;border-bottom:1px solid hsla(0,0%,100%,.1);flex-direction:column!important;height:auto!important;width:100%!important}.dark-mode .menu-items>a,.dark-mode .menu-items>button{border-bottom:none!important;font-size:1rem;font-weight:600;height:auto!important;justify-content:space-between!important;padding:16px 20px!important;text-align:left;width:100%!important}.dark-mode .menu-items>a:hover,.dark-mode .menu-items>button:hover{background:hsla(0,0%,100%,.08);border-bottom-color:transparent}.dropdown{border:none!important;border-radius:0!important;box-shadow:none!important;max-height:0!important;min-width:100%!important;opacity:0;overflow:hidden;position:static!important;-webkit-transform:none!important;transform:none!important;transition:max-height .3s ease-out,opacity .2s ease;visibility:hidden;width:100%!important}.dropdown.show{max-height:1000px!important;opacity:1;overflow:visible;visibility:visible}.dark-mode .dropdown{background-color:rgba(0,0,0,.25)!important;border:none!important}.dropdown li{border-bottom:1px solid hsla(0,0%,100%,.05);width:100%}.dropdown li:last-child{border-bottom:none}.dark-mode .dropdown li a,.dropdown li a{color:#94a3b8!important;display:block!important;font-size:.95rem;height:auto!important;padding:14px 20px 14px 40px!important;text-decoration:none;width:100%!important}.dark-mode .dropdown li a:hover{background-color:rgba(59,130,246,.2)!important;color:#fff!important}.menu-items button[aria-haspopup=menu]:after{content:" ▼"!important;font-size:10px;margin-left:auto;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.menu-items button[aria-expanded=true]:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.system-status-indicator,.user-badge{height:auto!important;justify-content:center!important;padding:12px 20px!important}.user-badge{border-bottom:none}.dark-mode .Salir{height:auto!important;justify-content:center!important;margin:16px 20px!important;width:calc(100% - 40px)!important}}@media (min-width:1600px){.dark-mode{--large-font-base:15px;--large-spacing:24px;--large-card-padding:20px;--large-border-radius:10px}.analisis-produccion-container,.logs-viewer-container,.stats-container{max-width:1800px;padding:32px}.dark-mode .dashboard-header,.dark-mode .filtros-logs,.dark-mode .stats-header{border-radius:var(--large-border-radius);gap:20px;padding:20px 28px}.dark-mode input[type=date],.dark-mode input[type=number],.dark-mode input[type=text],.dark-mode select{font-size:15px;padding:10px 16px}.dark-mode .btnbuscador,.dark-mode button{font-size:15px;padding:10px 20px}.tabla-datos{font-size:15px}.dark-mode .tabla-datos td,.dark-mode .tabla-datos th{padding:14px 18px}.dark-mode .tabla-responsive,.dark-mode .tabla-responsive-container{border-radius:var(--large-border-radius);padding:16px}.dark-mode .menu-items a,.dark-mode .menu-items button{font-size:15px;padding:20px 24px}.dropdown a{padding:14px 24px}}@media (min-width:1440px) and (max-width:1599px){.analisis-produccion-container,.logs-viewer-container,.stats-container{max-width:1400px;padding:28px}.dark-mode .dashboard-header,.dark-mode .filtros-logs,.dark-mode .stats-header{padding:18px 24px}}.sm-root{--sm-bg:#0b0e14;--sm-surface:rgba(17,21,30,.75);--sm-surface-hover:rgba(25,30,42,.85);--sm-border:hsla(0,0%,100%,.07);--sm-border-hover:hsla(0,0%,100%,.14);--sm-text:#e2e8f0;--sm-text-muted:#64748b;--sm-text-dim:#475569;--sm-accent:#38bdf8;--sm-green:#34d399;--sm-red:#f87171;--sm-amber:#fbbf24;--sm-purple:#a78bfa;--sm-cyan:#22d3ee;--sm-radius:16px;--sm-radius-sm:10px;background:var(--sm-bg);background-image:radial-gradient(circle at 18% 12%,rgba(56,189,248,.04) 0,transparent 50%),radial-gradient(circle at 82% 88%,rgba(167,139,250,.04) 0,transparent 50%);color:var(--sm-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:28px 32px 48px}.sm-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.sm-header__title{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(135deg,#38bdf8,#818cf8 50%,#c084fc);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.65rem;font-weight:800;gap:10px;letter-spacing:-.02em;margin:0}.sm-header__icon{-webkit-text-fill-color:initial;font-size:1.3rem}.sm-header__subtitle{color:var(--sm-text-muted);font-size:.82rem;font-weight:400;margin:4px 0 0}.sm-header__time{color:var(--sm-text-dim)}.sm-header__right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sm-badge{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:20px;color:var(--sm-text-muted);display:inline-flex;font-size:.72rem;font-weight:600;gap:6px;letter-spacing:.04em;padding:5px 12px;text-transform:uppercase}.sm-badge__dot{background:var(--sm-text-dim);border-radius:50%;flex-shrink:0;height:7px;width:7px}.sm-badge--active{border-color:rgba(56,189,248,.3);color:var(--sm-accent)}.sm-badge--active .sm-badge__dot{background:var(--sm-accent);box-shadow:0 0 6px var(--sm-accent)}.sm-badge--success{border-color:rgba(52,211,153,.3);color:var(--sm-green)}.sm-badge--success .sm-badge__dot{-webkit-animation:sm-pulse 2s ease-in-out infinite;animation:sm-pulse 2s ease-in-out infinite;background:var(--sm-green);box-shadow:0 0 6px var(--sm-green)}.sm-badge--warn{border-color:rgba(251,191,36,.3);color:var(--sm-amber)}.sm-badge--warn .sm-badge__dot{background:var(--sm-amber);box-shadow:0 0 6px var(--sm-amber)}.sm-refresh-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:10px;color:var(--sm-accent);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .25s ease;width:36px}.sm-refresh-btn:hover{background:var(--sm-surface-hover);border-color:var(--sm-border-hover);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sm-refresh-btn:active{-webkit-transform:rotate(180deg) scale(.95);transform:rotate(180deg) scale(.95)}.sm-error{align-items:center;-webkit-animation:sm-slideDown .3s ease;animation:sm-slideDown .3s ease;background:hsla(0,91%,71%,.1);border:1px solid hsla(0,91%,71%,.3);border-radius:var(--sm-radius-sm);color:var(--sm-red);display:flex;font-size:.85rem;font-weight:500;gap:8px;margin-bottom:24px;padding:12px 18px}.sm-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.sm-card--batch{grid-column:span 2}.sm-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--sm-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);overflow:hidden;padding:0;position:relative;transition:border-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.sm-card:hover{border-color:var(--sm-border-hover);box-shadow:0 8px 32px rgba(0,0,0,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.sm-card--online{border-color:rgba(52,211,153,.25)}.sm-card--online:before{border-radius:var(--sm-radius);box-shadow:inset 0 1px 0 rgba(52,211,153,.12);content:"";inset:0;pointer-events:none;position:absolute}.sm-card--offline{border-color:hsla(0,91%,71%,.2)}.sm-card__header{align-items:center;display:flex;gap:14px;padding:20px 22px 0}.sm-card__icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:44px}.sm-card:hover .sm-card__icon-wrap{-webkit-transform:scale(1.08);transform:scale(1.08)}.sm-card__icon-wrap--gpu{background:linear-gradient(135deg,rgba(56,189,248,.15),rgba(129,140,248,.15));color:var(--sm-accent)}.sm-card__icon-wrap--services{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(249,115,22,.15));color:var(--sm-amber)}.sm-card__icon-wrap--cameras{background:linear-gradient(135deg,rgba(236,72,153,.15),hsla(0,91%,71%,.15));color:#ec4899}.sm-card__icon-wrap--vps{background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(52,211,153,.15));color:var(--sm-cyan)}.sm-card__icon-wrap--batch{background:linear-gradient(135deg,rgba(167,139,250,.15),rgba(192,132,252,.15));color:var(--sm-purple)}.sm-card__title{color:var(--sm-text);font-size:1rem;font-weight:700;margin:0}.sm-card__subtitle{font-size:.72rem}.sm-camera-count,.sm-card__subtitle{color:var(--sm-text-muted);font-weight:500}.sm-camera-count{font-size:.85rem}.sm-status-pill{align-items:center;border-radius:12px;display:inline-flex;font-size:.65rem;font-weight:700;gap:5px;letter-spacing:.06em;margin-top:2px;padding:3px 10px;text-transform:uppercase}.sm-status-pill__dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.sm-status-pill--online{background:rgba(52,211,153,.12);color:var(--sm-green)}.sm-status-pill--online .sm-status-pill__dot{-webkit-animation:sm-pulse 2s ease-in-out infinite;animation:sm-pulse 2s ease-in-out infinite;background:var(--sm-green);box-shadow:0 0 6px var(--sm-green)}.sm-status-pill--offline{background:hsla(0,91%,71%,.12);color:var(--sm-red)}.sm-status-pill--offline .sm-status-pill__dot{-webkit-animation:sm-pulse-danger 1.2s ease-in-out infinite;animation:sm-pulse-danger 1.2s ease-in-out infinite;background:var(--sm-red);box-shadow:0 0 6px var(--sm-red)}.sm-status-pill--warn{background:rgba(251,191,36,.12);color:var(--sm-amber)}.sm-status-pill--warn .sm-status-pill__dot{background:var(--sm-amber);box-shadow:0 0 6px var(--sm-amber)}.sm-card__body{padding:18px 22px 22px}.sm-card__empty{align-items:center;display:flex;flex-direction:column;font-size:.85rem;gap:10px;justify-content:center;padding:28px 0}.sm-card__empty,.sm-card__empty-text{color:var(--sm-text-dim)}.sm-metric-bar{margin-bottom:14px}.sm-metric-bar:last-of-type{margin-bottom:16px}.sm-metric-bar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.sm-metric-bar__label{color:var(--sm-text-muted);font-size:.72rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.sm-metric-bar__value{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:600}.sm-metric-bar__track{background:hsla(0,0%,100%,.06);border-radius:3px;height:6px;overflow:hidden;position:relative}.sm-metric-bar__fill{border-radius:3px;height:100%;position:relative;transition:width .6s cubic-bezier(.22,1,.36,1)}.sm-metric-bar__fill:after{-webkit-animation:sm-shimmer 2.5s ease-in-out infinite;animation:sm-shimmer 2.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);content:"";inset:0;position:absolute}.sm-stats-row{display:flex;gap:8px;margin-top:4px}.sm-stat-chip{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);display:flex;flex:1 1;flex-direction:column;gap:2px;padding:10px 6px;transition:background .2s ease,border-color .2s ease}.sm-stat-chip:hover{background:hsla(0,0%,100%,.06);border-color:var(--sm-border-hover)}.sm-stat-chip--danger{background:hsla(0,91%,71%,.06)!important;border-color:hsla(0,91%,71%,.3)!important}.sm-stat-chip__icon{font-size:1rem;line-height:1}.sm-stat-chip__label{color:var(--sm-text-dim);font-size:.62rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.sm-stat-chip__value{color:var(--sm-text);font-size:.85rem;font-weight:700}.sm-services-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.sm-service-chip{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);display:flex;gap:10px;padding:12px 14px;transition:all .2s ease}.sm-service-chip:hover{background:hsla(0,0%,100%,.05)}.sm-service-chip__dot{border-radius:50%;flex-shrink:0;height:8px;transition:all .3s ease;width:8px}.sm-service-chip--active .sm-service-chip__dot{-webkit-animation:sm-pulse 2.5s ease-in-out infinite;animation:sm-pulse 2.5s ease-in-out infinite;background:var(--sm-green);box-shadow:0 0 8px var(--sm-green)}.sm-service-chip--active{background:rgba(52,211,153,.04);border-color:rgba(52,211,153,.2)}.sm-service-chip--inactive .sm-service-chip__dot{background:var(--sm-red);box-shadow:0 0 8px var(--sm-red)}.sm-service-chip--inactive{background:hsla(0,91%,71%,.04);border-color:hsla(0,91%,71%,.2)}.sm-service-chip__name{color:var(--sm-text);font-size:.76rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.sm-card__icon-wrap--tasks{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.15));color:#fbbf24}.sm-card--tasks{grid-column:span 2}.sm-tasks-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.sm-tasks-list::-webkit-scrollbar{width:4px}.sm-tasks-list::-webkit-scrollbar-track{background:transparent}.sm-tasks-list::-webkit-scrollbar-thumb{background:var(--sm-border-hover);border-radius:2px}.sm-task-row{align-items:center;background:hsla(0,0%,100%,.015);border:1px solid var(--sm-border);border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:all .15s ease}.sm-task-row:hover{background:hsla(0,0%,100%,.04);border-color:var(--sm-border-hover)}.sm-task-row__info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sm-task-row__name{color:var(--sm-text);font-size:.78rem;font-weight:700}.sm-task-row__desc{color:var(--sm-text-dim);font-size:.66rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-task-row__meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.sm-task-row__schedule{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#fbbf24;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:600}.sm-task-row__lastrun{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--sm-text-dim);font-size:.6rem;font-variant-numeric:tabular-nums}.sm-task-row__badge{border-radius:4px;flex-shrink:0;font-size:.58rem;font-weight:700;letter-spacing:.04em;padding:3px 7px;text-transform:uppercase}.sm-task-row__badge--cron{background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.2);color:var(--sm-accent)}.sm-task-row__badge--systemd{background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.2);color:var(--sm-purple)}.sm-cameras-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.sm-camera-node{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);cursor:default;display:flex;flex-direction:column;gap:4px;padding:14px 8px;position:relative;transition:all .3s ease}.sm-camera-node:hover{background:hsla(0,0%,100%,.05);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.sm-camera-node__ring{border-radius:50%;height:10px;margin-bottom:2px;transition:all .3s ease;width:10px}.sm-camera-node--online{background:rgba(52,211,153,.04);border-color:rgba(52,211,153,.3)}.sm-camera-node--online .sm-camera-node__ring{-webkit-animation:sm-pulse 2s ease-in-out infinite;animation:sm-pulse 2s ease-in-out infinite;background:var(--sm-green);box-shadow:0 0 8px var(--sm-green),0 0 16px rgba(52,211,153,.3)}.sm-camera-node--online .sm-camera-node__name{color:var(--sm-green)}.sm-camera-node--offline{opacity:.45}.sm-camera-node--offline .sm-camera-node__ring{background:var(--sm-text-dim)}.sm-camera-node--placeholder{opacity:.3}.sm-camera-node--placeholder .sm-camera-node__ring{background:var(--sm-text-dim)}.sm-camera-node--master{background:rgba(56,189,248,.06)!important;border-color:rgba(56,189,248,.35)!important}.sm-camera-node--master .sm-camera-node__ring{background:var(--sm-accent)!important;box-shadow:0 0 8px var(--sm-accent),0 0 16px rgba(56,189,248,.3)!important}.sm-camera-node__name{color:var(--sm-text-muted);font-size:.72rem;font-weight:700}.sm-camera-node__temp{color:var(--sm-text-dim);font-size:.62rem;font-weight:500}.sm-camera-node__master{font-size:.65rem;position:absolute;right:6px;top:4px}.sm-card--cameras-all{border-color:rgba(52,211,153,.25)}.sm-card--cameras-partial{border-color:rgba(251,191,36,.25)}.sm-card--cameras-none{border-color:hsla(0,91%,71%,.2)}.sm-card__footer-note{color:var(--sm-text-dim);font-size:.65rem;letter-spacing:.01em;margin:14px 0 0;text-align:center}.sm-vps-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sm-vps-stat{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);display:flex;flex-direction:column;gap:6px;padding:18px 12px;transition:all .2s ease}.sm-vps-stat:hover{background:hsla(0,0%,100%,.06);border-color:var(--sm-border-hover)}.sm-vps-stat__label{color:var(--sm-text-muted);font-size:.68rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.sm-vps-stat__value{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-size:1.6rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.sm-vps-stat__value--cyan{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#22d3ee,#38bdf8);-webkit-background-clip:text;background-clip:text}.sm-vps-stat__value--green{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#34d399,#6ee7b7);-webkit-background-clip:text;background-clip:text}.sm-batch-info{align-items:center;display:flex;flex-direction:column;gap:6px;padding:16px 0}.sm-batch-info__id{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--sm-purple),#c084fc);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:700}.sm-batch-info__count{color:var(--sm-text-muted);font-size:.78rem;font-weight:500}.sm-card__icon-wrap--storage{background:linear-gradient(135deg,rgba(52,211,153,.15),rgba(56,189,248,.15));color:var(--sm-green)}.sm-card--storage{grid-column:span 4}.sm-card--storage-critical{border-color:rgba(239,68,68,.35)!important}.sm-card--storage-critical:after{border-radius:var(--sm-radius);box-shadow:inset 0 0 30px rgba(239,68,68,.05);content:"";inset:0;pointer-events:none;position:absolute}.sm-storage-disks{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.sm-storage-disk{display:flex;flex-direction:column;gap:14px}.sm-storage-disk__label{color:var(--sm-text);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sm-storage-disk__mount{color:var(--sm-text-dim);font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;font-weight:500}.sm-storage-layout{align-items:center;display:flex;gap:28px}.sm-storage-donut-wrap{flex-shrink:0}.sm-storage-donut{align-items:center;border-radius:50%;display:flex;height:100px;justify-content:center;position:relative;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100px}.sm-card:hover .sm-storage-donut{-webkit-transform:scale(1.05);transform:scale(1.05)}.sm-storage-donut__inner{align-items:center;background:var(--sm-bg);border-radius:50%;display:flex;flex-direction:column;gap:1px;height:72px;justify-content:center;width:72px}.sm-storage-donut__percent{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.sm-storage-donut__label{color:var(--sm-text-dim);font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sm-storage-details{display:flex;flex:1 1;flex-direction:column;gap:12px}.sm-storage-detail{align-items:center;display:flex;gap:10px}.sm-storage-detail__dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.sm-storage-detail__dot--free{background:hsla(0,0%,100%,.08);border:1px solid var(--sm-border-hover)}.sm-storage-detail__dot--total{background:var(--sm-text-dim)}.sm-storage-detail__label{color:var(--sm-text-dim);display:block;font-size:.65rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.sm-storage-detail__value{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--sm-text);display:block;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700}.sm-storage-separator{align-items:center;color:var(--sm-text-muted);display:flex;font-size:.72rem;font-weight:700;gap:12px;letter-spacing:.04em;margin:16px 0 8px;text-transform:uppercase}.sm-storage-separator:after,.sm-storage-separator:before{background:var(--sm-border);content:"";flex:1 1;height:1px}.sm-card__icon-wrap--activity{background:linear-gradient(135deg,rgba(167,139,250,.15),rgba(244,114,182,.15));color:var(--sm-purple)}.sm-card--activity{grid-column:span 2}.sm-activity-counters{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);text-align:center}.sm-activity-counter{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid var(--sm-border);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px 8px;transition:all .2s ease}.sm-activity-counter:hover{background:hsla(0,0%,100%,.04);border-color:var(--sm-border-hover)}.sm-activity-counter__value{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.sm-activity-counter__value--total{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--sm-accent),var(--sm-purple));-webkit-background-clip:text;background-clip:text}.sm-activity-counter__value--info{color:var(--sm-accent)}.sm-activity-counter__value--warning{color:#f59e0b}.sm-activity-counter__value--error{color:#ef4444}.sm-activity-counter__label{color:var(--sm-text-dim);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sm-card__icon-wrap--events{background:linear-gradient(135deg,rgba(251,146,60,.15),rgba(239,68,68,.15));color:#fb923c}.sm-card--events{grid-column:span 2}.sm-events-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.sm-events-list::-webkit-scrollbar{width:4px}.sm-events-list::-webkit-scrollbar-track{background:transparent}.sm-events-list::-webkit-scrollbar-thumb{background:var(--sm-border-hover);border-radius:2px}.sm-event-row{align-items:center;background:hsla(0,0%,100%,.015);border:1px solid var(--sm-border);border-radius:8px;display:flex;gap:10px;padding:8px 10px;transition:all .15s ease}.sm-event-row:hover{background:hsla(0,0%,100%,.04);border-color:var(--sm-border-hover)}.sm-event-badge{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:.65rem;font-weight:800;height:22px;justify-content:center;width:22px}.sm-event-badge--critical,.sm-event-badge--error{background:rgba(239,68,68,.15);color:#ef4444}.sm-event-badge--warning{background:rgba(245,158,11,.15);color:#f59e0b}.sm-event-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sm-event-source{color:var(--sm-text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.sm-event-message{color:var(--sm-text-dim);font-size:.73rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-event-time{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--sm-text-muted);flex-shrink:0;font-size:.62rem;font-variant-numeric:tabular-nums;white-space:nowrap}.sm-spinner{-webkit-animation:sm-spin .8s linear infinite;animation:sm-spin .8s linear infinite;border:2.5px solid var(--sm-border);border-radius:50%;border-top-color:var(--sm-accent);height:24px;width:24px}@-webkit-keyframes sm-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes sm-pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes sm-pulse-danger{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6;-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes sm-pulse-danger{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6;-webkit-transform:scale(1.15);transform:scale(1.15)}}@-webkit-keyframes sm-shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(200%);transform:translateX(200%)}}@keyframes sm-shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(200%);transform:translateX(200%)}}@-webkit-keyframes sm-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sm-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes sm-slideDown{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sm-slideDown{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:1200px){.sm-grid{grid-template-columns:repeat(2,1fr)}.sm-card--batch{grid-column:span 1}.sm-card--activity,.sm-card--events,.sm-card--storage{grid-column:span 2}}@media (max-width:640px){.sm-root{padding:16px 14px 32px}.sm-header{flex-direction:column;gap:12px;margin-bottom:20px}.sm-header__title{font-size:1.3rem}.sm-header__right{justify-content:flex-start;width:100%}.sm-grid{gap:14px;grid-template-columns:1fr}.sm-card--activity,.sm-card--batch,.sm-card--events,.sm-card--storage{grid-column:span 1}.sm-activity-counters{gap:10px;grid-template-columns:repeat(2,1fr)}.sm-activity-counter__value{font-size:1.2rem}.sm-storage-disks{gap:20px;grid-template-columns:1fr}.sm-storage-donut{height:80px;width:80px}.sm-storage-donut__inner{height:56px;width:56px}.sm-storage-donut__percent{font-size:1rem}.sm-storage-layout{gap:18px}.sm-storage-detail__value{font-size:.8rem}.sm-card__header{padding:16px 16px 0}.sm-card__body{padding:14px 16px 18px}.sm-card__icon-wrap{border-radius:10px;height:38px;width:38px}.sm-card__icon-wrap svg{height:20px;width:20px}.sm-card__title{font-size:.92rem}.sm-services-grid{grid-template-columns:1fr}.sm-cameras-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.sm-camera-node{padding:10px 4px}.sm-camera-node__name{font-size:.65rem}.sm-camera-node__temp{font-size:.55rem}.sm-vps-stat{padding:14px 8px}.sm-vps-stat__value{font-size:1.3rem}.sm-stats-row{gap:6px}.sm-stat-chip{padding:8px 4px}.sm-stat-chip__value{font-size:.78rem}.sm-badge{font-size:.65rem;padding:4px 10px}.sm-refresh-btn{height:32px;width:32px}}@media (min-width:1600px){.sm-root{margin:0 auto;max-width:1800px;padding:36px 48px 56px}.sm-header__title{font-size:1.9rem}.sm-grid{gap:24px}.sm-card__header{padding:24px 26px 0}.sm-card__body{padding:20px 26px 26px}.sm-card__title{font-size:1.08rem}}.plc-monitor-container{color:#f0f0f0;margin:0 auto;max-width:1400px;padding:2rem}.plc-header{align-items:flex-start;border-bottom:2px solid #444;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.plc-title-group h1{color:#e0e0e0;font-size:2rem;margin:0 0 .5rem}.plc-subtitle{color:#a0a0a0;font-size:1rem;margin:0}.plc-status-badge{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.plc-badge{border-radius:6px;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem}.plc-badge-success{background-color:#28a745;color:#fff}.plc-badge-danger{background-color:#dc3545;color:#fff}.plc-last-update{color:#888;font-size:.85rem}.plc-connections-section,.plc-controls-section,.plc-help-section,.plc-protocol-section,.plc-scanners-section,.plc-stats-section{margin-bottom:2.5rem}.plc-monitor-container h2{border-left:4px solid #7289da;color:#e0e0e0;font-size:1.5rem;margin-bottom:1rem;padding-left:1rem}.plc-connections-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plc-connection-card{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;padding:1.5rem;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.plc-connection-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-connection-card h3{color:#e0e0e0;font-size:1.1rem;margin:0 0 1rem}.plc-connection-status{align-items:center;background:rgba(0,0,0,.2);border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem}.plc-status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.plc-connection-status.connected .plc-status-dot{-webkit-animation:plc-pulse 2s infinite;animation:plc-pulse 2s infinite;background-color:#28a745;box-shadow:0 0 8px rgba(40,167,69,.6)}.plc-connection-status.disconnected .plc-status-dot{background-color:#dc3545}@-webkit-keyframes plc-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes plc-pulse{0%,to{opacity:1}50%{opacity:.5}}.plc-status-info{display:flex;flex-direction:column}.plc-status-label{color:#888;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.plc-status-text{color:#e0e0e0;font-size:1rem;font-weight:600}.plc-connection-detail{display:flex;font-size:.9rem;justify-content:space-between;padding:.25rem 0}.plc-detail-label{color:#888}.plc-detail-value{color:#e0e0e0;font-family:monospace}.plc-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.plc-stat-card{align-items:center;background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.plc-stat-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-stat-excellent{border-left:4px solid #28a745}.plc-stat-good{border-left:4px solid #5cb85c}.plc-stat-warning{border-left:4px solid #ffc107}.plc-stat-critical{border-left:4px solid #dc3545}.plc-stat-icon{font-size:2rem;opacity:.8}.plc-stat-content{flex:1 1}.plc-stat-label{color:#888;font-size:.85rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.plc-stat-value{color:#e0e0e0;font-size:2rem;font-weight:700}.plc-stat-unit{color:#888;font-size:1.2rem;margin-left:.25rem}.plc-scanners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plc-scanner-card{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;padding:2rem;text-align:center;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.plc-scanner-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.4);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.plc-scanner-scan1{border-top:3px solid #17a2b8}.plc-scanner-scan2{border-top:3px solid #28a745}.plc-scanner-lost{border-top:3px solid #6c757d}.plc-scanner-lost.plc-has-errors{background:linear-gradient(135deg,#3a2f1f,#2d2416);border-top:3px solid #ffc107}.plc-scanner-icon{font-size:3rem;margin-bottom:1rem}.plc-scanner-content h3{color:#e0e0e0;font-size:1.3rem;margin:0 0 .5rem}.plc-scanner-description{color:#888;font-size:.9rem;margin-bottom:1.5rem}.plc-scanner-count{color:#e0e0e0;font-size:3rem;font-weight:700;margin-bottom:.5rem}.plc-scanner-label{color:#888;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.plc-register-map{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;padding:2rem}.plc-register-map h3{border-left:none;color:#e0e0e0;font-size:1.3rem;margin:0 0 1.5rem;padding-left:0}.plc-register-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.plc-register-section h4{color:#7289da;font-size:1.1rem;margin:0 0 1rem}.plc-register-table{border-collapse:collapse;font-size:.9rem;width:100%}.plc-register-table th{background:rgba(114,137,218,.2);border-bottom:2px solid #7289da;color:#e0e0e0;font-weight:600;padding:.75rem;text-align:left}.plc-register-table td{border-bottom:1px solid #333;padding:.75rem}.plc-register-table td:first-child{color:#7289da;font-family:monospace;font-weight:600}.plc-register-table td:last-child{color:#a0a0a0}.plc-register-table tr:hover{background:hsla(0,0%,100%,.05)}.plc-controls-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.plc-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;text-align:center;transition:all .3s}.plc-btn:disabled{cursor:not-allowed;opacity:.5}.plc-btn-primary{background:linear-gradient(135deg,#5b6eae,#7289da);color:#fff}.plc-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4a5d9d,#6278c9);box-shadow:0 4px 12px rgba(114,137,218,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-btn-warning{background:linear-gradient(135deg,#d39e00,#ffc107);color:#000}.plc-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#c28d00,#e0a800);box-shadow:0 4px 12px rgba(255,193,7,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-btn-info{background:linear-gradient(135deg,#138496,#17a2b8);color:#fff}.plc-btn-info:hover:not(:disabled){background:linear-gradient(135deg,#117a8b,#138496);box-shadow:0 4px 12px rgba(23,162,184,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-btn-danger{background:linear-gradient(135deg,#bd2130,#dc3545);color:#fff}.plc-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#a71d2a,#c82333);box-shadow:0 4px 12px rgba(220,53,69,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-help-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plc-help-item{background:rgba(0,0,0,.2);border:1px solid #333;border-radius:8px;padding:1.5rem}.plc-help-item h4{color:#7289da;font-size:1.1rem;margin:0 0 1rem}.plc-help-item p,.plc-help-item ul{color:#a0a0a0;line-height:1.6;margin:0}.plc-help-item ul{list-style:none;padding-left:0}.plc-help-item li{padding:.25rem 0}.plc-help-item strong{color:#e0e0e0}.plc-ops-table-wrapper{overflow:auto}.plc-modal{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.plc-modal-content{background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25);color:#111;max-width:800px;min-width:320px;padding:16px}.plc-error,.plc-loading{align-items:center;color:#a0a0a0;display:flex;flex-direction:column;justify-content:center;min-height:400px}.plc-error button{background:#7289da;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.plc-error button:hover{background:#6278c9}@media (max-width:768px){.plc-monitor-container{padding:1rem}.plc-header{flex-direction:column;gap:1rem}.plc-header,.plc-status-badge{align-items:flex-start}.plc-connections-grid,.plc-controls-grid,.plc-register-grid,.plc-scanners-grid,.plc-stats-grid{grid-template-columns:1fr}.plc-scanner-count{font-size:2.5rem}}.cat-badge{align-items:center;border:1px solid rgba(0,0,0,.08);border-radius:999px;box-shadow:0 1px 1px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.25);display:inline-flex;font-weight:700;gap:.5rem;line-height:1;padding:.375rem .75rem;white-space:nowrap}.cat-badge__main{letter-spacing:.2px}.cat-badge__sub{background:hsla(0,0%,100%,.25);border-radius:999px;font-weight:600;opacity:.9;padding:.15rem .5rem}.cat-badge--lg{font-size:.95rem}.cat-badge--md{font-size:.85rem}.cat-badge--sm{font-size:.75rem;padding:.3rem .6rem}.badge--box1{background:#7bd3f7;color:#062a3d}.badge--box2{background:#7ee3a5;color:#083b1e}.badge--box3{background:#f9c97c;color:#4a2a05}.badge--box4{background:#d1b7f7;color:#2f0f4a}.badge--box5{background:#c1c9d6;color:#1b1e26}.badge--manual{background:#d1d5db;color:#1f2937}.badge--fallo{background:#fecaca;color:#7f1d1d}.badge--sin{background:#e5e7eb;color:#374151}.badge--neutral{background:#c7d2fe;color:#111827}.loading-overlay{align-items:center;-webkit-animation:fadeIn .3s forwards;animation:fadeIn .3s forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(20,22,25,.6);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{border:5px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:60px;width:60px}.loading-text{color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:1px;margin-top:20px}.boxes-container{margin:0 auto;max-width:1400px;padding:2rem}.boxes-header{margin-bottom:2rem;text-align:center}.boxes-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.boxes-subtitle{color:#7f8c8d;font-size:1.1rem;margin:0}.boxes-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:2rem;padding:1.5rem}.date-range-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.date-range-selector button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.date-range-selector button:hover{border-color:#3498db;color:#3498db;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.date-range-selector button.active{background:#3498db;border-color:#3498db;box-shadow:0 4px 12px rgba(52,152,219,.3);color:#fff}.date-inputs{display:flex;flex-wrap:wrap;gap:1rem}.date-inputs label{color:#555;display:flex;flex-direction:column;font-weight:500;gap:.5rem}.date-inputs input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.date-inputs input:focus{border-color:#3498db;outline:none}.boxes-content{display:flex;flex-direction:column;gap:3rem}.boxes-day-section{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:2rem}.boxes-day-header{align-items:center;border-bottom:3px solid #ecf0f1;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.boxes-day-header-left{flex:1 1;min-width:300px}.boxes-day-header-right{align-items:center;display:flex;gap:1rem}.boxes-day-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 1rem;text-transform:capitalize}.boxes-day-totals{display:flex;flex-wrap:wrap;gap:1rem}.btn-enviar-correo{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(255,152,0,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.btn-enviar-correo:hover:not(:disabled){background:linear-gradient(135deg,#fb8c00,#ef6c00);box-shadow:0 6px 16px rgba(255,152,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-enviar-correo:active:not(:disabled){box-shadow:0 2px 8px rgba(255,152,0,.3);-webkit-transform:translateY(0);transform:translateY(0)}.btn-enviar-correo:disabled{cursor:not-allowed;opacity:.6}.mensaje-correo{-webkit-animation:slideInDown .3s ease;animation:slideInDown .3s ease;border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem 1.5rem}.mensaje-correo-exito{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.mensaje-correo-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.boxes-day-total{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3)}.boxes-day-total,.boxes-day-volume{align-items:baseline;border-radius:8px;color:#fff;display:flex;gap:.5rem;padding:.75rem 1.5rem}.boxes-day-volume{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 12px rgba(17,153,142,.3)}.total-label,.volume-label{font-size:.9rem;font-weight:500;opacity:.9}.total-number,.volume-number{font-size:2rem;font-weight:700}.total-unit,.volume-unit{font-size:.9rem;font-weight:500;opacity:.9}.boxes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.box-card{background:linear-gradient(135deg,#f5f7fa,#f9fafb);border:2px solid transparent;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.box-card-clickable{cursor:pointer}.box-card-clickable:hover{border-color:#3498db;box-shadow:0 8px 24px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.box-card-clickable:active{box-shadow:0 4px 12px rgba(0,0,0,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.box-card:focus-visible{outline:2px solid #3498db;outline-offset:2px}.box-card-header{display:flex;justify-content:center}.box-specs{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:.75rem;justify-content:space-between;margin:.5rem 0;padding:1rem}.box-spec-item{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.box-spec-label{color:#7f8c8d;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.box-spec-value{color:#2c3e50;font-size:.95rem;font-weight:600}.box-spec-divider{background:linear-gradient(180deg,transparent,#e0e0e0,transparent);height:30px;width:1px}.box-stats{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:.75rem}.box-stat-item{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem}.box-stat-icon{font-size:1rem}.box-stat-label{color:#555;flex:1 1;font-weight:500}.box-stat-value{border-radius:4px;font-size:1rem;font-weight:700;min-width:2rem;padding:.25rem .5rem;text-align:center}.box-stat-desc .box-stat-value{background:#fff3cd;color:#856404}.box-stat-alert .box-stat-value{background:#f8d7da;color:#721c24}.box-card-body{padding:1rem 0;text-align:center}.box-count{color:#2c3e50;font-size:3.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.box-label{color:#7f8c8d;font-size:1rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.box-volume{align-items:baseline;background:linear-gradient(135deg,rgba(17,153,142,.1),rgba(56,239,125,.1));border:1px solid rgba(17,153,142,.2);border-radius:6px;display:flex;gap:.4rem;justify-content:center;margin-top:.75rem;padding:.5rem 1rem}.box-volume-value{color:#11998e;font-size:1.5rem;font-weight:700}.box-volume-unit{color:#11998e;font-size:.85rem;font-weight:600;opacity:.8}.box-card-footer{display:flex;flex-direction:column;gap:.5rem}.box-progress-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;position:relative}.box-progress-fill{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:4px;box-shadow:0 2px 4px rgba(52,152,219,.3);height:100%;transition:width .6s ease}.box-percentage{color:#7f8c8d;font-size:.85rem;font-weight:500;text-align:center}.mensaje-vacio{padding:3rem}.mensaje-vacio p{font-size:1.2rem}@media (max-width:768px){.boxes-container{padding:1rem}.boxes-header h1{font-size:2rem}.boxes-subtitle{font-size:1rem}.boxes-day-header{align-items:flex-start;flex-direction:column}.boxes-day-header-left{min-width:100%}.boxes-day-header-right{width:100%}.btn-enviar-correo{font-size:1.1rem;padding:1rem;width:100%}.boxes-day-header h2{font-size:1.5rem}.boxes-day-totals{flex-direction:column;gap:.75rem;width:100%}.boxes-day-total,.boxes-day-volume{justify-content:center;width:100%}.total-number,.volume-number{font-size:1.5rem}.boxes-grid{grid-template-columns:1fr}.date-range-selector{flex-direction:column}.date-range-selector button{width:100%}.date-inputs{flex-direction:column}.date-inputs label{width:100%}.box-count{font-size:2.5rem}.box-specs{gap:.5rem;padding:.75rem}.box-spec-label{font-size:.7rem}.box-spec-value{font-size:.85rem}.box-spec-divider{height:25px}.box-stats{gap:.4rem;padding:.5rem}.box-stat-item{font-size:.8rem;padding:.4rem}.box-stat-icon{font-size:.9rem}.box-stat-value{font-size:.9rem;padding:.2rem .4rem}}@media (min-width:769px) and (max-width:1024px){.boxes-grid{grid-template-columns:repeat(2,1fr)}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.box-card,.boxes-day-section{-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease}.box-card{-webkit-animation-fill-mode:both;animation-fill-mode:both}.box-card:first-child{-webkit-animation-delay:.05s;animation-delay:.05s}.box-card:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.box-card:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}.box-card:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}.box-card:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.25s}.box-card:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}.box-card:nth-child(7){-webkit-animation-delay:.35s;animation-delay:.35s}.box-card:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s}.box-detail-container{margin:0 auto;max-width:1400px;padding:2rem}.box-detail-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem}.back-button{align-self:flex-start;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem}.back-button:hover{background:#2980b9;box-shadow:0 4px 12px rgba(52,152,219,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.back-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.box-detail-title{align-items:center;display:flex;flex-direction:column;gap:1rem}.box-detail-title h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0;text-transform:capitalize}.box-detail-stats{align-items:baseline;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;gap:1rem;justify-content:center;padding:1rem}.stat-label{font-size:1rem;font-weight:500;opacity:.9}.stat-value{font-size:2rem;font-weight:700}.tablas-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.tabla-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;padding:0;transition:all .2s ease}.tabla-card:hover{border-color:#3498db;box-shadow:0 8px 24px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.tabla-card:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tabla-card:focus-visible{outline:2px solid #3498db;outline-offset:2px}.tabla-card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 1rem}.tabla-uid{color:#555;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.tabla-time{color:#333;font-size:1rem;font-weight:600}.chip{border-radius:12px;color:#fff;font-weight:600;padding:3px 10px}.chip-success{background-color:#6b9c77;color:#b8d4be}.chip-danger{background-color:#a86060;color:#dfa0a0}.tabla-category{border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;padding:.75rem 1rem}.tabla-images-grid{grid-gap:5px;background-color:#3a3f44;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);padding:.75rem}.tabla-images-grid img{background-color:#3a3f44;border-radius:4px;display:block;height:70px;object-fit:cover;width:100%}.tabla-card-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.medida-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.medida-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.medida-label{color:#6c757d;font-size:.8rem;font-weight:500}.medida-value{color:#212529;font-size:1rem;font-weight:600}.pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;gap:2rem;justify-content:center;margin-top:2rem;padding:2rem}.pagination-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px rgba(52,152,219,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pagination-button:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.pagination-info{color:#2c3e50;font-size:1rem;font-weight:600}.mensaje-vacio{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:4rem 2rem;text-align:center}.mensaje-vacio p{color:#7f8c8d;font-size:1.25rem;margin:0}.filters-bar{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem}.filter-row{flex-wrap:wrap;gap:.75rem 1rem}.filter-group,.filter-row{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-group label{color:#555;font-size:.9rem}.filter-group input,.filter-group select{border:1px solid #ced4da;border-radius:6px;min-width:140px;padding:.55rem .7rem}.filter-group.checkbox label{align-items:center;display:flex;gap:.5rem}.filter-actions{display:flex;gap:.5rem;margin-left:auto}.btn-primary{background:#3498db}.btn-primary,.btn-secondary{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.55rem 1rem}.btn-secondary{background:#6c757d}.filters-summary{color:#333;display:flex;font-size:.9rem;gap:1rem}@media (max-width:768px){.box-detail-container{padding:1rem}.box-detail-header{padding:1.5rem}.box-detail-title h1{font-size:1.5rem}.tablas-grid{gap:1rem;grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}}.detalle-container{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);margin:2rem auto;max-width:1200px;padding:2rem}.detalle-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.detalle-title-group h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.detalle-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:1.5rem}.detalle-meta span{font-size:.85rem}.detalle-meta strong{color:var(--color-text-primary)}.detalle-badge-container{align-items:center;display:flex}.detalle-main-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.main-kpi{background:var(--color-bg-elevated);border-left:4px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;text-align:center;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.main-kpi:hover{box-shadow:0 8px 24px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.main-kpi h3{color:var(--color-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:0 0 .4rem;text-transform:uppercase}.main-kpi .valor{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-text-primary);font-size:2.2rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.main-kpi .valor span{color:var(--color-text-muted);font-size:1rem;margin-left:.2rem}.main-kpi .subtexto{color:var(--color-text-secondary);font-size:.8rem;margin:.4rem 0 0}.main-kpi.normal{border-color:var(--color-success)}.main-kpi.alerta{border-color:var(--color-warning)}.main-kpi.critico{border-color:var(--color-error)}.main-kpi.info{border-color:var(--color-info)}.detalle-secondary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.detail-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.detail-card h4{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.85rem;font-weight:700;letter-spacing:.04em;margin-bottom:.8rem;margin-top:0;padding-bottom:.6rem;text-transform:uppercase}.detail-card p{font-size:.85rem;line-height:1.5;margin:.4rem 0}.full-span{grid-column:1/-1}.full-span-md{grid-column:span 1}@media (min-width:960px){.full-span-md{grid-column:1/-1}}.metrics-grid{grid-gap:.25rem 1rem;display:grid;gap:.25rem 1rem;grid-template-columns:1fr 1fr}.valor-grosor{color:var(--color-primary);font-size:1.3rem;font-weight:700;margin-bottom:.6rem!important}.no-defects-text,.no-metrics{color:var(--color-text-muted);font-style:italic}.image-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.image-wrapper{flex:1 1 150px;min-width:120px;position:relative}.image-container img{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:zoom-in;display:block;height:auto;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:100%}.image-container img:hover{box-shadow:0 8px 24px rgba(0,0,0,.4);-webkit-transform:scale(1.03);transform:scale(1.03)}.shoot-type-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-sm);font-size:.6rem;font-weight:800;letter-spacing:.05em;padding:2px 8px;pointer-events:none;position:absolute;right:6px;text-transform:uppercase;top:6px;z-index:2}.shoot-type-badge--center{background:rgba(56,189,248,.25);color:#38bdf8}.shoot-type-badge--stop{background:rgba(245,158,11,.25);color:#f59e0b}.shoot-type-badge--early{background:rgba(167,139,250,.25);color:#a78bfa}.defects-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.defect-item{align-items:center;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:.6rem;padding:.5rem .65rem;transition:border-color .2s}.defect-item:hover{border-color:var(--color-warning)}.defect-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:28px}.defect-info{flex:1 1;min-width:0}.defect-class-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600;text-transform:capitalize}.defect-confidence{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-text-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.defect-conf-bar{background:hsla(0,0%,100%,.08);border-radius:2px;flex-shrink:0;height:4px;overflow:hidden;width:60px}.defect-conf-fill{border-radius:2px;height:100%;transition:width .3s ease}.defects-summary{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:.75rem;margin-bottom:.75rem;padding-bottom:.6rem}.defects-count-big{color:var(--color-warning);font-size:1.8rem;font-weight:800;line-height:1}.defects-count-big.clean{color:var(--color-success)}.defects-count-label{color:var(--color-text-secondary);font-size:.8rem}.json-payload{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:1.5rem;padding:1.25rem}.json-payload h4{letter-spacing:.04em;margin-bottom:.75rem;margin-top:0;text-transform:uppercase}.json-payload h4,.json-payload pre{color:var(--color-text-secondary);font-size:.8rem}.json-payload pre{background:var(--color-bg-base);border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,monospace;max-height:350px;overflow-y:auto;padding:.75rem;white-space:pre-wrap;word-break:break-all}.acciones-content{display:flex;flex-direction:column;gap:.75rem}.back-button{border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);display:inline-block;font-size:.85rem;font-weight:500;padding:.6rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease}.back-button:hover{background:var(--color-primary);color:#fff}.btn-marcar-fallo{background:var(--color-error);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease;width:100%}.btn-marcar-fallo:hover{background:var(--color-error-hover)}.btn-marcar-fallo:disabled{cursor:not-allowed;opacity:.4}.fallo-reportado-badge{background:transparent;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);padding:.6rem;text-align:center}.fallo-reportado-badge p{font-size:.85rem;font-weight:600;margin:0}.interpretation-list{list-style:none;margin:0;padding:0}.interpretation-list li{display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.6rem}.interpretation-list li strong{color:var(--color-text-muted);flex-shrink:0;min-width:110px}.lateral-metrics-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem}.lateral-metrics-container>.detail-card{flex:1 1;min-width:250px}.delta-info{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center}.delta-info .valor-delta{color:var(--color-warning);font-size:1.3rem;font-weight:700}@media (max-width:820px){.detalle-container{margin:.75rem;padding:1rem}.detalle-header{align-items:flex-start;flex-direction:column;gap:.75rem}.detalle-main-grid,.detalle-secondary-grid{grid-template-columns:1fr}}.shoot-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.shoot-filter-btn{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem 1rem;transition:all .2s ease}.shoot-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.shoot-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px rgba(99,102,241,.3);color:#fff}.cam-grid-7{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(4,1fr)}.cam-thumb-card{background:var(--color-bg-base);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:zoom-in;overflow:hidden;position:relative;transition:box-shadow .2s ease,border-color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,-webkit-transform .2s ease}.cam-thumb-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px rgba(0,0,0,.4);-webkit-transform:scale(1.04);transform:scale(1.04);z-index:2}.cam-thumb-card.cam-authority{border-color:var(--color-success);box-shadow:0 0 0 1px var(--color-success)}.cam-thumb-card.cam-authority:hover{border-color:var(--color-success);box-shadow:0 0 12px rgba(16,185,129,.4)}.cam-thumb-card img{aspect-ratio:4/3;display:block;height:auto;object-fit:cover;width:100%}.cam-thumb-label{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);bottom:0;display:flex;justify-content:space-between;left:0;padding:20px 8px 6px;position:absolute;right:0}.cam-thumb-label .cam-name{color:#fff;font-size:.7rem;font-weight:700}.cam-thumb-label .cam-shoot-type{color:hsla(0,0%,100%,.5);font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}@media (max-width:820px){.cam-grid-7{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cam-grid-7{gap:.4rem;grid-template-columns:1fr 1fr}.cam-thumb-label .cam-name{font-size:.6rem}}.tablas-numeros-container{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family);min-height:100vh;padding:1.5rem}.dashboard-header{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem}.filtros-container{display:flex;flex-direction:column;gap:.75rem}.filtro-fila{flex-wrap:wrap;gap:.75rem}.filtro-fila,.filtro-grupo{align-items:center;display:flex}.filtro-grupo{gap:.5rem}.filtro-grupo label{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.filtro-grupo.fechas{align-items:center;display:flex;gap:.5rem}.filtro-grupo input,.filtro-grupo select,.select-rango{background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.85rem;min-width:140px;padding:.55rem .75rem;transition:all .2s ease}.filtro-grupo input:focus,.filtro-grupo select:focus,.select-rango:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted);outline:none}.filtro-grupo input::-webkit-input-placeholder{color:var(--color-text-muted)}.filtro-grupo input::placeholder{color:var(--color-text-muted)}.filtro-grupo input[type=date]{min-width:150px}.filtro-grupo input[type=number]{min-width:120px}.filtro-grupo input[type=text]{min-width:160px}.filtro-fila-busqueda{border-top:1px solid var(--color-border);padding-top:.75rem}.filtro-grupo.busqueda-campos{display:flex;flex:1 1;gap:.5rem}.filtro-grupo.grosor{flex-shrink:0}.filtro-grupo.grosor select{min-width:170px}.filtro-fila-orden{border-top:1px solid var(--color-border);padding-top:.75rem}.btn-buscar{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.55rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-buscar:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-primary-glow);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-buscar:disabled{cursor:not-allowed;opacity:.5}.btn-secundario{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.55rem 1.2rem;transition:all .2s ease;white-space:nowrap}.btn-secundario:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-muted);color:var(--color-text-primary)}.btn-limpiar{background-color:initial;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:.85rem;font-weight:500;padding:.55rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-limpiar:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.stats-resumen{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem}.stat-card{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;min-width:100px;padding:.6rem 1.2rem}.stat-card .stat-value{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-primary);font-size:1.3rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.stat-card .stat-label{color:var(--color-text-muted);font-size:.7rem;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.stat-card.stat-defects .stat-value{color:var(--color-warning)}.estado-busqueda{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.chip{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:.2rem .6rem}.chip-danger{background-color:var(--color-error-muted)}.chip-success{background-color:var(--color-success-muted)}.chip-warning{background-color:var(--color-warning-muted);color:#fbbf24}.chip-info{background-color:var(--color-info-muted);color:#22d3ee}.defect-badge{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;gap:4px;padding:3px 8px;white-space:nowrap}.defect-badge.has-defects{background:var(--color-warning-muted);border:1px solid rgba(245,158,11,.25);color:#fbbf24}.defect-badge.clean{background:var(--color-success-muted);border:1px solid rgba(34,197,94,.15);color:#4ade80}.defect-badge.no-data{background:var(--color-bg-hover);border:1px solid transparent;color:var(--color-text-muted)}.tabla-responsive-container{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.tabla-datos{border-collapse:collapse;font-size:.85rem;width:100%}.tabla-datos th{background:var(--color-bg-elevated);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.75rem .85rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.tabla-datos td{border-bottom:1px solid hsla(0,0%,100%,.04);padding:.65rem .85rem;text-align:left;vertical-align:middle}.tabla-datos tbody tr{transition:background-color .15s ease}.tabla-datos tbody tr:hover{background-color:var(--color-bg-hover)}.tabla-datos tbody tr:nth-child(2n){background-color:hsla(0,0%,100%,.015)}.tabla-datos tbody tr:nth-child(2n):hover{background-color:var(--color-bg-hover)}.tabla-datos td.num{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;font-variant-numeric:tabular-nums}.thumbs{display:flex;gap:4px}.thumbs img{background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:zoom-in;height:42px;object-fit:cover;transition:all .2s ease;width:42px}.thumbs img:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.4);position:relative;-webkit-transform:scale(1.15);transform:scale(1.15);z-index:2}.acciones-container{align-items:center;display:flex;gap:.4rem}.btn-icon{align-items:center;background-color:initial;border:1px solid transparent;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:.4rem;text-decoration:none;transition:all .2s ease}.btn-icon:hover{background-color:var(--color-primary-muted);color:var(--color-primary)}.btn-icon svg{height:18px;width:18px}.copyable-container{align-items:center;display:flex;gap:6px}.copyable-container code{color:var(--color-text-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.btn-copy{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.7rem;opacity:0;padding:1px 5px;transition:opacity .2s;visibility:hidden}.copyable-container:hover .btn-copy{opacity:1;visibility:visible}.paginador{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.25rem;padding:.75rem}.paginador button{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.paginador button:hover:not(:disabled){background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.paginador button:disabled{cursor:not-allowed;opacity:.35}.paginador span{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--color-text-muted);font-size:.85rem;font-variant-numeric:tabular-nums}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}@media (max-width:768px){.tablas-numeros-container{padding:.75rem}.filtro-fila{align-items:stretch;flex-direction:column}.filtro-grupo{width:100%}.filtro-grupo.busqueda-campos,.filtro-grupo.fechas{flex-direction:column}.filtro-grupo input,.filtro-grupo select,.select-rango{min-width:0;min-width:auto;width:100%}.btn-buscar,.btn-limpiar,.btn-secundario{width:100%}.stats-resumen{flex-direction:column}.stat-card{flex-direction:row;justify-content:space-between}}.vista-movil-container{background:#0a0a0f;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:540px;min-height:100vh;padding:12px}.main-title{color:#94a3b8;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-align:center}.piezas-list{display:flex;flex-direction:column;gap:12px}.pieza-card{background:linear-gradient(145deg,#141420,#1a1a2e);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;overflow:hidden;transition:all .25s ease}.clickable-card{-webkit-tap-highlight-color:transparent;cursor:pointer}.clickable-card:active{-webkit-transform:scale(.985);transform:scale(.985)}@media (hover:hover){.clickable-card:hover{border-color:rgba(99,102,241,.4);box-shadow:0 4px 20px rgba(99,102,241,.12);-webkit-transform:translateY(-1px);transform:translateY(-1px)}}.card-header{background:rgba(0,0,0,.35);border-bottom:1px solid hsla(0,0%,100%,.04);justify-content:space-between;padding:10px 14px}.card-header .hora{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#e2e8f0;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600}.card-header .uid{color:#64748b;font-family:JetBrains Mono,monospace;font-size:.72rem}.chip{border-radius:10px;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.chip-success{background:rgba(34,197,94,.2);color:#4ade80}.chip-danger{background:rgba(239,68,68,.2);color:#f87171}.category-row{display:flex;flex-wrap:wrap;gap:5px;padding:6px 14px 4px}.cat-chip{border-radius:10px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:3px 9px;white-space:nowrap}.cat-chip.clasif{background:rgba(34,197,94,.25);color:#4ade80}.cat-chip.box{background:rgba(59,130,246,.25);color:#60a5fa}.cat-chip.manual{background:rgba(245,158,11,.25);color:#fbbf24}.cat-chip.fallo{background:rgba(239,68,68,.25);color:#f87171}.cat-chip.medida{background:rgba(148,163,184,.2);color:#94a3b8}.cat-chip.defect{background:rgba(168,85,247,.25);color:#c084fc}.cam-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);padding:6px 10px 4px}.cam-thumb{aspect-ratio:4/3;background:#1e1e2e;border-radius:5px;cursor:zoom-in;overflow:hidden;position:relative}.cam-thumb img{height:100%;object-fit:cover;transition:opacity .3s;width:100%}.cam-thumb .cam-label{background:rgba(0,0,0,.65);bottom:0;color:#94a3b8;font-size:.55rem;font-weight:600;left:0;letter-spacing:.3px;padding:1px 0;position:absolute;right:0;text-align:center}.cam-thumb.has-defects:after{background:#f87171;border-radius:50%;box-shadow:0 0 4px hsla(0,91%,71%,.6);content:"";height:7px;position:absolute;right:3px;top:3px;width:7px}.card-medidas{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr);padding:8px 14px 10px}.medida{text-align:center}.medida .label{color:#64748b;display:block;font-size:.62rem;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.medida .valor{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#e2e8f0;font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:600}.defects-row{display:flex;flex-wrap:wrap;gap:4px;padding:0 14px 8px}.defect-tag{background:rgba(168,85,247,.15);border-radius:8px;color:#c084fc;font-size:.6rem;font-weight:600;padding:2px 7px;white-space:nowrap}.end-of-list,.loading-indicator{color:#475569;font-size:.8rem;padding:24px;text-align:center}.new-pieces-banner{-webkit-animation:slideDown .3s ease-out;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;box-shadow:0 4px 16px rgba(99,102,241,.3);color:#fff;font-size:.8rem;font-weight:600;margin-bottom:8px;padding:10px 16px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:100}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.skeleton-card{-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;background:linear-gradient(145deg,#141420,#1a1a2e);border:1px solid hsla(0,0%,100%,.04);border-radius:14px;height:180px}@-webkit-keyframes shimmer{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}@keyframes shimmer{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.diagnosticos-container{margin:0 auto;max-width:1400px;padding:20px}.diagnosticos-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.diagnosticos-header h2{color:#333;font-size:28px;margin:0}.btn-cleanup{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.btn-cleanup:hover{background-color:#d32f2f}.diagnosticos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.device-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;transition:box-shadow .3s}.device-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.device-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.device-header h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;gap:8px;margin:0}.device-icon{font-size:24px}.btn-generate{align-items:center;background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:background-color .3s}.btn-generate:hover:not(:disabled){background-color:#45a049}.btn-generate:disabled{background-color:#9e9e9e;cursor:not-allowed}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:inline-block}.reports-list{max-height:400px;overflow-y:auto}.no-reports{color:#999;font-style:italic;padding:20px;text-align:center}.report-item{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px;transition:background-color .2s}.report-item:hover{background-color:#f0f0f0}.report-info{flex:1 1}.report-name{color:#333;font-size:14px;font-weight:500;margin-bottom:5px;word-break:break-all}.report-meta{color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:15px}.report-meta span{align-items:center;display:flex;gap:3px}.btn-download{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .3s;white-space:nowrap}.btn-download:hover{background-color:#1976d2}@media (max-width:768px){.diagnosticos-grid{grid-template-columns:1fr}.device-header,.report-item{align-items:flex-start;flex-direction:column;gap:10px}.btn-download{width:100%}}.sync-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px rgba(102,126,234,.3);margin-top:3rem;padding:2rem}.sync-section h2{color:#fff;font-size:28px;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.sync-description{color:hsla(0,0%,100%,.9);font-size:15px;line-height:1.5;margin:0 0 1.5rem}.sync-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-top:1.5rem}.sync-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:1.5rem;transition:all .3s ease}.sync-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.sync-card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.sync-card-header h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin:0}.sync-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.sync-badge-idle{background:#f0f0f0;color:#666}.sync-badge-started,.sync-badge-starting{background:#fff3cd;color:#856404}.sync-badge-running,.sync-badge-started,.sync-badge-starting{-webkit-animation:pulse-badge 2s infinite;animation:pulse-badge 2s infinite}.sync-badge-running{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.sync-badge-completed{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.sync-badge-error,.sync-badge-failed{background:#f44336;color:#fff}@-webkit-keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.btn-sync{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.btn-sync:hover:not(:disabled){box-shadow:0 6px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-sync:disabled{cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.btn-sync-running{-webkit-animation:pulse-button 2s infinite;animation:pulse-button 2s infinite;background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-sync-completed{background:linear-gradient(135deg,#4facfe,#00f2fe)}.btn-sync-error,.btn-sync-failed{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}@-webkit-keyframes pulse-button{0%,to{box-shadow:0 4px 12px rgba(240,147,251,.4)}50%{box-shadow:0 8px 24px rgba(240,147,251,.6)}}@keyframes pulse-button{0%,to{box-shadow:0 4px 12px rgba(240,147,251,.4)}50%{box-shadow:0 8px 24px rgba(240,147,251,.6)}}.sync-spinner{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;display:inline-block}.sync-log-container{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:1.5rem;overflow:hidden}.sync-log-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 15px}.sync-log-count{background:hsla(0,0%,100%,.2);border-radius:12px;font-size:11px;padding:3px 10px}.sync-log{background:#1e1e1e;color:#0f0;font-family:Courier New,Consolas,monospace;font-size:12px;line-height:1.5;max-height:350px;overflow-y:auto;padding:1rem}.sync-log pre{word-wrap:break-word;margin:0;white-space:pre-wrap}.sync-log::-webkit-scrollbar{width:8px}.sync-log::-webkit-scrollbar-track{background:#2d2d2d}.sync-log::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.sync-log::-webkit-scrollbar-thumb:hover{background:#777}.sync-controls{align-items:center;display:flex;gap:10px;margin-top:10px}.btn-cancel-sync{background:#ff5252;border:none;border-radius:8px;box-shadow:0 4px 10px rgba(255,82,82,.3);color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 16px;transition:all .25s ease}.btn-cancel-sync:hover{background:#e53935;box-shadow:0 6px 16px rgba(229,57,53,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-cancel-sync:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.sync-cards{grid-template-columns:1fr}.sync-section{padding:1.5rem}.sync-section h2{font-size:24px}.sync-card-header{align-items:flex-start;flex-direction:column;gap:10px}}.oraculo-galeria-container{margin:0 auto;max-width:1800px;min-height:100vh;padding:20px}.galeria-header{align-items:center;border-bottom:1px solid #444;border-bottom:1px solid var(--dark-border,#444);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.galeria-header h1{color:#e0e0e0;color:var(--dark-text,#e0e0e0);font-size:24px;font-weight:600;margin:0}.galeria-controls{align-items:center;display:flex;gap:16px}.galeria-controls button{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.galeria-controls button:hover:not(:disabled){background:#2563eb;background:var(--primary-color-hover,#2563eb)}.galeria-controls button:disabled{cursor:not-allowed;opacity:.6}.galeria-stats{color:#888;color:var(--dark-text-muted,#888);font-size:14px}.galeria-error{align-items:center;background:rgba(244,67,54,.15);border:1px solid #f44336;border-radius:8px;color:#ff8a80;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.galeria-error button{background:transparent;border:1px solid #ff8a80;border-radius:4px;color:#ff8a80;cursor:pointer;padding:6px 12px}.galeria-loading{align-items:center;color:#888;color:var(--dark-text-muted,#888);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.galeria-loading .spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #444;border-top-color:#3b82f6;border:3px solid var(--dark-border,#444);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:40px;margin-bottom:16px;width:40px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.galeria-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.galeria-card{background:#242424;background:var(--dark-bg-panel,#242424);border:1px solid #444;border:1px solid var(--dark-border,#444);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.galeria-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 24px rgba(0,0,0,.3);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.galeria-card.critico{border-color:#f44336;border-color:var(--danger-color,#f44336)}.galeria-card.critico:hover{border-color:#ff6b6b}.card-header{align-items:center;background:#2c2c2c;background:var(--dark-bg-header,#2c2c2c);border-bottom:1px solid #444;border-bottom:1px solid var(--dark-border,#444);display:flex;gap:10px;padding:12px 14px}.tabla-id{color:#e0e0e0;color:var(--dark-text,#e0e0e0);font-size:16px;font-weight:700}.tabla-categoria{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.tabla-fecha{color:#888;color:var(--dark-text-muted,#888);font-size:12px;margin-left:auto}.card-images{grid-gap:2px;background:#2c2c2c;background:var(--dark-bg-header,#2c2c2c);display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:2px}.card-thumb{aspect-ratio:4/3;background:#1a1a1a;overflow:hidden}.card-thumb img{height:100%;object-fit:cover;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.card-thumb:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.img-placeholder{background:#1a1a1a;color:#555;font-size:18px;height:100%;justify-content:center;width:100%}.card-footer,.img-placeholder{align-items:center;display:flex}.card-footer{color:#888;color:var(--dark-text-muted,#888);font-size:13px;justify-content:space-between;padding:10px 14px}.defect-badge{background:rgba(244,67,54,.2);border-radius:10px;color:#ff8a80;font-size:11px;padding:2px 8px}.galeria-empty{color:#888;color:var(--dark-text-muted,#888);padding:60px 20px;text-align:center}.galeria-empty p:first-child{font-size:24px;margin-bottom:10px}.galeria-pagination{display:flex;justify-content:center;margin-top:30px}.galeria-pagination button{background:#242424;background:var(--dark-bg-panel,#242424);border:1px solid #444;border:1px solid var(--dark-border,#444);border-radius:8px;color:#e0e0e0;color:var(--dark-text,#e0e0e0);cursor:pointer;padding:12px 30px;transition:all .2s}.galeria-pagination button:hover:not(:disabled){background:#2c2c2c;background:var(--dark-bg-header,#2c2c2c);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.galeria-modal-overlay{align-items:center;background:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.galeria-modal{-webkit-animation:modalIn .2s ease-out;animation:modalIn .2s ease-out;background:#242424;background:var(--dark-bg-panel,#242424);border-radius:16px;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:100%}@-webkit-keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.modal-close{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:36px;z-index:10}.modal-close:hover{background:hsla(0,0%,100%,.2)}.modal-header{align-items:center;border-bottom:1px solid #444;border-bottom:1px solid var(--dark-border,#444);display:flex;gap:16px;padding:20px 24px}.modal-header h3{color:#e0e0e0;color:var(--dark-text,#e0e0e0);font-size:22px;margin:0}.modal-categoria{border-radius:14px;color:#fff;font-size:12px;font-weight:600;padding:4px 14px}.modal-fecha{color:#888;color:var(--dark-text-muted,#888);font-size:14px;margin-left:auto}.modal-content{padding:20px}.modal-main-image{background:#1a1a1a;border-radius:8px;margin-bottom:16px;overflow:hidden;position:relative}.modal-main-image img{display:block;max-height:500px;object-fit:contain;width:100%}.main-image-label{background:rgba(0,0,0,.7);border-radius:4px;bottom:12px;color:#fff;font-size:12px;font-weight:600;left:12px;padding:6px 12px;position:absolute}.modal-thumbnails{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.modal-thumb{border:2px solid transparent;border-radius:6px;cursor:pointer;overflow:hidden;text-align:center;transition:all .2s}.modal-thumb.active,.modal-thumb:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.modal-thumb.active{box-shadow:0 0 12px rgba(59,130,246,.4)}.modal-thumb .img-placeholder,.modal-thumb img{aspect-ratio:4/3;object-fit:cover;width:100%}.modal-thumb span{color:#888;color:var(--dark-text-muted,#888);display:block;font-size:10px;padding:4px 0}.modal-info,.modal-thumb span{background:#2c2c2c;background:var(--dark-bg-header,#2c2c2c)}.modal-info{border-top:1px solid #444;border-top:1px solid var(--dark-border,#444);display:flex;gap:24px;padding:16px 24px}.info-row{display:flex;font-size:14px;gap:8px}.info-row span{color:#888;color:var(--dark-text-muted,#888)}.info-row strong{color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.info-row.defects strong{color:#ff8a80}@media (max-width:768px){.galeria-header{align-items:flex-start;flex-direction:column;gap:12px}.galeria-grid{grid-template-columns:1fr}.modal-thumbnails{grid-template-columns:repeat(4,1fr)}.modal-info{flex-wrap:wrap;gap:12px}}@media (min-width:1600px){.oraculo-galeria-container{padding:28px 40px}.galeria-header h1{font-size:28px}.galeria-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.galeria-card{border-radius:14px}.card-header{padding:14px 18px}.tabla-id{font-size:18px}.modal-main-image img{max-height:600px}}.live-consoles-container h1{border-bottom:2px solid var(--primary-color);color:var(--dark-text);margin-bottom:12px;padding-bottom:10px}.consoles-header{align-items:center;display:flex;gap:12px}.ws-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.ws-badge.ok{background:#1f854a;color:#fff}.ws-badge.down{background:#8b5555;color:#fff}.consoles-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(300px,1fr))}@media (max-width:1024px){.consoles-grid{grid-template-columns:1fr}}.console-panel{border:1px solid hsla(0,0%,100%,.08);border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.console-header{align-items:center;background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:8px 10px}.console-body{background:rgba(0,0,0,.35);color:#e6e6e6;height:260px;margin:0;overflow:auto;padding:10px}.console-body .hl{background:rgba(139,85,85,.18)}.defectos-container{background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);color:#e2e8f0;font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh;padding:24px 24px 80px}.defectos-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.defectos-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800;margin:0}.defectos-header .subtitle{color:#64748b;font-size:.85rem;margin-top:4px}.defectos-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.defectos-controls button{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#94a3b8;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 18px;transition:all .2s}.defectos-controls button:hover{background:hsla(0,0%,100%,.08);color:#e2e8f0}.defectos-controls button.active{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(239,68,68,.12));border-color:rgba(245,158,11,.3);color:#f59e0b}.defectos-kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));margin-bottom:28px}.defectos-kpi{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;padding:20px;text-align:center;transition:border-color .2s,-webkit-transform .2s;transition:transform .2s,border-color .2s;transition:transform .2s,border-color .2s,-webkit-transform .2s}.defectos-kpi:hover{border-color:hsla(0,0%,100%,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.defectos-kpi h4{color:#64748b;font-size:.72rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.defectos-kpi .kpi-value{font-size:2rem;font-weight:800;line-height:1.2}.defectos-kpi .kpi-unit{color:#64748b;font-size:.85rem;font-weight:500;margin-left:4px}.defectos-kpi .kpi-sub{color:#475569;font-size:.72rem;margin-top:4px}.defectos-kpi.kpi-clean .kpi-value{color:#22c55e}.defectos-kpi.kpi-defect .kpi-value{color:#f59e0b}.defectos-kpi.kpi-rate .kpi-value{color:#00d4ff}.defectos-kpi.kpi-critical .kpi-value{color:#ef4444}.defectos-kpi.kpi-multi .kpi-value{color:#a855f7}.defectos-content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:28px}@media (max-width:900px){.defectos-content-grid{grid-template-columns:1fr}}.defectos-panel{background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;overflow:hidden;padding:22px}.defectos-panel h3{color:#e2e8f0;font-size:1rem;font-weight:700;margin:0 0 16px}.defectos-panel.full-width{grid-column:1/-1}.defect-dist-list{display:flex;flex-direction:column;gap:12px}.defect-dist-item{align-items:center;display:flex;gap:12px}.defect-dist-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:28px}.defect-dist-info{flex:1 1;min-width:0}.defect-dist-name-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:5px}.defect-dist-name{color:#e2e8f0;font-size:.85rem;font-weight:600;text-transform:capitalize}.defect-dist-count{color:#94a3b8;font-size:.78rem;font-weight:500}.defect-dist-bar-bg{background:hsla(0,0%,100%,.05);border-radius:8px;height:8px;overflow:hidden}.defect-dist-bar-fill{border-radius:8px;height:100%;transition:width .6s ease-out}.defect-dist-confidence{color:#475569;font-size:.7rem;margin-top:3px}.hourly-table{border-collapse:initial;border-spacing:0 4px;font-size:.8rem;width:100%}.hourly-table th{border-bottom:1px solid hsla(0,0%,100%,.06);color:#475569;font-size:.72rem;font-weight:600;letter-spacing:.3px;padding:6px 10px;text-align:left;text-transform:uppercase}.hourly-table td{border-bottom:1px solid hsla(0,0%,100%,.03);color:#cbd5e1;padding:7px 10px}.hourly-table .pct-bar{border-radius:4px;display:inline-block;height:6px;margin-right:8px;transition:width .4s ease-out;vertical-align:middle}.hourly-table .hora-cell{color:#94a3b8;font-weight:600}.cat-correlation-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cat-corr-card{background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;padding:18px;transition:border-color .2s,-webkit-transform .2s;transition:border-color .2s,transform .2s;transition:border-color .2s,transform .2s,-webkit-transform .2s}.cat-corr-card:hover{border-color:hsla(0,0%,100%,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cat-corr-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.cat-corr-name{color:#e2e8f0;font-size:1rem;font-weight:700}.cat-corr-stats{align-items:center;display:flex;gap:10px}.cat-corr-badge{border-radius:10px;font-size:.72rem;font-weight:600;padding:4px 10px}.cat-corr-badge.clean{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#22c55e}.cat-corr-badge.defect{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.cat-corr-meter{background:hsla(0,0%,100%,.05);border-radius:6px;height:6px;margin-bottom:12px;overflow:hidden}.cat-corr-meter-fill{border-radius:6px;height:100%;transition:width .5s ease-out}.cat-corr-defects{display:flex;flex-wrap:wrap;gap:6px}.cat-corr-chip{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:#94a3b8;font-size:.72rem;font-weight:600;padding:3px 10px}.cat-corr-chip .chip-pct{color:#f59e0b;font-weight:700;margin-left:4px}.cal-madera-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.cal-madera-header{color:#475569;font-size:.72rem;font-weight:700;letter-spacing:.5px;padding:8px 0;text-align:center;text-transform:uppercase}.cal-madera-day{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.04);border-radius:10px;cursor:default;display:flex;flex-direction:column;min-height:100px;padding:8px;transition:all .2s}.cal-madera-day:hover{border-color:hsla(0,0%,100%,.12)}.cal-madera-day.empty{background:transparent;border-color:transparent;min-height:auto}.cal-madera-day.excellent{border-left:3px solid #22c55e}.cal-madera-day.good{border-left:3px solid #4ade80}.cal-madera-day.ok{border-left:3px solid #fbbf24}.cal-madera-day.warn{border-left:3px solid #f97316}.cal-madera-day.bad{border-left:3px solid #ef4444}.cal-day-num{color:#e2e8f0;font-size:.85rem;font-weight:700;margin-bottom:4px}.cal-day-pct{font-size:1.1rem;font-weight:800;line-height:1.2}.cal-day-pct.excellent{color:#22c55e}.cal-day-pct.good{color:#4ade80}.cal-day-pct.ok{color:#fbbf24}.cal-day-pct.warn{color:#f97316}.cal-day-pct.bad{color:#ef4444}.cal-day-count{color:#475569;font-size:.65rem;margin-top:2px}.cal-day-defects{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto;padding-top:4px}.cal-day-defect-chip{background:rgba(245,158,11,.1);border-radius:4px;color:#f59e0b;font-size:.58rem;padding:2px 5px;white-space:nowrap}.cal-navigation{align-items:center;display:flex;gap:16px;margin-bottom:20px}.cal-navigation h2{color:#e2e8f0;font-size:1.2rem;font-weight:700;margin:0;min-width:200px;text-align:center}.cal-navigation button{align-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#e2e8f0;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.cal-navigation button:hover{background:hsla(0,0%,100%,.12)}.cal-monthly-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.cal-monthly-stat{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:14px;text-align:center}.cal-monthly-stat .stat-label{color:#64748b;font-size:.68rem;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.cal-monthly-stat .stat-value{color:#e2e8f0;font-size:1.3rem;font-weight:800}.cal-monthly-stat .stat-value.green{color:#22c55e}.cal-monthly-stat .stat-value.amber{color:#f59e0b}.cal-monthly-stat .stat-value.red{color:#ef4444}.cal-legend{border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:14px}.cal-legend-item{align-items:center;color:#94a3b8;display:flex;font-size:.72rem;gap:6px}.cal-legend-dot{border-radius:3px;height:10px;width:10px}.cal-legend-dot.excellent{background:#22c55e}.cal-legend-dot.good{background:#4ade80}.cal-legend-dot.ok{background:#fbbf24}.cal-legend-dot.warn{background:#f97316}.cal-legend-dot.bad{background:#ef4444}.defectos-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.defectos-spinner{-webkit-animation:defectos-spin .8s linear infinite;animation:defectos-spin .8s linear infinite;border:3px solid rgba(245,158,11,.15);border-radius:50%;border-top-color:#f59e0b;height:40px;width:40px}@-webkit-keyframes defectos-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes defectos-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.defectos-empty{color:#475569;padding:60px 20px;text-align:center}.defectos-empty .empty-icon{font-size:3rem;margin-bottom:12px}@media (max-width:768px){.defectos-container{padding:14px}.defectos-header{align-items:flex-start;flex-direction:column}.defectos-kpi-grid{grid-template-columns:repeat(2,1fr)}.cat-correlation-grid{grid-template-columns:1fr}.cal-madera-day{min-height:80px;padding:6px}.cal-day-defects{display:none}}
/*# sourceMappingURL=main.773ade91.css.map*/