:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#06b6d4;--accent-hover:#0891b2;--border-color:#334155;--card-bg:#1e293bbf;--card-shadow:0 8px 32px 0 #0000005e;--input-bg:#0f172a;--wa-header-bg:#202c33;--wa-chat-bg:#0b141a;--wa-bubble-self:#005c4b;--wa-bubble-text:#e9edef;--wa-time-text:#e9edef99;--wa-check-color:#53bdeb;--status-conforme:#10b981;--status-conforme-bg:#10b9811a;--status-parada:#ef4444;--status-parada-bg:#ef44441a;--status-mantenimiento:#f59e0b;--status-mantenimiento-bg:#f59e0b1a;--font-family:"Inter", system-ui, -apple-system, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--speed:.2s}body.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-color:#0891b2;--accent-hover:#0e7490;--border-color:#e2e8f0;--card-bg:#ffffffe6;--card-shadow:0 8px 32px 0 #94a3b826;--input-bg:#f8fafc;--wa-header-bg:#008069;--wa-chat-bg:#efeae2;--wa-bubble-self:#d9fdd3;--wa-bubble-text:#111b21;--wa-time-text:#111b2199}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--speed), color var(--speed);-webkit-text-size-adjust:100%;line-height:1.5;overflow-x:hidden}.app-container{flex-direction:column;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:0 1rem;display:flex}@media (width>=640px){.app-container{padding:0 1.5rem}}.app-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 0;display:flex;position:relative}@media (width>=640px){.app-header{padding:1.5rem 0}}.logo-area{cursor:pointer;align-items:center;gap:.75rem;min-width:0;display:flex}.logo-area:hover h1{color:var(--accent-color)}.logo-area h1{transition:color var(--speed) ease}@media (width>=1024px){.logo-area{display:none}}.icon-bg{background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex;box-shadow:0 4px 12px #06b6d44d}@media (width>=640px){.icon-bg{width:44px;min-width:44px;height:44px}}.logo-icon{width:20px;height:20px}@media (width>=640px){.logo-icon{width:24px;height:24px}}.logo-text{min-width:0}.app-header h1{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}@media (width>=640px){.app-header h1{font-size:1.3rem}}.subtitle{color:var(--text-secondary);font-size:.8rem;display:none}@media (width>=480px){.subtitle{display:block}}.header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.header-actions--desktop{display:none}@media (width>=640px) and (width<=1023px){.header-actions--desktop{flex-shrink:0;align-items:center;gap:.5rem;display:flex}}.header-actions--mobile{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (width>=640px){.header-actions--mobile{display:none}}.mobile-menu-btn{z-index:201;position:relative}.mobile-menu-backdrop{z-index:199;background:0 0;animation:.2s fadeIn;position:fixed;inset:0}.mobile-menu-dropdown{z-index:200;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:220px;padding:.5rem;animation:.2s menuSlideIn;position:absolute;top:calc(100% + .5rem);right:.75rem;box-shadow:0 12px 32px #00000059}.mobile-menu-user{align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.mobile-menu-divider{background:var(--border-color);height:1px;margin:.35rem 0}.mobile-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;transition:background var(--speed), color var(--speed);text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;padding:.6rem .75rem;font-size:.875rem;display:flex}.mobile-menu-item:hover{background:var(--bg-tertiary)}.mobile-menu-item--active{color:var(--accent-color);background:#06b6d41f;font-weight:600}.mobile-menu-item--danger{color:#ef4444}.mobile-menu-item--danger:hover{background:#ef44441a}.sidebar,.sidebar-overlay,.sidebar-toggle-btn{display:none}@media (width>=1024px){.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;flex-shrink:0;align-self:flex-start;width:220px;min-width:220px;height:100vh;padding:1rem .5rem;display:flex;position:sticky;top:0;overflow-y:auto}}@media (width>=768px) and (width<=1023px){.sidebar-overlay{z-index:90;background:#0006;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;flex-shrink:0;width:220px;min-width:220px;height:100vh;padding:1rem .5rem;transition:left .25s;display:flex;position:fixed;top:0;left:-240px;overflow-y:auto}.sidebar--open{left:0}.sidebar-toggle-btn{border:1px solid var(--border-color);background:var(--card-background);width:42px;height:42px;color:var(--text-primary);cursor:pointer;z-index:80;transition:background var(--speed), transform .2s ease;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:1.25rem;left:1.25rem;box-shadow:0 4px 12px #00000026}.sidebar-toggle-btn:hover{background:var(--bg-tertiary);transform:scale(1.05)}}.sidebar-logo{align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.25rem .5rem;display:flex}.sidebar-logo:hover .sidebar-logo-text{color:var(--accent-color)}.sidebar-logo-text{transition:color var(--speed);font-size:1rem;font-weight:700}.icon-bg--sm{width:32px;min-width:32px;height:32px}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;transition:background var(--speed), color var(--speed);text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;padding:.6rem .75rem;font-size:.875rem;display:flex}.sidebar-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item--active{color:var(--accent-color);background:#06b6d41f;font-weight:600}.sidebar-item--danger{color:#ef4444}.sidebar-item--danger:hover{color:#ef4444;background:#ef44441a}.sidebar-bottom{border-top:1px solid var(--border-color);flex-direction:column;gap:.25rem;padding-top:.5rem;display:flex}.sidebar-user{align-items:center;gap:.5rem;margin-top:.25rem;padding:.5rem;display:flex}.sidebar-user-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.sidebar-user-role{border-radius:9999px;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.sidebar-user-role.role-admin{color:var(--accent-color);background:#06b6d426}.sidebar-user-role.role-inspector{color:#22c55e;background:#22c55e26}.sidebar-user-role.role-consulta{color:#f59e0b;background:#f59e0b26}.app-content{flex:1;min-height:0}@media (width>=1024px){.app-container{flex-direction:row;max-width:100%;padding-left:0;padding-right:0}.app-content{flex:1;min-width:0;padding:0 2rem}}.app-main{flex:1;grid-template-columns:1fr;gap:0;padding:1.25rem 0 2rem;display:grid}@media (width>=1024px){.app-main{grid-template-columns:1.2fr .8fr;gap:2rem;padding:2rem 0}}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow);transition:border-color var(--speed);margin-bottom:1.1rem;padding:1.1rem}@media (width>=640px){.card{margin-bottom:1.5rem;padding:1.5rem}}.card:hover{border-color:#06b6d466}.card-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex}@media (width>=640px){.card-title{font-size:1.05rem}}.card-title svg{color:var(--accent-color);flex-shrink:0;width:17px;height:17px}.card-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.card-header-flex .card-title{margin-bottom:0}.section-desc{color:var(--text-secondary);margin-bottom:.85rem;font-size:.82rem}.form-group{flex-direction:column;gap:.5rem;display:flex}label{color:var(--text-secondary);font-size:.82rem;font-weight:550}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;left:.85rem}input[type=text],textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--speed), box-shadow var(--speed);appearance:none;padding:.65rem .9rem;font-size:.9rem}@media (width>=640px){input[type=text],textarea{padding:.75rem 1rem}}.input-with-icon input[type=text]{padding-left:2.5rem}input[type=text]:focus,textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #06b6d426}.plant-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.plant-tab{border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:all var(--speed);touch-action:manipulation;background:0 0;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:500;display:inline-flex}.plant-tab:hover{color:var(--text-primary);border-color:var(--text-muted);background-color:var(--bg-tertiary)}.plant-tab-active{border-color:var(--accent-color);color:var(--accent-color);background-color:#06b6d426;font-weight:600}.machine-chips{flex-wrap:wrap;gap:.6rem;display:flex}.chip{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--speed);touch-action:manipulation;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.8rem;font-weight:500;display:flex}.chip:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.chip.active{background-color:var(--accent-color);color:#0f172a;border-color:var(--accent-color);font-weight:600;box-shadow:0 4px 12px #06b6d440}.chip-checkbox{border:2px solid var(--text-muted);width:14px;height:14px;transition:all var(--speed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chip.active .chip-checkbox{background-color:#0f172a;border-color:#0f172a}.chip.active .chip-checkbox:after{content:"";background-color:var(--accent-color);border-radius:50%;width:5px;height:5px}.chip-delete-btn{color:inherit;cursor:pointer;opacity:.6;transition:opacity var(--speed), background-color var(--speed);touch-action:manipulation;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:2px;display:flex}.chip-delete-btn:hover{opacity:1;color:#ef4444;background-color:#ef444433}.no-data-msg{color:var(--text-muted);text-align:center;border:1px dashed var(--border-color);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.msg-icon{opacity:.5;width:34px;height:34px;margin-bottom:.65rem}.machine-details-list{flex-direction:column;gap:1rem;display:flex}.machine-detail-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;scroll-margin-top:1rem;animation:.25s cubic-bezier(.16,1,.3,1) slideDown}@media (width>=640px){.machine-detail-card{padding:1.25rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.machine-detail-header{border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem;display:flex}@keyframes pulse-error{0%,to{box-shadow:0 0 0 2px #ef444433}50%{box-shadow:0 0 0 4px #ef444459}}.machine-name-tag{color:var(--accent-color);white-space:nowrap;font-size:.95rem;font-weight:700}.quick-status-group{flex-wrap:wrap;gap:.4rem;display:flex}.machine-inputs{flex-direction:column;gap:.75rem;display:flex}.catalog-search-wrapper{position:relative}.catalog-search-wrapper input,.catalog-search-wrapper textarea{box-sizing:border-box;width:100%;padding-right:2.2rem}.catalog-search-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:5px;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.catalog-search-btn:hover{color:var(--accent-color);background:#06b6d41a}.catalog-dropdown{z-index:50;background:var(--bg-secondary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;max-height:400px;margin-top:2px;animation:.15s ease-out catalogSlideIn;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000040}@media (width<=639px){.catalog-dropdown{max-height:50vh}}@media (width>=640px) and (width<=1023px){.catalog-dropdown{max-height:320px}}@keyframes catalogSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.catalog-dropdown::-webkit-scrollbar{width:5px}.catalog-dropdown::-webkit-scrollbar-track{background:0 0}.catalog-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.catalog-dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #33415540;align-items:flex-start;gap:.65rem;padding:.55rem .85rem;font-size:.82rem;transition:background .15s;display:flex}.catalog-dropdown-item:last-child{border-bottom:none}.catalog-dropdown-item:hover{background:#06b6d414}.catalog-dropdown-item:active{background:#06b6d424}.catalog-item-code{color:var(--accent-color);white-space:nowrap;letter-spacing:.02em;background:#06b6d41a;border:1px solid #06b6d426;border-radius:5px;flex-shrink:0;padding:.2rem .5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;font-weight:700}.catalog-item-desc{color:var(--text-secondary);word-wrap:break-word;font-size:.8rem}.catalog-dropdown-empty{text-align:center;color:var(--text-muted);padding:1.2rem .85rem;font-size:.8rem;font-style:italic}.btn{font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--speed);touch-action:manipulation;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn:active:not(:disabled){opacity:.85;transform:scale(.96)}.btn-icon{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;width:36px;min-width:36px;height:36px;transition:all var(--speed);touch-action:manipulation;background:0 0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.btn-icon:active:not(:disabled){opacity:.8;transform:scale(.92)}.btn-lg{width:100%;padding:.85rem 1.25rem;font-size:.9rem}.btn-primary{background-color:var(--accent-color);color:#0f172a}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px #06b6d433}.btn-primary:active:not(:disabled){box-shadow:none}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-secondary{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.btn-cancel{color:#ef4444;background:linear-gradient(135deg,#ef444414,#ef44440a);border:1.5px solid #ef44444d;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-cancel:before{content:"";opacity:0;background:radial-gradient(circle,#ef444426,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.btn-cancel:hover{color:#dc2626;background:linear-gradient(135deg,#ef444426,#ef444414);border-color:#ef44448c;transform:translateY(-1px);box-shadow:0 0 16px #ef444426,0 2px 8px #ef44441a}.btn-cancel:hover:before{opacity:1}.btn-cancel:active:not(:disabled){background:linear-gradient(135deg,#ef444433,#ef44441f);transform:translateY(0);box-shadow:0 0 8px #ef44441f}.btn-danger{color:#ef4444;background-color:#ef44441a;border-color:#ef444433}.btn-danger:hover{color:#fff;background-color:#ef4444}.btn-status{border:1px solid #0000;border-radius:20px;padding:.25rem .55rem;font-size:.72rem;font-weight:500}.btn-status-conforme{background-color:var(--status-conforme-bg);color:var(--status-conforme);border-color:#10b98133}.btn-status-conforme:hover,.btn-status-conforme.active{background-color:var(--status-conforme);color:#fff}.btn-status-parada{background-color:var(--status-parada-bg);color:var(--status-parada);border-color:#ef444433}.btn-status-parada:hover,.btn-status-parada.active{background-color:var(--status-parada);color:#fff}.btn-status-mantenimiento{background-color:var(--status-mantenimiento-bg);color:var(--status-mantenimiento);border-color:#f59e0b33}.btn-status-mantenimiento:hover,.btn-status-mantenimiento.active{background-color:var(--status-mantenimiento);color:#fff}.preview-panel{position:relative}.sticky-container{flex-direction:column;gap:1rem;display:flex}@media (width>=1024px){.sticky-container{gap:1.5rem;position:sticky;top:1.5rem}}.whatsapp-mockup{border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;min-height:280px;max-height:420px;display:flex;overflow:hidden;box-shadow:0 12px 40px #0006}@media (width>=1024px){.whatsapp-mockup{min-height:380px;max-height:500px}}.wa-header{background-color:var(--wa-header-bg);flex-shrink:0;align-items:center;gap:.65rem;padding:.6rem .85rem;display:flex}.wa-avatar{background-color:var(--accent-hover);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex}.wa-chat-info{flex-direction:column;flex:1;min-width:0;display:flex}.wa-chat-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.wa-chat-status{color:#ffffffbf;font-size:.68rem}.wa-header-icons{color:#fff;opacity:.8;flex-shrink:0;gap:.85rem;display:flex}.wa-icon{cursor:pointer;width:17px;height:17px}.wa-body{background-color:var(--wa-chat-bg);-webkit-overflow-scrolling:touch;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;flex-direction:column;flex:1;padding:1rem;display:flex;overflow-y:auto}.wa-bubble{background-color:var(--wa-bubble-self);color:var(--wa-bubble-text);word-break:break-word;border-radius:0 8px 8px;flex-direction:column;max-width:90%;margin-top:auto;padding:.5rem .7rem;font-size:.85rem;display:flex;position:relative;box-shadow:0 1px .5px #00000021}.wa-bubble:before{content:"";border-style:solid;border-width:0 8px 10px 0;border-color:transparent var(--wa-bubble-self) transparent transparent;width:0;height:0;position:absolute;top:0;left:-8px}.wa-bubble-content{white-space:pre-wrap;margin-bottom:4px}.wa-bubble-content strong{font-weight:700}.wa-time-container{justify-content:flex-end;align-self:flex-end;align-items:center;gap:3px;display:flex}.wa-time{color:var(--wa-time-text);font-size:.63rem}.wa-check{width:14px;height:14px;color:var(--wa-check-color)}.action-buttons-container{flex-direction:column;gap:.65rem;display:flex}.sub-actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172ad9;justify-content:center;align-items:flex-end;padding:0;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{align-items:center;padding:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal,.modal-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;max-width:100%;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 -8px 25px #0006}@media (width>=640px){.modal,.modal-box{border-radius:var(--radius-md);max-width:450px;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp;box-shadow:0 20px 25px -5px #00000080}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header h3{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.modal-header h3 svg{color:var(--accent-color);width:17px;height:17px}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.65rem;padding:1rem 1.25rem;display:flex}.error-msg{color:#ef4444;margin-top:.25rem;font-size:.75rem;display:block}.toast-container{z-index:1100;pointer-events:none;flex-direction:column;gap:.65rem;display:flex;position:fixed;bottom:1.25rem;left:1rem;right:1rem}@media (width>=640px){.toast-container{width:auto;min-width:280px;max-width:360px;left:auto;right:2rem}}.toast{background-color:var(--bg-secondary);border-left:4px solid var(--accent-color);color:var(--text-primary);border-radius:var(--radius-sm);pointer-events:auto;align-items:center;gap:.65rem;padding:.85rem 1rem;font-size:.85rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;box-shadow:0 10px 15px -3px #0000004d}.toast-success{border-left-color:var(--status-conforme)}.toast-success svg{color:var(--status-conforme)}.toast-error{border-left-color:var(--status-parada)}.toast-error svg{color:var(--status-parada)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.segmented-group{flex-wrap:wrap;gap:.4rem;display:flex}.segmented-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:all var(--speed);touch-action:manipulation;white-space:nowrap;align-items:center;gap:.3rem;padding:.45rem .85rem;font-size:.8rem;font-weight:500;display:inline-flex}.segmented-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.segmented-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#0f172a;font-weight:600;box-shadow:0 2px 8px #06b6d440}.turno-group .segmented-btn{flex:1;justify-content:center;min-width:50px}input[type=date]{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--speed), box-shadow var(--speed);cursor:pointer;appearance:none;padding:.65rem .9rem;font-size:.9rem}input[type=date]:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #06b6d426}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}body.light-theme input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.3)}.date-turno-row{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (width<=400px){.date-turno-row{grid-template-columns:1fr}}.liberaciones-list{flex-direction:column;gap:1rem;display:flex}.liberacion-item{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid #06b6d433;border-left:3px solid var(--accent-color);padding:1rem;animation:.25s cubic-bezier(.16,1,.3,1) slideDown}.liberacion-item-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.liberacion-index{color:var(--accent-color);font-size:.85rem;font-weight:600}.confirm-overlay{align-items:center!important;padding:1.5rem!important}.confirm-modal{border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px;padding:2rem 1.75rem 1.5rem;display:flex;animation:.2s cubic-bezier(.34,1.56,.64,1) scaleUp!important}.confirm-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.confirm-icon-danger{color:#ef4444;background-color:#ef44441f;border:2px solid #ef444433}.confirm-icon-warning{color:#f59e0b;background-color:#f59e0b1f;border:2px solid #f59e0b33}.confirm-content{flex-direction:column;gap:.4rem;display:flex}.confirm-title{color:var(--text-primary);font-size:1.05rem;font-weight:700}.confirm-message{color:var(--text-secondary);font-size:.88rem;line-height:1.55}.copy-fallback-section{border-radius:var(--radius-sm);background:#ef44440f;border:1px dashed #ef44444d;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:.75rem;display:flex}.copy-fallback-hint{color:var(--text-secondary);margin:0;font-size:.8rem}.copy-fallback-btn{justify-content:center;width:100%}.confirm-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;width:100%;margin-top:.5rem;display:flex}.confirm-actions .btn{flex:1;min-width:110px}.btn-danger-solid{color:#fff;background-color:#ef4444;border-color:#ef4444}.btn-danger-solid:hover{background-color:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-icon--active{background-color:var(--accent-color)!important;color:#fff!important}.btn-icon--warn{position:relative;color:#f59e0b!important}.config-dot{border:1px solid var(--bg-primary);background:#f59e0b;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.sheets-config-modal{max-width:520px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.1rem 1.25rem .8rem;display:flex}.modal-title-group{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.modal-title-group h3{margin:0;font-size:1rem}.modal-body{padding:1rem 1.25rem}.modal-footer{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.8rem 1.25rem 1.1rem;display:flex}.config-status{border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.82rem;font-weight:500;display:flex}.config-status--ok{color:#059669;background:#10b9811f;border:1px solid #10b98140}.config-status--warn{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.config-hint{color:var(--text-muted);margin:.4rem 0 0;font-size:.78rem}.config-hint code{background:var(--bg-tertiary);border-radius:4px;padding:1px 5px;font-size:.78rem}.history-screen{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:1500px;margin:0 auto;padding:1.5rem;display:flex;overflow-y:auto}.history-topbar{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:.25rem;padding-bottom:1rem;display:flex}.history-title{color:var(--text-primary);letter-spacing:-.3px;flex:1;margin:0;font-size:1.2rem;font-weight:700}.history-count{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;margin:0;padding:.25rem .75rem;font-size:.82rem}.history-tabs{border-bottom:2px solid var(--border-color);gap:0;margin:.75rem 0 .25rem;display:flex}.history-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.35rem;margin-bottom:-2px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.history-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.history-tab--active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.history-tab--deleted{color:var(--text-muted)}.history-tab--deleted.history-tab--active{color:#dc2626;border-bottom-color:#dc2626}.history-tab-count{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.history-tab--active .history-tab-count{background:rgba(var(--accent-color-rgb,59,130,246), .12);color:var(--accent-color)}.history-tab--deleted.history-tab--active .history-tab-count{color:#dc2626;background:#dc26261f}.btn-danger-icon{border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;background:#dc262614;border:none;justify-content:center;align-items:center;padding:.3rem;transition:all .15s;display:inline-flex}.btn-danger-icon:hover{background:#dc26262e}.btn-danger-icon:disabled{opacity:.4;cursor:not-allowed}.btn-success-icon{border-radius:var(--radius-sm);color:#16a34a;cursor:pointer;background:#16a34a14;border:none;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-success-icon:hover{background:#16a34a2e}.btn-success-icon:disabled{opacity:.4;cursor:not-allowed}.operator-dropdown{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);z-index:20;min-width:180px;margin-top:.25rem;padding:.5rem;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001f}.operator-dropdown-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.82rem;transition:background .12s;display:flex}.operator-dropdown-item:hover{background:var(--bg-tertiary)}.operator-dropdown-current{color:var(--accent);background:#00c8e614;font-weight:600}.operator-updating-overlay{z-index:50;background:#00000026;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.btn-operator-assigned{border-radius:var(--radius-sm);color:#16a34a;cursor:pointer;background:#22c55e1a;border:none;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-operator-assigned:hover{background:#22c55e33}.btn-operator-assigned:disabled{opacity:.4;cursor:not-allowed}.btn-operator-empty{border-radius:var(--radius-sm);color:#f59e0b;cursor:pointer;background:#f59e0b1a;border:none;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-operator-empty:hover{background:#f59e0b33}.btn-operator-empty:disabled{opacity:.4;cursor:not-allowed}.operator-dropdown{z-index:100;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:160px;max-height:200px;margin-top:2px;padding:.25rem;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.operator-dropdown-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .65rem;font-size:.78rem;transition:background .12s;display:block}.operator-dropdown-item:hover{color:var(--accent-color);background:#06b6d41a}.operator-dropdown-item:disabled{opacity:.4;cursor:not-allowed}.operator-dropdown-empty{color:var(--text-muted);text-align:center;padding:.4rem .65rem;font-size:.75rem;display:block}.operator-dropdown-current{color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:.15rem;padding:.35rem .65rem;font-size:.72rem}.operator-dropdown-item.active{color:var(--accent-color);background:#06b6d414;font-weight:600}.operator-dropdown-check{color:var(--accent-color);margin-left:auto;font-size:.75rem}.operator-updating-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);cursor:not-allowed;background:#0f172a99;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;font-weight:500;display:flex;position:fixed;inset:0}.operator-updating-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.history-filters-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:flex-end;gap:1rem;display:grid}.history-filters-grid .filter-input-wrapper input{padding-left:2.2rem!important}@media (width<=900px){.history-filters-grid{grid-template-columns:2fr 1fr 1fr;gap:.85rem}.history-filters-grid .filter-group:nth-child(4),.history-filters-grid .filter-group:nth-child(5){grid-column:span 1}}@media (width<=640px){.history-filters-grid{grid-template-columns:1fr 1fr;gap:.75rem}.history-filters-grid .filter-group:first-child{grid-column:span 2}}.history-loading,.history-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.history-empty-icon{opacity:.45}.history-empty-icon.warn{color:#f59e0b;opacity:.8}.history-empty-icon.error{color:#ef4444;opacity:.8}.history-empty-sub{max-width:360px;font-size:.85rem;line-height:1.5}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.spin{animation:.8s linear infinite spin}.history-table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);scrollbar-color:var(--border-color) transparent;max-height:calc(100vh - 280px);overflow:auto}.history-table-container::-webkit-scrollbar{width:12px;height:12px}.history-table-container::-webkit-scrollbar-track{background:0 0}.history-table-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.history-table-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.history-table{border-collapse:collapse;width:100%;min-width:900px;font-size:.82rem}.history-table thead{background-color:var(--bg-tertiary);z-index:10;position:sticky;top:0}.history-table th{text-align:left;letter-spacing:.02em;color:var(--text-secondary);text-transform:none;border-bottom:2px solid var(--border-color);white-space:nowrap;border-right:1px solid #ffffff0d;padding:.8rem 1rem;font-size:.78rem;font-weight:600}body.light-theme .history-table th{border-right:1px solid #0000000d}.history-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #ffffff05;padding:.75rem 1rem;overflow:hidden}body.light-theme .history-table td{border-right:1px solid #00000005}.history-table tbody tr:nth-child(2n){background-color:#33415526}body.light-theme .history-table tbody tr:nth-child(2n){background-color:#f1f5f980}.history-table tbody tr:hover{background-color:#06b6d40f}.history-table tbody tr:last-child td{border-bottom:none}@media (width<=900px){.history-table td:last-child{overflow:visible}.history-table td:last-child .btn-sm{padding:.25rem .4rem;font-size:.72rem}.history-table td:last-child .btn-danger-icon,.history-table td:last-child .btn-success-icon{padding:.25rem}}.history-cards{flex-direction:column;gap:.75rem;display:flex}@media (width>=640px){.history-cards{display:none}}.history-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:.9rem 1rem;display:flex}.history-card-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.history-card-date{color:var(--text-primary);margin-left:auto;font-size:.9rem;font-weight:600}.history-card-machines{color:var(--text-muted);margin:0;font-size:.82rem}.history-card-footer{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.history-card-ts{color:var(--text-muted);font-size:.78rem}.badge-sede{color:var(--accent-color);background:#06b6d41f;border:1px solid #06b6d440;border-radius:20px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-block}.badge-turno{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-color);border-radius:20px;padding:2px 9px;font-size:.75rem;font-weight:700;display:inline-block}.badge-turno-1{color:#059669;background:#10b9811f;border-color:#10b98140}.badge-turno-2{color:#d97706;background:#f59e0b1f;border-color:#f59e0b40}.badge-turno-3{color:#6366f1;background:#6366f11f;border-color:#6366f140}.log-action-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.log-detail-card{border-left:3px solid var(--log-color,#94a3b8);background:var(--log-bg,#94a3b80f);border-radius:0 6px 6px 0;max-width:520px;margin:.15rem 0;padding:.5rem .65rem}.log-detail-header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:.35rem;display:flex}.log-detail-id{color:#475569;letter-spacing:.03em;background:#64748b1f;border-radius:4px;padding:1px 7px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.7rem;font-weight:600}.log-machine-pill{background:rgba(var(--accent-color-rgb,6,182,212), .12);color:var(--accent-color,#0891b2);border:1px solid rgba(var(--accent-color-rgb,6,182,212), .25);border-radius:10px;align-items:center;gap:4px;padding:1px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.log-machine-pill .log-producto-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;margin-left:2px;font-size:.65rem;font-weight:400;overflow:hidden}.log-changes{flex-direction:column;gap:2px;display:flex}.log-change-row{align-items:baseline;gap:5px;font-size:.78rem;line-height:1.4;display:flex}.log-change-row:before{content:"•";color:var(--text-muted);flex-shrink:0;font-weight:700}.log-change-field{color:var(--text-primary);text-transform:capitalize;flex-shrink:0;font-weight:600}.log-change-old{color:#94a3b8;font-size:.75rem;-webkit-text-decoration:line-through #94a3b880;text-decoration:line-through #94a3b880}.log-change-arrow{color:var(--accent-color,#0891b2);flex-shrink:0;font-weight:700}.log-change-new{color:#059669;font-weight:600}.log-change-summary{color:var(--text-muted);margin-top:.2rem;font-size:.72rem;font-style:italic}.log-simple-text{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.btn-sm{padding:.3rem .7rem;font-size:.78rem}.report-detail-modal{max-width:580px}.detail-date{color:var(--text-muted);font-size:.9rem;font-weight:400}.report-text-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:pre-wrap;color:var(--text-primary);max-height:320px;margin-bottom:.75rem;padding:.9rem 1rem;font-size:.85rem;line-height:1.6;overflow-y:auto}.detail-meta{color:var(--text-muted);margin:.2rem 0;font-size:.82rem}.login-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--card-shadow);padding:2rem 1.5rem}.login-header{text-align:center;margin-bottom:1.5rem}.login-logo{background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex;box-shadow:0 4px 16px #06b6d44d}.login-header h1{color:var(--text-primary);margin-bottom:.3rem;font-size:1.3rem;font-weight:700}.login-header p{color:var(--text-secondary);font-size:.85rem}.login-version{letter-spacing:.02em;margin-top:.15rem;font-weight:400;color:var(--text-muted)!important;font-size:.7rem!important}.login-form{flex-direction:column;gap:.85rem;display:flex}.login-field{align-items:center;display:flex;position:relative}.login-field-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.85rem}.login-field input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--speed), box-shadow var(--speed);padding:.7rem 2.5rem;font-size:.9rem}.login-eye-btn{color:var(--text-muted);cursor:pointer;transition:color var(--speed);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:.75rem}.login-eye-btn:hover{color:var(--text-primary)}.login-field input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #06b6d426}.login-error{color:#ef4444;text-align:center;margin:0;font-size:.8rem}.login-lockout{background:linear-gradient(135deg,#ef44441f,#dc262614);border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1rem;animation:.4s ease-in-out shake;display:flex}.login-lockout svg{color:#ef4444;flex-shrink:0}.login-lockout-title{color:#ef4444;font-size:.75rem;font-weight:600;display:block}.login-lockout-timer{font-variant-numeric:tabular-nums;color:#dc2626;letter-spacing:.05em;font-size:1.4rem;font-weight:700;display:block}.login-attempts-warning{color:#f59e0b;text-align:center;margin:0;font-size:.75rem;font-weight:500}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.login-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;margin:1.25rem 0 .85rem;font-size:.8rem;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.quick-users{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.quick-user-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--speed);touch-action:manipulation;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .5rem;display:flex}.quick-user-btn:hover{border-color:var(--accent-color);background:#06b6d414}.quick-user-btn:active:not(:disabled){opacity:.85;transform:scale(.96)}.quick-user-btn:disabled{opacity:.5;cursor:not-allowed}.quick-user-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.quick-user-role{color:var(--text-muted);font-size:.68rem}.header-user-info{border-right:1px solid var(--border-color);align-items:center;gap:.4rem;margin-right:.25rem;padding-right:.5rem;display:flex}.header-user-name{color:var(--text-primary);font-size:.8rem;font-weight:600;display:none}@media (width>=480px){.header-user-name{display:inline}}.header-user-role{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:1px 6px;font-size:.68rem;font-weight:600}.role-admin{color:#6366f1;background:#6366f11f;border:1px solid #6366f140}.role-inspector{color:#059669;background:#10b9811f;border:1px solid #10b98140}.role-consulta{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.btn-logout{color:var(--text-secondary)}.btn-logout:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef444440}.btn-logout:active{opacity:.85;transform:scale(.96)}.admin-panel{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:900px;margin:0 auto;padding:1.5rem;display:flex}.admin-topbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-title{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex;overflow:hidden}.admin-title svg{color:var(--accent-color)}.admin-msg{border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.85rem;font-weight:500}.admin-msg--error{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.admin-msg--success{color:#059669;background:#10b9811a;border:1px solid #10b98140}.admin-loading{justify-content:center;align-items:center;padding:3rem;display:flex}.admin-create-form{margin-bottom:.5rem}.admin-form-row{flex-wrap:wrap;gap:.5rem;display:flex}.admin-form-row input,.admin-form-row select{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:100px;color:var(--text-primary);font-family:var(--font-family);flex:1;padding:.55rem .75rem;font-size:.85rem}.admin-form-row input:focus,.admin-form-row select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #06b6d426}.admin-users-list{flex-direction:column;gap:.75rem;display:flex}.admin-user-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-user--inactive .admin-user-info{opacity:.6}.admin-user-info{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.admin-user-role{border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600}.admin-user-status{border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:500}.status-active{color:#059669;background:#10b9811f}.status-inactive{color:#ef4444;background:#ef44441f}.admin-user-actions{flex-wrap:wrap;gap:.4rem;display:flex}.admin-pw-change{align-items:center;gap:.4rem;display:flex}.admin-pw-change input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:0;max-width:140px;color:var(--text-primary);flex:1;padding:.35rem .6rem;font-size:.8rem}.admin-pw-change input:focus{border-color:var(--accent-color);outline:none}.admin-pw-field{flex:1;align-items:center;display:flex;position:relative}.admin-pw-field input{width:100%;padding-right:2rem}.admin-eye-btn{color:var(--text-muted);cursor:pointer;transition:color var(--speed);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:.5rem}.admin-eye-btn:hover{color:var(--text-primary)}.admin-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.admin-tab{color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.admin-tab:hover{background-color:var(--card-bg-hover);color:var(--text-primary)}.admin-tab.active{color:var(--accent-color);background-color:#06b6d41a;font-weight:600}.admin-machines-section{flex-direction:column;gap:1.25rem;display:flex}.admin-machine-plant-selector{gap:.5rem;display:flex}.admin-machine-plant-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.4rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s}.admin-machine-plant-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.admin-machine-plant-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#000;font-weight:600}.admin-machine-add-form{flex-wrap:wrap;gap:.5rem;display:flex}.admin-machine-add-form input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;padding:.5rem .75rem;font-size:.85rem}.admin-machine-add-form input:focus{border-color:var(--accent-color);outline:none}.admin-machines-list{flex-direction:column;gap:.5rem;display:flex}.admin-machine-item{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.admin-machine-name-group{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.admin-machine-type-badge{background-color:var(--card-bg-hover);color:var(--text-secondary);border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:600}.filters-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem 1.75rem;box-shadow:0 1px 3px #0000001f,0 4px 16px #00000014}body.light-theme .filters-card{background:#fff;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a}.filters-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1.1rem;padding-bottom:.75rem;font-size:.7rem;font-weight:700;display:flex}.filters-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;align-items:flex-end;gap:1rem;display:grid}.filter-group{flex-direction:column;gap:.4rem;min-width:0;display:flex}.filters-card label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.9px;white-space:nowrap;font-size:.68rem;font-weight:700}.filters-card .filter-input-wrapper{align-items:center;display:flex;position:relative}.filters-card .filter-icon{color:var(--text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:.8rem}.filters-card input[type=text]{width:100%;padding-left:2.2rem!important}.filters-card input,.filters-card select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:40px;color:var(--text-primary);appearance:none;padding:0 .85rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.filters-card select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.filters-card input:focus,.filters-card select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #38bdf81a}body.light-theme .filters-card input,body.light-theme .filters-card select{background:#f8fafc;border-color:#e2e8f0}body.light-theme .filters-card input:focus,body.light-theme .filters-card select:focus{background:#fff;border-color:#38bdf8}.filters-actions-row{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.filters-active-badge{color:#f59e0b;letter-spacing:.3px;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.72rem;font-weight:700;display:inline-flex}.filters-buttons{flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto;display:flex}.btn-clear{height:36px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.35rem;padding:0 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-clear:hover{color:#ef4444;background:#ef444412;border-color:#ef444459}.btn-clear:active{opacity:.85;transform:scale(.96)}.btn-export--csv,.btn-export--xlsx{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;height:36px;padding:0 1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-export--csv{color:#107c41;background:#107c4112;border:1px solid #107c414d}.btn-export--csv:hover{color:#fff;background:#107c41;border-color:#107c41;transform:translateY(-1px);box-shadow:0 4px 12px #107c4133}.btn-export--xlsx{color:#fff;background:linear-gradient(135deg,#107c41 0%,#0e6e39 100%);border:1px solid #0e6e39;box-shadow:0 2px 6px #107c4140}.btn-export--xlsx:hover{background:linear-gradient(135deg,#0d6b38 0%,#0b5d30 100%);transform:translateY(-1px);box-shadow:0 4px 14px #107c4159}@media (width<=1024px){.filters-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:.85rem}.filter-group:nth-child(5),.filter-group:nth-child(6){grid-column:span 2}}@media (width<=768px){.filters-card{padding:1rem}.filters-grid{grid-template-columns:1fr 1fr;gap:.75rem}.filter-group:first-child{grid-column:span 2}.filter-group:nth-child(5),.filter-group:nth-child(6){grid-column:span 1}.filters-actions-row{flex-direction:column;align-items:stretch;gap:.75rem}.filters-buttons{flex-direction:column;align-items:stretch;margin-left:0}.filters-buttons .btn-clear,.filters-buttons .btn-export--csv,.filters-buttons .btn-export--xlsx{justify-content:center;width:100%}}.analytics-screen{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex;overflow-y:auto}.analytics-topbar{align-items:center;gap:.75rem;display:flex}.analytics-title{color:var(--text-primary);flex:1;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.analytics-title svg{color:var(--accent-color)}.analytics-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin:0;padding:.25rem .75rem;font-size:.82rem}.analytics-loading,.analytics-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=640px){.analytics-grid{grid-template-columns:repeat(4,1fr)}}.kpi-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow);transition:border-color var(--speed), transform var(--speed);align-items:center;gap:.75rem;padding:1rem;display:flex}.kpi-card:hover{border-color:#06b6d466;transform:translateY(-1px)}.kpi-icon{border-radius:var(--radius-sm);background:#06b6d41a;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.kpi-info{flex-direction:column;min-width:0;display:flex}.kpi-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.2}.kpi-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:500;overflow:hidden}.analytics-charts-row{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.analytics-charts-row{grid-template-columns:1fr 1fr}}.analytics-chart-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow);transition:border-color var(--speed);padding:1.25rem}.analytics-chart-card:hover{border-color:#06b6d44d}.analytics-chart-full{grid-column:1/-1}.chart-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:600;display:flex}.chart-title svg{color:var(--accent-color)}.chart-container{width:100%;overflow:hidden}.chart-container-tall{min-height:280px}.analytics-svg{width:100%;height:auto;display:block}.analytics-tooltip{z-index:100;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);white-space:nowrap;padding:.45rem .7rem;font-size:.78rem;font-weight:500;animation:.1s fadeIn;position:absolute;box-shadow:0 8px 24px #00000040}.analytics-tabs{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;gap:.4rem;padding:.35rem;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:all var(--speed);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.82rem;font-weight:500;display:inline-flex}.tab-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab-btn--active{color:var(--accent-color);background:#06b6d426;font-weight:600;box-shadow:0 1px 4px #06b6d426}.tab-btn svg{flex-shrink:0}.ranking-list{flex-direction:column;gap:.65rem;display:flex}.ranking-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--speed), background var(--speed);align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex}.ranking-row:hover{background:var(--bg-tertiary);border-color:#06b6d44d}.ranking-row--operator{gap:.85rem}.ranking-badge{min-width:28px;height:24px;color:var(--accent-color);background:#06b6d41f;border:1px solid #06b6d440;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.ranking-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.ranking-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ranking-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.85rem;font-weight:500;overflow:hidden}.ranking-value{color:var(--accent-color);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.82rem;font-weight:600}.ranking-empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.85rem}.progress-bar-container{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-color), var(--accent-hover));border-radius:3px;height:100%;transition:width .6s}.operator-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:.72rem;font-weight:700;display:flex}.master-table-screen{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex;overflow-y:auto}.master-table-actions{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.top-scrollbar-container{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);scrollbar-color:var(--border-color) var(--bg-tertiary);border-bottom:none;width:100%;min-height:12px;overflow:auto hidden}.top-scrollbar-container::-webkit-scrollbar{height:12px}.top-scrollbar-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.top-scrollbar-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.top-scrollbar-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.master-table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);scrollbar-color:var(--border-color) transparent;max-height:calc(100vh - 280px);overflow:auto}.master-table-container::-webkit-scrollbar{width:12px;height:12px}.master-table-container::-webkit-scrollbar-track{background:0 0}.master-table-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.master-table-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.master-table{border-collapse:collapse;width:100%;min-width:900px;font-size:.82rem}.master-table thead{background-color:var(--bg-tertiary);z-index:10;position:sticky;top:0}.master-table th{text-align:left;letter-spacing:.02em;color:var(--text-secondary);text-transform:none;border-bottom:2px solid var(--border-color);white-space:nowrap;border-right:1px solid #ffffff0d;padding:.8rem 1rem;font-size:.78rem;font-weight:600}body.light-theme .master-table th{border-right:1px solid #0000000d}.master-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #ffffff05;padding:.75rem 1rem;overflow:hidden}body.light-theme .master-table td{border-right:1px solid #00000005}.master-table tbody tr:nth-child(2n){background-color:#33415526}body.light-theme .master-table tbody tr:nth-child(2n){background-color:#f1f5f980}.master-table tbody tr:hover{background-color:#06b6d40f}.master-table tbody tr:last-child td{border-bottom:none}.td-date{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.th-timestamp{color:#f59e0b!important}.td-timestamp{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.78rem;font-style:italic}.td-machine{color:var(--accent-color);white-space:nowrap;font-weight:500}.td-product{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.td-number{font-variant-numeric:tabular-nums;text-align:right}.td-defect{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--text-secondary);font-size:.78rem;overflow:hidden}.badge-status{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge-conforme{color:#059669;background:#10b9811f;border:1px solid #10b98140}.badge-parada{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.badge-mantenimiento{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.btn-export{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--speed);white-space:nowrap;background-color:#107c41;border:1px solid #107c41;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-export:hover{background-color:#0e6e39;box-shadow:0 4px 12px #107c414d}.btn-export:active{transform:scale(.97)}.resizable-th{-webkit-user-select:none;user-select:none;position:relative}.resizable-th span{vertical-align:middle;display:inline-block}.resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:10;background-color:#0000;width:6px;height:100%;transition:background-color .15s;position:absolute;top:0;right:0}.resizer:hover,.resizer:active{background-color:var(--accent-color,#06b6d4);width:4px}@media (width<=768px){.resizer{width:16px;right:-8px}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.75rem 0;display:flex}.pagination-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:all var(--speed);align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.pagination-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent-color);background:#06b6d414}.pagination-btn:active:not(:disabled){opacity:.85;transform:scale(.96)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{align-items:center;gap:.25rem;display:flex}.pagination-page{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:all var(--speed);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 .4rem;font-size:.82rem;font-weight:500;display:inline-flex}.pagination-page:hover{color:var(--text-primary);background:var(--bg-tertiary)}.pagination-page:active{transform:scale(.92)}.pagination-page--active{color:var(--accent-color);background:#06b6d426;border-color:#06b6d44d;font-weight:600}.pagination-ellipsis{min-width:28px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}@media (width<=900px){.admin-btn-text{display:none}.admin-panel table{font-size:.8rem}.admin-panel th,.admin-panel td{padding:.65rem .5rem!important}.admin-panel td{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}.admin-panel .pagination{flex-direction:column;align-items:stretch;gap:.5rem}.admin-panel .pagination-btn{justify-content:center}.admin-panel .pagination-pages{flex-wrap:wrap;justify-content:center;gap:.25rem}}@media (width<=640px){.admin-panel{padding:1rem}}@media (width<=600px){.admin-panel .pagination-pages{flex-wrap:wrap;justify-content:center;gap:.25rem}.admin-panel .pagination-page{min-width:28px;height:28px;font-size:.75rem}}.btn-excel{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--speed);background:#16a34a;border:none;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-excel:hover{background:#15803d}.excel-modal{max-width:750px}.excel-config-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.excel-config-grid .filter-group label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.78rem;display:block}.excel-config-grid select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:.55rem .75rem;font-size:.88rem}.excel-preview{flex-direction:column;gap:.6rem;display:flex}.excel-preview-filename{color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;font-size:1rem;font-weight:700}.excel-preview-tabs{flex-wrap:wrap;gap:.3rem;display:flex}.excel-tab{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--speed);align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.excel-tab:hover{background:var(--border-color);color:var(--text-primary)}.excel-tab--active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.excel-tab-count{background:#fff3;border-radius:10px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.excel-tab:not(.excel-tab--active) .excel-tab-count{background:var(--border-color);color:var(--text-muted)}.excel-preview-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:360px;overflow:auto}.excel-preview-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.85rem}.excel-preview-table{border-collapse:collapse;width:100%;font-size:.78rem}.excel-preview-table th{background:var(--bg-secondary);color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.5rem .6rem;font-weight:600;position:sticky;top:0}.excel-preview-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;padding:.4rem .6rem}.excel-preview-table tr:hover td{background:var(--bg-tertiary)}.excel-preview-table code{color:var(--accent-color);font-size:.75rem}.excel-toast{color:#fff;border-radius:var(--radius-md);z-index:9999;background:#16a34a;padding:.65rem 1.5rem;font-size:.88rem;font-weight:600;animation:.3s toast-in;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.spinner-sm{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:.3rem;animation:.6s linear infinite spin;display:inline-block}.dashboard-screen{justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1.5rem;display:flex}.dashboard-container{width:100%;max-width:800px}.dashboard-greeting{color:var(--text-primary);margin:0 0 .25rem;font-size:1.6rem;font-weight:700}.dashboard-username{color:var(--accent-color,#0d9488)}.dashboard-subtitle{color:var(--text-muted);margin:0 0 2rem;font-size:.95rem}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.dashboard-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);cursor:pointer;text-align:left;color:inherit;flex-direction:column;align-items:flex-start;gap:.85rem;padding:1.5rem;font-family:inherit;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.dashboard-card:hover{border-color:var(--accent-color,#0d9488);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.dashboard-card-icon{color:var(--accent-color,#0d9488)}.dashboard-card-text{flex-direction:column;gap:.2rem;display:flex}.dashboard-card-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.dashboard-card-desc{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}@media (width<=768px){.dashboard-screen{align-items:flex-start;padding:1.5rem 1rem}.dashboard-grid{grid-template-columns:1fr}.dashboard-greeting{font-size:1.3rem}}.permissions-admin{flex-direction:column;height:100%;display:flex;overflow:hidden}.permissions-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.permissions-header{border-bottom:1px solid var(--border-color);background:var(--card-background);flex-shrink:0;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:relative}.permissions-header:after{content:"";background:linear-gradient(90deg, var(--accent-color) 0%, #06b6d466 30%, #06b6d414 70%, transparent 100%);height:3px;position:absolute;bottom:-1px;left:0;right:0}.btn-back{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.78rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-back:hover{color:var(--accent-color);background:#06b6d414;border-color:#06b6d44d}.permissions-header-center{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.permissions-icon{color:var(--accent-color);filter:drop-shadow(0 0 8px #06b6d459);flex-shrink:0}.permissions-header-center h1{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.permissions-subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.75rem}.permissions-subtitle strong{color:var(--accent-color);font-weight:600}.permissions-header-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.permissions-unsaved-badge{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.72rem;font-weight:600;animation:2s ease-in-out infinite badgePulse;display:flex}@keyframes badgePulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 0 4px #f59e0b14}}.permissions-controls{border-bottom:1px solid var(--border-color);background:var(--card-background);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.permissions-role-tabs{background:var(--input-background,#0000000a);border:1px solid var(--border-color);border-radius:12px;gap:0;padding:3px;display:flex}.permissions-role-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.permissions-role-tab:hover{color:var(--text-primary);background:#06b6d40f}.permissions-role-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.permissions-role-tab.active{background:var(--bg-primary);color:var(--accent-color);box-shadow:0 2px 8px #0000001f,0 0 0 1px #06b6d426}.permissions-role-tab.active .permissions-role-icon{background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));color:#fff;box-shadow:0 2px 8px #06b6d44d}.permissions-role-label{letter-spacing:.01em}.permissions-search{background:var(--input-background,#0000000a);border:1px solid var(--border-color);min-width:150px;max-width:280px;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;gap:.4rem;padding:.35rem .65rem;transition:all .2s;display:flex}.permissions-search:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #06b6d41a}.permissions-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.78rem}.permissions-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;transition:color .15s}.permissions-search-clear:hover{color:var(--text-primary)}.permissions-list{flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.5rem;display:flex;overflow-y:auto}.permissions-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;display:flex}.permissions-empty p{margin:0;font-size:.85rem}.permissions-category{background:var(--card-background);border:1px solid var(--border-color);border-left:3px solid var(--cat-color,var(--accent-color));border-radius:12px;transition:border-color .2s,box-shadow .25s;overflow:hidden}.permissions-category:hover{box-shadow:0 2px 16px #0000000f}.permissions-category-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.65rem .85rem;transition:background .15s;display:flex}.permissions-category-header:hover{background:#06b6d408}.permissions-category-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .2s;display:flex}.permissions-category:hover .permissions-category-icon{transform:scale(1.08)}.permissions-check-all{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;transition:color .2s,transform .15s;display:flex}.permissions-check-all:hover{color:var(--accent-color);transform:scale(1.1)}.permissions-check-all.checked{color:var(--accent-color)}.permissions-check-all.checked:hover{color:var(--accent-hover)}.permissions-check-all.partial .partial-icon{color:var(--accent-color);opacity:.5}.permissions-category-label{color:var(--text-primary);letter-spacing:-.005em;flex:1;font-size:.8rem;font-weight:600}.permissions-category-count{letter-spacing:.02em;font-variant-numeric:tabular-nums;border:1px solid;border-radius:20px;padding:.15rem .55rem;font-size:.68rem;font-weight:700}.permissions-category-items{background:linear-gradient(#0000 0%,#00000003 100%);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;padding:0 .85rem .6rem;display:grid}.permissions-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.42rem .6rem;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.permissions-item:hover{background:#06b6d40d;border-left-color:#06b6d426}.permissions-item-check{color:var(--text-muted);flex-shrink:0;transition:color .2s,transform .15s;display:flex}.permissions-item:hover .permissions-item-check{transform:scale(1.12)}.permissions-item.active .permissions-item-check{color:var(--item-color,var(--accent-color));filter:drop-shadow(0 0 4px var(--item-color,#06b6d44d))}.permissions-item.active{border-left-color:var(--item-color,var(--accent-color));background:var(--item-color-bg,#06b6d40a)}.permissions-item-label{color:var(--text-primary);flex:1;font-size:.78rem;line-height:1.3}.permissions-item.inactive .permissions-item-label{color:var(--text-muted)}.permissions-toast{z-index:9999;-webkit-backdrop-filter:blur(16px);border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.8rem;font-weight:500;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff0f}.permissions-toast[data-type=success]{color:#fff;background:#059669eb}.permissions-toast[data-type=error]{color:#fff;background:#dc2626eb}.permissions-code-validation{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin:0 1.5rem 1.5rem;padding:1.25rem;position:relative;overflow:hidden}.permissions-code-validation:before{content:"";background:linear-gradient(90deg,#8b5cf6 0%,#6366f1 50%,#6366f133 100%);height:3px;position:absolute;top:0;left:0;right:0}.permissions-code-validation-header{align-items:flex-start;gap:.85rem;margin-bottom:1.25rem;display:flex}.permissions-code-validation-icon{background:linear-gradient(135deg,#8b5cf61f,#6366f114);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.permissions-code-validation h3{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 .2rem;font-size:.9rem;font-weight:700}.permissions-code-validation p{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.4}.permissions-code-validation-roles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.permissions-code-validation-role{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:.75rem .85rem;transition:border-color .2s,box-shadow .2s}.permissions-code-validation-role:hover{border-color:#8b5cf633;box-shadow:0 2px 12px #0000000a}.permissions-code-validation-role label{color:var(--text-primary);align-items:center;gap:.45rem;margin-bottom:.45rem;font-size:.78rem;font-weight:600;display:flex}.permissions-code-validation-role-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.permissions-code-validation-role select{border:1px solid var(--border-color);background:var(--card-background);width:100%;color:var(--text-primary);cursor:pointer;appearance:auto;border-radius:8px;padding:.45rem .6rem;font-size:.78rem;transition:all .2s}.permissions-code-validation-role select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #06b6d41a}@media (width<=768px){.permissions-header{flex-wrap:wrap;gap:.5rem;padding:.8rem 1rem}.permissions-header:after{left:0;right:0}.permissions-controls{padding:.6rem 1rem}.permissions-list{padding:.75rem 1rem}.permissions-category-items{grid-template-columns:1fr}.permissions-header-actions{justify-content:flex-end;width:100%}.permissions-code-validation{margin:0 1rem 1rem}.permissions-code-validation-roles{grid-template-columns:1fr}}.cp-layout{flex-direction:column;min-height:0;display:flex}.cp-topbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 0;display:flex}.cp-topbar-title{flex:1;min-width:0;font-size:1.1rem;font-weight:700}.cp-topbar-actions{align-items:center;gap:.35rem;display:flex}.cp-content{flex:1;min-height:0}.cp-back-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--speed), color var(--speed);background:0 0;border:none;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.85rem;display:flex}.cp-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cp-loading,.cp-error,.cp-viewer-loading,.cp-viewer-error,.cp-viewer-empty{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.cp-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.cp-skeleton-wrap{flex-direction:column;gap:.6rem;width:100%;padding:1.5rem;display:flex}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.15}}.cp-skeleton-title,.cp-skeleton-row{border-radius:var(--radius-sm);background:var(--text-muted);height:1.2rem;animation:1.5s ease-in-out infinite skeleton-pulse}.cp-skeleton-title{width:50%;height:1.6rem;margin-bottom:.8rem}.cp-search-wrapper{align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.cp-search-bar{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);flex:1;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.cp-search-icon{color:var(--text-muted);pointer-events:none;z-index:2;flex-shrink:0;margin-left:.6rem}.cp-search-input{width:100%;color:var(--text-primary);box-sizing:border-box;background:0 0;border:none;outline:none;padding:.6rem 2.2rem .6rem .5rem;font-size:.9rem}.cp-search-bar:focus-within{border-color:var(--accent-color)}.cp-search-input::placeholder{color:var(--text-muted)}.cp-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:1.2rem;line-height:1}.cp-search-clear:hover{color:var(--text-primary)}.cp-refresh-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--speed), background var(--speed);background:0 0;border:none;flex-shrink:0;align-items:center;padding:.3rem;display:flex}.cp-refresh-btn:hover:not(:disabled){color:var(--accent-color);background:#06b6d41a}.cp-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.cp-refresh-btn.spin svg{animation:.8s linear infinite spin}.cp-toggle-active{background:#06b6d41a;color:var(--accent-color)!important}.cp-hidden-info{color:var(--text-muted);font-style:italic}.cp-refresh-overlay{z-index:10;background:var(--card-bg);border-bottom-left-radius:var(--radius-md);border:1px solid var(--border-color);border-top:none;border-right:none;padding:.5rem;position:absolute;top:0;right:0;box-shadow:0 2px 8px #00000026}.cp-spinner--sm{border-width:2px;width:20px;height:20px}.cp-index-info{color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem}.cp-product-list{flex-direction:column;gap:.25rem;display:flex}.cp-product-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;transition:background var(--speed), border-color var(--speed);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.65rem;padding:.6rem .75rem;font-size:.85rem;display:flex}.cp-product-item:hover{background:var(--bg-secondary);border-color:var(--border-color)}.cp-product-icon{color:var(--accent-color);flex-shrink:0}.cp-product-info{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.cp-product-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cp-product-num{color:var(--accent-color);margin-right:.15rem;font-weight:700}.cp-product-material{color:var(--accent-color);background:#06b6d41f;border-radius:9999px;flex-shrink:0;padding:.1rem .4rem;font-size:.7rem}.cp-empty{text-align:center;color:var(--text-muted);padding:2rem}.cp-pagination{justify-content:center;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.cp-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:background var(--speed);justify-content:center;align-items:center;display:flex}.cp-page-btn:hover:not(:disabled){background:var(--bg-tertiary)}.cp-page-btn:disabled{opacity:.4;cursor:not-allowed}.cp-page-info{color:var(--text-secondary);text-align:center;min-width:3rem;font-size:.8rem}.cp-viewer{flex-direction:column;height:100%;display:flex}.cp-viewer-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.cp-viewer-title{flex:1;min-width:0;font-size:1rem;font-weight:600}.cp-viewer-title .cp-product-num{color:var(--accent-color);font-weight:700}.cp-viewer-meta{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.cp-viewer-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:15rem;position:relative;overflow:auto}.cp-resize-handle{cursor:nwse-resize;z-index:5;opacity:.4;width:1.2rem;height:1.2rem;transition:opacity var(--speed);position:absolute;bottom:0;right:0}.cp-resize-handle:hover{opacity:.8}.cp-resize-handle svg{width:100%;height:100%;color:var(--text-muted)}.cp-sheet-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.8rem}.cp-sheet-table td{border:1px solid var(--border-color);vertical-align:middle;background:var(--card-bg);color:var(--text-primary);padding:.2rem .4rem}.cp-col-resize-head{position:relative}.cp-col-resize-head tr{height:4px}.cp-col-resize-head th{background:0 0;border:none;height:4px;padding:0;position:relative}.cp-col-resize-handle{cursor:col-resize;z-index:2;width:6px;position:absolute;top:-8px;bottom:-8px;right:-3px}.cp-col-resize-handle:hover,.cp-col-resize-handle:active{background:#06b6d466}.cp-cell-title{min-width:280%;font-size:1.24rem;font-weight:700;background:var(--bg-secondary)!important;white-space:normal!important;text-overflow:unset!important;height:auto!important;overflow:visible!important}.cp-cell-header{font-weight:600;border-bottom:2px solid var(--border-color)!important;white-space:normal!important;text-overflow:unset!important;background:#06b6d40f!important;height:auto!important;overflow:visible!important}.cp-cell-empty{background:var(--bg-primary)!important;border-color:var(--border-color)!important}.cp-cell-path{white-space:nowrap!important;overflow:visible!important}.cp-path-content{align-items:center;gap:.35rem;min-width:0;display:flex}.cp-path-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono,monospace);flex:1;font-size:.75rem;overflow:hidden}.cp-path-actions{flex-shrink:0;gap:.25rem;display:flex}.cp-path-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--speed);align-items:center;gap:.2rem;padding:.15rem .35rem;font-size:.65rem;font-weight:500;line-height:1;display:inline-flex}.cp-path-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.cp-path-btn--copied{background:#22c55e1a;color:#22c55e!important;border-color:#22c55e!important}.cp-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cp-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;width:100%;max-width:520px;max-height:80vh;display:flex;overflow:hidden}.cp-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.cp-modal-header h3{margin:0;font-size:1rem;font-weight:600}.cp-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem}.cp-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cp-modal-body{flex:1;padding:1rem;overflow-y:auto}.cp-modal-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.cp-modal-desc{color:var(--text-secondary);margin:0 0 1rem;font-size:.85rem}.cp-modal-error{color:#ef4444;margin:.75rem 0 0;font-size:.8rem}.cp-modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.cp-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--speed), background var(--speed);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.cp-dropzone:hover{border-color:var(--accent-color);background:#06b6d40a}.cp-dropzone-hint{color:var(--text-muted);font-size:.75rem}.cp-sheet-picker-list{flex-direction:column;gap:.25rem;max-height:240px;margin-bottom:1rem;display:flex;overflow-y:auto}.cp-sheet-picker-item{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--speed), border-color var(--speed);background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex}.cp-sheet-picker-item:hover{background:var(--bg-secondary)}.cp-sheet-picker-item--selected{border-color:var(--accent-color);background:#06b6d41a}.cp-sheet-picker-name{font-size:.85rem;font-weight:500}.cp-sheet-picker-meta{color:var(--text-muted);font-size:.7rem;display:block}.cp-import-name-group{margin-bottom:.75rem}.cp-import-name-group label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.cp-import-name-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:.5rem;font-size:.85rem}.cp-import-name-input:focus{border-color:var(--accent-color)}.cp-success-icon{color:#22c55e}.cp-actions-dropdown{position:relative}.cp-dropdown-backdrop{z-index:99;position:fixed;inset:0}.cp-dropdown-menu{z-index:100;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:160px;padding:.35rem;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 8px 24px #00000040}.cp-dropdown-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--speed);background:0 0;border:none;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.8rem;display:flex}.cp-dropdown-menu button:hover{background:var(--bg-tertiary)}.cp-dropdown-danger{color:#ef4444!important}.cp-dropdown-danger:hover{background:#ef44441a!important}