:root{--color-bg:#eef6fb;--color-bg-page:linear-gradient(180deg, #dff1fa 0, #eef6fb 310px, #f7fafc);--color-surface:#fff;--color-surface-alt:#eaf3fa;--color-border:#d9e7f2;--color-text:#12304e;--color-text-muted:#688099;--color-primary:#0874bd;--color-primary-hover:#07539a;--color-primary-soft:#dff1fa;--color-primary-gradient:linear-gradient(135deg, #247ee8 0%, #27b9dc 47%, #36d58a 100%);--color-btn-gradient:linear-gradient(180deg, #0aa6d5 0%, #0780c1 46%, #07519a 100%);--color-header-gradient:linear-gradient(120deg, #073b78 0%, #07539a 55%, #0874bd 100%);--color-activo:#059669;--color-activo-soft:#d1fae5;--color-inactivo:#6b7280;--color-inactivo-soft:#e9ecf1;--color-reparacion:#d97706;--color-reparacion-soft:#fdf1d9;--color-guardado:#2563eb;--color-guardado-soft:#dbeafe;--color-danger:#dc2626;--color-danger-soft:#fee2e2;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"Consolas", "Menlo", "SF Mono", monospace;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #12304e0f;--shadow-md:0 5px 15px #1f4b6c1f;--shadow-lg:0 24px 60px #13457029;--transition:.14s ease}[data-theme=dark]{--color-bg:#0e1320;--color-bg-page:none;--color-surface:#171f31;--color-surface-alt:#202a42;--color-border:#2c3752;--color-text:#e7ebf5;--color-text-muted:#9aa5bd;--color-primary:#4da3e8;--color-primary-hover:#74baf0;--color-primary-soft:#4da3e82e;--color-primary-gradient:linear-gradient(135deg, #0874bd 0%, #1558bd 100%);--color-header-gradient:linear-gradient(120deg, #071a2c 0%, #0d3152 55%, #0874bd 100%);--color-activo:#34d399;--color-activo-soft:#34d39929;--color-inactivo:#a8b0bf;--color-inactivo-soft:#a8b0bf24;--color-reparacion:#fbbf24;--color-reparacion-soft:#fbbf2429;--color-guardado:#60a5fa;--color-guardado-soft:#60a5fa29;--color-danger:#f87171;--color-danger-soft:#f8717129;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 16px 40px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);background-image:var(--color-bg-page);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;line-height:1.5}::selection{background-color:var(--color-primary-soft)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3,h4{margin:0 0 var(--space-3);color:var(--color-text);line-height:1.25}h1{font-size:var(--font-size-xl);letter-spacing:-.01em}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}table{border-collapse:collapse;width:100%}code{border-radius:var(--radius-sm);background-color:var(--color-surface-alt);font-family:var(--font-mono);padding:.1rem .35rem;font-size:.85em}.page-loading{min-height:100vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.login-page{min-height:100vh;padding:var(--space-4);background:radial-gradient(60rem 30rem at 20% -10%, #4f46e529, transparent 60%), radial-gradient(50rem 26rem at 110% 110%, #2563eb1f, transparent 60%), var(--color-bg);justify-content:center;align-items:center;display:flex}.login-form{gap:var(--space-2);width:100%;max-width:360px;padding:var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.login-form__logo{height:56px;margin:0 auto var(--space-3);object-fit:contain;display:block}.login-form__favicon{width:48px;height:48px;margin:0 auto var(--space-2);display:block}.login-form__title{font-size:var(--font-size-2xl);letter-spacing:-.02em;text-align:center;background:var(--color-primary-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-weight:800}.login-form__subtitle{text-align:center;color:var(--color-text-muted);margin:0}.login-form__dept{margin:var(--space-1) 0 var(--space-4);font-size:var(--font-size-sm);text-align:center;color:var(--color-text-muted)}.login-form__version{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);text-align:center;color:var(--color-text-muted);opacity:.75}.login-form__label{font-size:var(--font-size-sm);font-weight:600}.login-form__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition)}.login-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.login-form__error{margin:var(--space-2) 0 0;padding:var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-danger-soft);color:var(--color-danger);font-size:var(--font-size-sm)}.login-form__submit{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-primary);background-image:var(--color-btn-gradient);color:#fff;transition:filter var(--transition);border:none;font-weight:600}.login-form__submit:hover{filter:brightness(1.05)}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__header{z-index:40;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-header-gradient);color:#fff;width:100%;max-width:1200px;box-shadow:0 1px 0 #ffffff14, var(--shadow-md);margin:0 auto;display:flex;position:sticky;top:0}.layout__brand{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);letter-spacing:-.01em;font-weight:800;display:inline-flex}.layout__logo{width:auto;height:30px}.layout__user{align-items:center;gap:var(--space-4);display:flex}.layout__email{font-size:var(--font-size-sm);opacity:.9;color:inherit;text-decoration:none}.layout__email:hover{opacity:1;text-decoration:underline}.layout__rol{padding:1px var(--space-2);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#ffffff2e;border-radius:999px;font-size:.6875rem;font-weight:700}.layout__rol--admin{color:#a7f3d0;background:#34d39940}.layout__logout{padding:var(--space-1) var(--space-3);color:#fff;font-size:var(--font-size-sm);transition:background-color var(--transition);background:0 0;border:1px solid #fff6;border-radius:999px}.layout__logout:hover{background:#ffffff29}.layout__tema{color:#fff;width:30px;height:30px;transition:background-color var(--transition);background:0 0;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.layout__tema:hover{background:#ffffff29}.layout__content{padding:var(--space-6);flex:1;width:100%;max-width:1200px;margin:0 auto}.layout__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.layout__nav{gap:var(--space-1);flex-wrap:wrap;display:flex}.layout__nav a{padding:var(--space-2) var(--space-3);color:#ffffffd1;font-size:var(--font-size-sm);white-space:nowrap;transition:background-color var(--transition), color var(--transition);border-radius:999px;font-weight:500}.layout__nav a:hover{color:#fff;background:#ffffff1f;text-decoration:none}.layout__nav a.active{color:#fff;background:#ffffff38;font-weight:600}.btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:background-color var(--transition), border-color var(--transition), color var(--transition);border:1px solid #0000;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);background-image:var(--color-btn-gradient);color:#fff;box-shadow:inset 0 1px #ffffff26,0 2px 6px #07539a47}.btn--primary:hover{filter:brightness(1.07);box-shadow:0 2px 10px #07539a61}.btn--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn--ghost:hover{background-color:var(--color-surface-alt)}.btn--edit{border-color:var(--color-guardado);color:var(--color-guardado);background:0 0}.btn--edit:hover{background-color:var(--color-guardado-soft)}.btn--danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.btn--danger:hover{background-color:var(--color-danger-soft)}.btn--sm{padding:var(--space-1) var(--space-2);border-radius:999px}.input{appearance:none;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);transition:border-color var(--transition), box-shadow var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23688099' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:12px;padding-right:2rem}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.alert{padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);border:1px solid #0000}.alert--error{background-color:var(--color-danger-soft);color:var(--color-danger);border-color:#dc262633}.alert--warning{background-color:var(--color-reparacion-soft);color:var(--color-reparacion);border-color:#d9770633}.alert--success{background-color:var(--color-activo-soft);color:var(--color-activo);border-color:#10b98133}.alert p{margin:0}.alert p+p{margin-top:var(--space-1)}.muted{color:var(--color-text-muted)}.import-field{margin-top:var(--space-3)}.import-field input[type=file]{font-size:var(--font-size-sm);color:var(--color-text-muted)}.import-resumen{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.import-resumen>p{margin:0 0 var(--space-2)}.import-lista{margin:0 0 var(--space-2);padding-left:var(--space-4);font-size:var(--font-size-sm)}.import-check{align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);cursor:pointer;display:flex}.import-check input{accent-color:var(--color-danger);margin-top:3px}.area-form{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.areas-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.area-card{padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition)}.area-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.area-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.area-card__title{font-size:var(--font-size-lg);margin:0;font-weight:700}.area-card__actions{gap:var(--space-1);flex-shrink:0;display:flex}.secciones-list{margin:var(--space-4) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.secciones-list__item{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-alt);border-radius:var(--radius-sm);font-size:var(--font-size-base);display:flex}.secciones-list__item--add{border:1px dashed var(--color-border);background:0 0;justify-content:flex-start}.page-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.page-header__actions{gap:var(--space-2);display:flex}.export-actions{position:relative}.export-menu{z-index:20;min-width:140px;margin-top:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);position:absolute;top:100%;left:0}.export-menu__item{width:100%;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;font:inherit;color:var(--color-text);background:0 0;border:none;display:block}.export-menu__item:hover{background:var(--color-primary-soft)}.filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.filters__search{flex:1;min-width:220px}.table-wrap{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}.columnas{margin-bottom:var(--space-2);display:inline-block;position:relative}.columnas>summary{-webkit-user-select:none;user-select:none;list-style:none}.columnas>summary::-webkit-details-marker{display:none}.columnas__panel{top:calc(100% + var(--space-1));z-index:30;gap:var(--space-2);min-width:190px;max-width:calc(100vw - 2rem);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg,var(--shadow-md));display:grid;position:absolute;right:0}.columnas__panel label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);cursor:pointer;display:flex}.qr-menu{display:inline-block;position:relative}.qr-menu__panel{bottom:calc(100% + var(--space-1));z-index:30;gap:var(--space-1);min-width:220px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg,var(--shadow-md));display:grid;position:absolute;right:0}.qr-menu__item{padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--transition);background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.qr-menu__item:hover{background:var(--color-surface-alt)}.qr-menu__label{font-weight:500}.qr-menu__desc{color:var(--color-text-muted);font-size:.75rem}.historial{margin-top:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.historial__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.historial__header h3{font-size:var(--font-size-lg);margin:0}.historial__export{gap:var(--space-1);display:flex}.historial__lista{gap:var(--space-2);max-height:260px;display:grid;overflow-y:auto}.historial__item{gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-alt);font-size:var(--font-size-sm);grid-template-columns:auto auto auto 1fr;align-items:center;display:grid}.historial__fecha{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.historial__usuario{color:var(--color-text-muted);font-size:.75rem}.historial__tipo{padding:2px var(--space-2);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;font-size:.6875rem;font-weight:600;display:inline-block}.historial__tipo--alta{background:var(--color-activo-soft);color:var(--color-activo)}.historial__tipo--edicion{background:var(--color-primary-soft);color:var(--color-primary)}.historial__tipo--cambio_estado{background:var(--color-reparacion-soft);color:var(--color-reparacion)}.historial__tipo--cambio_ip{background:var(--color-guardado-soft);color:var(--color-guardado)}.historial__tipo--liberar_ip{background:var(--color-danger-soft);color:var(--color-danger)}.historial__tipo--baja{background:var(--color-inactivo-soft);color:var(--color-inactivo)}.historial__detalle{color:var(--color-text-muted);font-size:.75rem}.novedades{margin-top:var(--space-6)}.novedades h2{margin-bottom:var(--space-3)}.novedades__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.novedades__card{padding:var(--space-4);border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border)}.novedades__card h3{margin:0 0 var(--space-3);font-size:var(--font-size-base)}.novedades__card ul{margin:0;padding:0;list-style:none}.novedades__card li{padding:var(--space-1) 0;border-bottom:1px solid var(--color-border)}.novedades__card li:last-child{border-bottom:none}.novedades__link{width:100%;padding:var(--space-1) 0;color:var(--color-text);font-size:var(--font-size-sm);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none;display:flex}.novedades__link:hover{color:var(--color-primary)}.novedades__nombre{font-weight:500}.novedades__detalle{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.novedades__fecha{color:var(--color-text-muted);font-size:.75rem}.novedades__card--reparacion{border-left:3px solid var(--color-reparacion)}.novedades__card--sinip{border-left:3px solid var(--color-guardado)}.novedades__card--antiguos{border-left:3px solid var(--color-inactivo)}@media (width<=640px){.novedades__grid{grid-template-columns:1fr}}@media (width<=640px){.historial__item{gap:var(--space-1);grid-template-columns:1fr}.historial__header{flex-direction:column;align-items:flex-start}.modal--wide{max-width:100%}}@media (width<=900px){.columnas__panel{top:auto;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-width:none;max-height:65vh;position:fixed;overflow-y:auto}.qr-menu__panel{top:auto;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);min-width:0;max-width:none;position:fixed}}.table th,.table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.table th:first-child,.table td:first-child{z-index:1;background-color:var(--color-surface);white-space:nowrap;position:sticky;left:0}.table th:first-child{background-color:var(--color-surface-alt);z-index:2}.table td.td--ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.table th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background-color:var(--color-surface-alt);font-size:.75rem;font-weight:700}.table tbody tr{transition:background-color var(--transition)}.table tbody tr:hover{background-color:var(--color-surface-alt)}.table tbody tr:last-child td{border-bottom:none}.table__ip{font-family:var(--font-mono);font-weight:600}.table__fecha{color:var(--color-text-muted);font-size:var(--font-size-sm)}.table-toolbar{margin-bottom:var(--space-2);justify-content:flex-end;display:flex}.table__acciones{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=820px){.table__acciones{flex-direction:column;gap:2px}.table__acciones .btn--sm{padding:2px var(--space-1);min-height:24px;font-size:0}.table__acciones .btn--sm:before{font-size:var(--font-size-sm)}.table__acciones .btn[title*=VNC]:before{content:"V"}.table__acciones .btn[title*=QR]:before{content:"QR"}.table__acciones .btn[title*=Liberar]:before{content:"✖"}.table__acciones .btn[title*=Editar]:before{content:"✎"}}.badge{margin-left:var(--space-2);padding:1px var(--space-2);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;font-size:.6875rem;font-weight:700;display:inline-block}.badge--inalterable{background-color:var(--color-danger-soft);color:var(--color-danger)}.badge--telefonia{background-color:var(--color-guardado-soft);color:var(--color-guardado)}.config-section{margin-bottom:var(--space-6)}.config-section__title{font-size:var(--font-size-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border);font-weight:700}.config-section__cards,.config-section__accordion{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.config-data{margin:0;padding:0;list-style:none}.config-data li{justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.config-data li:last-child{border-bottom:none}.quickview{margin:0 0 var(--space-4);padding:0;list-style:none}.quickview li{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.quickview li:last-child{border-bottom:none}.quickview li>span{color:var(--color-text-muted)}.config-pasos{margin:0 0 var(--space-3);padding-left:var(--space-4);line-height:1.6}.config-accordion{padding:0}.config-accordion__toggle{width:100%;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:700;display:flex}.config-accordion__toggle:hover{opacity:.8}.config-accordion__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;font-weight:400;display:block}.config-accordion__icon{color:var(--color-text-muted);font-size:var(--font-size-sm)}.config-accordion__body{padding:0 var(--space-4) var(--space-4)}.estado-select{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);cursor:pointer;transition:filter var(--transition);border:1px solid #0000;border-radius:999px;font-weight:600}.estado-select:hover{filter:brightness(.96)}.estado-select--activo{background-color:var(--color-activo-soft);color:var(--color-activo);border-color:var(--color-activo)}.estado-select--inactivo{background-color:var(--color-inactivo-soft);color:var(--color-inactivo);border-color:var(--color-inactivo)}.estado-select--reparacion{background-color:var(--color-reparacion-soft);color:var(--color-reparacion);border-color:var(--color-reparacion)}.estado-select--guardado{background-color:var(--color-guardado-soft);color:var(--color-guardado);border-color:var(--color-guardado)}.estado-select option{background:var(--color-surface);color:var(--color-text);padding:var(--space-2)}.modal-backdrop{z-index:50;padding:var(--space-6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#161a2480;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:100%;max-width:640px;margin-top:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-6);background-color:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.modal h2{margin-top:0}.modal__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);display:flex}.form{gap:var(--space-4);flex-direction:column;display:flex}.form-actions{gap:var(--space-2);margin-top:var(--space-4);justify-content:flex-end;display:flex}.form-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-sm);font-weight:600}.field__error{font-size:var(--font-size-sm);color:var(--color-danger)}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.stat-cards{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{gap:var(--space-1);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--stat-accent,var(--color-primary));height:3px;position:absolute;inset:0 0 auto}.stat-card--primary{--stat-accent:var(--color-primary)}.stat-card--activo{--stat-accent:var(--color-activo)}.stat-card--guardado{--stat-accent:var(--color-guardado)}.stat-card--danger{--stat-accent:var(--color-danger)}.stat-card__value{font-size:var(--font-size-2xl);letter-spacing:-.02em;color:var(--color-text);font-weight:800}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.dashboard-card{padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.dashboard-card h2{font-size:var(--font-size-lg);margin-top:0}.dashboard-list{margin:0;padding:0;list-style:none}.dashboard-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;display:flex}.dashboard-list li:last-child{border-bottom:none}.dashboard-list li span{color:var(--color-text)}.dashboard-list li strong{font-variant-numeric:tabular-nums}.ips-legend{gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.ips-legend__item{align-items:center;gap:var(--space-1);display:inline-flex}.ips-legend__dot{border-radius:3px;width:10px;height:10px}.ips-legend__dot--libre{background-color:var(--color-activo)}.ips-legend__dot--ocupada{background-color:var(--color-guardado)}.ips-legend__dot--protegida{background-color:var(--color-danger)}.ips-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(92px,1fr));max-width:980px;display:grid}.ips-grid__item{padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-mono);text-align:center;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border:1px solid #0000;font-size:.75rem}.ips-grid__item--libre{background-color:var(--color-activo-soft);color:var(--color-activo);cursor:pointer}.ips-grid__item--libre:hover{border-color:var(--color-activo);transform:translateY(-1px);box-shadow:0 2px 8px #05966940}.ips-grid__item--ocupada{background-color:var(--color-guardado-soft);color:var(--color-guardado);cursor:pointer}.ips-grid__item--protegida{background-color:var(--color-danger-soft);color:var(--color-danger);cursor:not-allowed}.ips-grid__item:disabled{opacity:1}.toolbar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.profile{max-width:600px}.profile__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.profile__avatar{background:var(--color-primary);color:#fff;width:64px;height:64px;font-size:var(--font-size-xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.profile__info h2{margin-bottom:var(--space-1)}.profile__info p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.profile__stats{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.profile__stat{text-align:center;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.profile__stat-value{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:700;display:block}.profile__stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width<=640px){.profile__stats{grid-template-columns:1fr}.profile__header{text-align:center;flex-direction:column}}.novedades__export{gap:var(--space-1);margin-top:var(--space-2);display:flex}.novedades__export .btn--ghost{padding:1px var(--space-1);font-size:.6875rem}.bulk-bar{align-items:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius);flex-wrap:wrap;display:flex}.bulk-bar__count{font-weight:600;font-size:var(--font-size-sm);color:var(--color-primary)}.bulk-bar .input{min-width:140px}.bulk-bar .btn--sm{flex-shrink:0}.tr--selected{background-color:var(--color-primary-soft)!important}@media (width<=640px){.bulk-bar{flex-direction:column;align-items:stretch}.bulk-bar .input{min-width:0}}.trend-cards{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.trend-card{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-sm);display:flex}.trend-card__icon{width:36px;height:36px;font-size:var(--font-size-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trend-card__icon--up{background:var(--color-success-soft,#16a34a1f);color:var(--color-success,#16a34a)}.trend-card__icon--down{background:var(--color-danger-soft);color:var(--color-danger)}.trend-card__icon--neutral{background:var(--color-surface-alt);color:var(--color-text-muted)}.trend-card__text strong{font-size:var(--font-size-base);display:block}.trend-card__text span{color:var(--color-text-muted)}@media (width<=640px){.trend-cards{grid-template-columns:1fr}}.qr-print{max-width:900px}.qr-print__header{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.qr-print__header h2{flex:1;margin:0}.qr-print__tamano{color:var(--color-text-muted);font-size:var(--font-size-sm)}.qr-print__acciones{margin:var(--space-4) 0}.qr-print__grilla{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.qr-print__etiqueta{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:center;flex-direction:column;align-items:center;display:flex}.qr-print__img{width:100%;max-width:150px;height:auto}.qr-print__ip{margin-top:var(--space-2);font-size:var(--font-size-lg);letter-spacing:.5px;font-family:monospace;font-weight:700}.qr-print__error{aspect-ratio:1;background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.qr-actions{gap:var(--space-1);display:flex;position:relative}.qr-menu-batch{z-index:20;min-width:200px;margin-top:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);position:absolute;top:100%;left:0}.qr-menu-batch__item{width:100%;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;font:inherit;color:var(--color-text);background:0 0;border:none;flex-direction:column;gap:2px;display:flex}.qr-menu-batch__item:hover{background:var(--color-primary-soft)}.qr-menu-batch__desc{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (width<=640px){.novedades__grid{grid-template-columns:1fr}}.modal--wide{max-width:600px}@media (width<=640px){.historial__item{gap:var(--space-1);grid-template-columns:1fr}.historial__header{flex-direction:column;align-items:flex-start}.modal--wide{max-width:100%}}@media (width<=900px){.columnas__panel{top:auto;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-width:none;max-height:65vh;position:fixed;overflow-y:auto}.qr-menu__panel{top:auto;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);min-width:0;max-width:none;position:fixed}}@media (width<=1024px){.layout__content{padding:var(--space-4)}.areas-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.layout__header{padding:var(--space-3) var(--space-4)}.layout__nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.layout__nav::-webkit-scrollbar{display:none}}@media (width<=820px){.layout__email{display:none}.stat-cards{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card__value{font-size:var(--font-size-xl)}.config-section__cards{grid-template-columns:1fr}}@media (width<=640px){.layout__header{gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3);flex-wrap:wrap}.layout__brand{font-size:var(--font-size-base);gap:var(--space-1)}.layout__logo{height:24px}.layout__user{gap:var(--space-2);margin-left:auto}.layout__logout{padding:var(--space-1) var(--space-2)}.layout__nav{width:100%;padding-bottom:var(--space-1);margin-right:calc(-1 * var(--space-3));padding-right:var(--space-3);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;order:3;overflow-x:auto}.layout__nav::-webkit-scrollbar{display:none}.layout__nav a{white-space:nowrap;padding:var(--space-2) var(--space-3)}.layout__content,.layout__footer{padding:var(--space-3)}.filters{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.filters__search,.btn--primary{grid-column:1/-1}.filters .input{min-width:0}.btn{min-height:44px}.modal-backdrop{padding:var(--space-3);align-items:flex-start}.modal{margin-top:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-4);max-width:none}.table-wrap{-webkit-overflow-scrolling:touch}.table{font-size:var(--font-size-sm)}.table th,.table td{padding:var(--space-2)}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:var(--space-3)}.dashboard-grid{grid-template-columns:1fr}.ips-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-width:100%}.ips-grid__item{font-size:.6875rem}.ips-legend{font-size:var(--font-size-sm);gap:var(--space-2) var(--space-3)}.modal-backdrop{padding:var(--space-2)}.modal{padding:var(--space-4)}.login-form{padding:var(--space-6)}.toolbar .btn{text-align:center;flex:auto}}@media (width<=480px){.filters{grid-template-columns:1fr}.filters .input,.filters__search,.btn--primary{grid-column:1}}@media (width<=400px){.stat-cards{grid-template-columns:1fr}.area-card__actions{flex-direction:column}.config-section__title{font-size:var(--font-size-base)}.config-section__accordion{grid-template-columns:1fr}.config-accordion__body{padding:0 var(--space-3) var(--space-3)}.area-form{flex-direction:column;align-items:stretch}.area-form .btn{text-align:center;width:100%}}.table-pagination{padding:var(--space-4) 0;justify-content:center;display:flex}@media (width<=640px){.btn--sm{min-width:44px;min-height:44px}.qr-menu__item,.export-menu__item,.estado-select{min-height:44px}.table__acciones .btn{min-height:36px;font-size:var(--font-size-xs)}}@media print{*{box-shadow:none!important}.no-print,nav,header,footer,.sidebar,.modal-backdrop>.qr-print__header,.alert,.btn{display:none!important}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;position:static;overflow:visible}.modal{max-width:none;box-shadow:none;border:none;margin:0;padding:0}.qr-print__grilla{grid-template-columns:repeat(3,1fr);gap:8mm}.qr-print__etiqueta{page-break-inside:avoid;break-inside:avoid;border:1px solid #ccc}.qr-print__img{max-width:25mm}.qr-print__ip{font-size:12pt}}