@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0";.login-page{min-height:100vh;display:grid;place-items:center;background:var(--gradient-login-bg);padding:32px}.login-card{width:min(420px,100%);background:var(--color-surface);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-login-card);border:1px solid var(--color-border)}.login-header{text-align:center;margin-bottom:20px}.login-header h1{margin:12px 0 4px;font-size:24px}.login-header p{margin:0;color:var(--color-text-muted);font-size:14px}.brand-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--color-ink);color:var(--color-on-ink);font-weight:700;letter-spacing:.3px}.login-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--color-text-secondary)}.field input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-muted);font-size:15px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.field input:focus{outline:none;background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.login-button{margin-top:8px;padding:12px 16px;border:none;border-radius:var(--radius-sm);background:var(--gradient-button-dark);color:var(--color-on-ink);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.login-button:disabled{opacity:.65;cursor:not-allowed}.login-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(var(--color-ink-rgb),.2)}.error-banner{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger-strong);font-size:14px}.login-footer{margin-top:16px;text-align:center;color:var(--color-text-faint);font-size:12px}.pp-sidebar{width:268px;min-width:268px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;z-index:40;transition:width .2s ease,min-width .2s ease}.pp-sidebar.is-collapsed{width:68px;min-width:68px}.pp-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:18px 14px 12px;border-bottom:1px solid #f1f5f9}.pp-sidebar__brand{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.pp-sidebar__logo{width:36px;height:36px;border-radius:10px;background:#0f172a;color:#f8fafc;display:grid;place-items:center;font-weight:800;font-size:1rem;letter-spacing:.04em;flex-shrink:0}.pp-sidebar__title{font-size:.95rem;font-weight:600;letter-spacing:.02em;color:#0f172a;white-space:nowrap}.pp-sidebar__collapse-btn{border:none;background:transparent;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;transition:background .15s ease,color .15s ease;flex-shrink:0}.pp-sidebar__collapse-btn:hover{background:#f1f5f9;color:#334155}.pp-sidebar__search{display:flex;align-items:center;gap:8px;margin:12px 12px 0;padding:8px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.pp-sidebar__search-icon{color:#94a3b8;flex-shrink:0}.pp-sidebar__search-input{flex:1;border:none;background:transparent;outline:none;font-size:.85rem;color:#1e293b}.pp-sidebar__search-input::placeholder{color:#94a3b8}.pp-sidebar__search-input:focus{outline:none}.pp-sidebar__search:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.pp-sidebar__nav{padding:10px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;overflow-x:hidden}.pp-sidebar__nav::-webkit-scrollbar{width:6px}.pp-sidebar__nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:999px}.pp-sidebar__group{display:flex;flex-direction:column}.pp-sidebar__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:#475569;font-size:.9rem;font-weight:500;text-align:left;transition:background .12s ease,color .12s ease}.pp-sidebar__item:hover{background:#f1f5f9;color:#1e293b}.pp-sidebar__item.is-active{background:#eff6ff;color:#1d4ed8}.pp-sidebar__item-icon{flex-shrink:0;color:#64748b;transition:color .12s ease}.pp-sidebar__item:hover .pp-sidebar__item-icon{color:#475569}.pp-sidebar__item.is-active .pp-sidebar__item-icon{color:#2563eb}.pp-sidebar__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-sidebar__chevron{flex-shrink:0;color:#94a3b8;transition:transform .2s ease}.pp-sidebar__chevron.rotated{transform:rotate(180deg)}.pp-sidebar__subnav{display:none;flex-direction:column;gap:2px;padding:2px 0 4px 38px}.pp-sidebar__group.is-open .pp-sidebar__subnav{display:flex}.pp-sidebar__subitem{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#64748b;font-size:.85rem;font-weight:450;text-align:left;transition:background .12s ease,color .12s ease}.pp-sidebar__subitem:hover{background:#f1f5f9;color:#334155}.pp-sidebar__subitem.is-active{background:#eff6ff;color:#1d4ed8}.pp-sidebar__subitem-icon{flex-shrink:0;color:#94a3b8}.pp-sidebar__subitem.is-active .pp-sidebar__subitem-icon{color:#2563eb}.pp-sidebar__subitem-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-sidebar__footer{padding:12px 10px 14px;border-top:1px solid #f1f5f9}.pp-sidebar__user{display:flex;align-items:center;gap:10px;width:100%}.pp-sidebar__avatar{width:38px;height:38px;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-weight:700;font-size:.85rem;display:grid;place-items:center;flex-shrink:0}.pp-sidebar__user-info{display:flex;flex-direction:column;min-width:0;flex:1}.pp-sidebar__user-name{font-size:.85rem;color:#1e293b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-sidebar__user-email{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-sidebar__logout-btn{border:none;background:transparent;width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;transition:background .15s ease,color .15s ease;flex-shrink:0}.pp-sidebar__logout-btn:hover{background:#fef2f2;color:#dc2626}.pp-sidebar.is-collapsed .pp-sidebar__logo{width:40px;height:40px;border-radius:12px;font-size:1.1rem}.pp-sidebar.is-collapsed .pp-sidebar__header{padding:16px 10px 12px;justify-content:center}.pp-sidebar.is-collapsed .pp-sidebar__collapse-btn{display:none}.pp-sidebar.is-collapsed .pp-sidebar__item{justify-content:center;padding:10px 8px}.pp-sidebar.is-collapsed .pp-sidebar__subnav{display:none!important}.pp-sidebar.is-collapsed .pp-sidebar__footer{padding:10px 8px 12px}.pp-sidebar.is-collapsed .pp-sidebar__user{justify-content:center}.pp-sidebar.is-collapsed .pp-sidebar__user-info{display:none}@media (max-width: 700px){.pp-sidebar{width:100%;min-width:100%;height:auto}.pp-sidebar.is-collapsed{width:100%;min-width:100%}}.dashboard{min-height:100vh;background:var(--gradient-dashboard-bg);color:var(--color-ink)}.dashboard__shell{min-height:100vh;display:flex;align-items:stretch;position:relative;gap:0;padding:0}.dashboard__main{flex:1;margin:0;padding:12px 20px 16px;display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg);border:none;border-radius:0;box-shadow:none}.dashboard__content{flex:1;display:flex;flex-direction:column;gap:20px;max-width:none;width:100%;margin:0}.admin-tabs{display:flex;gap:2px;padding:0;margin:-12px -20px 12px;border-bottom:1px solid var(--color-border);background:var(--color-surface);overflow-x:auto;flex-shrink:0}.admin-tab{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;height:42px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-tertiary);cursor:pointer;min-width:130px;max-width:220px;font-size:.85rem;transition:color .15s ease,border-color .15s ease,background .15s ease}.admin-tab:hover{background:var(--color-surface-muted);color:var(--color-ink)}.admin-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:transparent;font-weight:600}.admin-tab__left{display:inline-flex;align-items:center;gap:8px;min-width:0}.admin-tab__icon{color:var(--color-text-faint);flex-shrink:0}.admin-tab.is-active .admin-tab__icon{color:var(--color-primary)}.admin-tab__label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-tab__close{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-faint);transition:background .12s ease,color .12s ease;opacity:0;flex-shrink:0}.admin-tab:hover .admin-tab__close,.admin-tab.is-active .admin-tab__close{opacity:1}.admin-tab__close:hover{background:rgba(var(--color-ink-rgb),.06);color:var(--color-ink)}.summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.summary-card{padding:18px 20px;border-radius:14px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.summary-card p{margin:0;font-size:.82rem;color:var(--color-text-faint);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.summary-card strong{display:block;margin-top:6px;font-size:1.4rem;color:var(--color-ink)}.dashboard-block{padding:20px;border-radius:14px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.dashboard-block header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.dashboard-block h3{margin:0;font-size:1rem;color:var(--color-ink);font-weight:600}.block-header small{color:var(--color-muted)}.filters{display:flex;gap:10px}.filters select,.filters input{border:1px solid var(--color-border);border-radius:10px;padding:8px 12px;font-size:.875rem;background:var(--color-surface);color:var(--color-ink)}.filters select:focus,.filters input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--color-divider)}th{text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;color:var(--color-text-faint);font-weight:600}thead th{background:var(--color-surface-muted)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:rgba(var(--color-primary-rgb),.04)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.dashboard-grid--three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.progress-list{display:flex;flex-direction:column;gap:12px}.progress-list.has-separators .progress-item.with-border{padding-bottom:10px;border-bottom:1px solid var(--color-divider)}.progress-list.has-separators{gap:16px}.progress-item__row{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;color:var(--color-ink)}.progress-item__row strong{font-size:1rem}.progress-bar{height:6px;border-radius:999px;background:var(--color-divider);overflow:hidden;margin:6px 0}.progress-bar>div{height:100%;border-radius:inherit;background:var(--gradient-progress)}.progress-item__meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-muted)}.total-amount{font-size:1.4rem;color:var(--color-ink)}.table-inventory td:nth-child(2){color:var(--color-danger);font-weight:600}@media (max-width: 1100px){.dashboard__main{padding:12px 16px 16px}}@media (max-width: 700px){.dashboard__main{padding:10px 12px 14px}}.inv-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:20px}.inv-tab{padding:10px 20px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-tertiary);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.inv-tab:hover{color:var(--color-ink)}.inv-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.inv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.inv-toolbar__left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inv-toolbar__right{display:flex;align-items:center;gap:10px}.inv-input{height:36px;padding:6px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-ink);font-size:.85rem;outline:none;transition:border-color .15s,box-shadow .15s}.inv-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.inv-select{height:36px;padding:6px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-ink);font-size:.85rem;outline:none;cursor:pointer;transition:border-color .15s}.inv-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.inv-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-ink);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.inv-btn:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.inv-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.inv-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8}.inv-btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.inv-btn--danger:hover{background:var(--color-danger-strong);border-color:var(--color-danger-strong)}.inv-btn--sm{height:30px;padding:0 12px;font-size:.8rem}.inv-btn--icon{width:36px;padding:0;justify-content:center}.inv-stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.inv-stock-badge--ok{background:#dcfce7;color:#166534}.inv-stock-badge--low{background:#fef3c7;color:#92400e}.inv-stock-badge--empty{background:#fef2f2;color:#991b1b}.inv-status{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:500}.inv-status--active{background:#dcfce7;color:#166534}.inv-status--inactive{background:#f1f5f9;color:#64748b}.inv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.inv-modal{background:var(--color-surface);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.inv-modal__header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--color-divider);flex-shrink:0}.inv-modal__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-ink)}.inv-modal__close{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--color-text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.inv-modal__close:hover{background:var(--color-surface-muted);color:var(--color-ink)}.inv-modal__body{padding:22px;overflow-y:auto;flex:1}.inv-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--color-divider);flex-shrink:0}.inv-form{display:flex;flex-direction:column;gap:16px}.inv-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inv-form-row--full{grid-template-columns:1fr}.inv-form-group{display:flex;flex-direction:column;gap:4px}.inv-form-group label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.inv-form-group input,.inv-form-group textarea,.inv-form-group select{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-ink);font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s}.inv-form-group input:focus,.inv-form-group textarea:focus,.inv-form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.inv-form-group textarea{min-height:70px;resize:vertical}.inv-form-group .inv-field-error{border-color:var(--color-danger)}.inv-form-error{font-size:.75rem;color:var(--color-danger);margin-top:2px}.inv-movement-type{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.inv-movement-type--purchase,.inv-movement-type--entrada{background:#dcfce7;color:#166534}.inv-movement-type--sale,.inv-movement-type--salida{background:#fef2f2;color:#991b1b}.inv-movement-type--adjustment,.inv-movement-type--ajuste{background:#eff6ff;color:#1e40af}.inv-movement-type--return{background:#fef3c7;color:#92400e}.inv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--color-text-faint);gap:8px}.inv-empty__icon{opacity:.5}.inv-empty__text{font-size:.9rem}.inv-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:16px}.inv-pagination__btn{width:32px;height:32px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;transition:background .12s,border-color .12s}.inv-pagination__btn:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-border-strong)}.inv-pagination__btn:disabled{opacity:.4;cursor:default}.inv-pagination__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.inv-pagination__info{font-size:.8rem;color:var(--color-text-tertiary);margin:0 8px}.inv-file-input{display:none}.inv-toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px}.inv-toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow-md);font-size:.875rem;font-weight:500;animation:inv-toast-in .25s ease-out;max-width:380px}.inv-toast--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.inv-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.inv-toast--info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}@keyframes inv-toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.inv-category-cell{font-size:.82rem;color:var(--color-text-secondary);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.inv-cat-name{display:flex;align-items:center;gap:4px}.inv-cat-indent{color:var(--color-text-faint);font-family:monospace;font-size:.8rem;min-width:16px}.inv-cat-breadcrumb{font-size:.78rem;color:var(--color-text-tertiary)}.inv-cat-modal-info{line-height:1.5}@media (max-width: 768px){.inv-toolbar{flex-direction:column;align-items:stretch}.inv-toolbar__left,.inv-toolbar__right{flex-wrap:wrap}.inv-form-row{grid-template-columns:1fr}.inv-modal{max-width:100%;border-radius:0;max-height:100vh}}.svc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.svc-toolbar__left{display:flex;align-items:center;gap:10px;flex:1}.svc-toolbar__count{font-size:.82rem;color:var(--color-text-tertiary);white-space:nowrap}.svc-search-wrapper{position:relative;flex:1;max-width:380px}.svc-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-faint);pointer-events:none}.svc-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--color-text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.svc-search-clear:hover{background:var(--color-surface-muted);color:var(--color-ink)}.svc-input{width:100%;height:36px;padding:6px 34px 6px 32px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-ink);font-size:.85rem;outline:none;transition:border-color .15s,box-shadow .15s}.svc-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.svc-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-ink);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.svc-btn:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.svc-btn:disabled{opacity:.5;cursor:not-allowed}.svc-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.svc-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8}.svc-btn--save{background:#7e3af2;border-color:#7e3af2;color:#fff}.svc-btn--save:hover{background:#6c2bd9;border-color:#6c2bd9}.svc-btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.svc-btn--danger:hover{background:var(--color-danger-strong);border-color:var(--color-danger-strong)}.svc-btn--danger-ghost{background:transparent;border-color:transparent;color:var(--color-text-tertiary)}.svc-btn--danger-ghost:hover{background:#fef2f2;border-color:transparent;color:var(--color-danger)}.svc-btn--sm{height:30px;padding:0 10px;font-size:.8rem}.svc-btn--add-cat{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text-secondary);font-size:.75rem;white-space:nowrap;flex-shrink:0}.svc-btn--add-cat:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.svc-select-with-add{display:flex;gap:8px;align-items:flex-start}.svc-select-with-add select,.svc-select-with-add input{flex:1}.svc-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid var(--color-border)}.svc-table{width:100%;border-collapse:collapse;font-size:.85rem}.svc-table thead{background:var(--color-surface-muted)}.svc-th{padding:10px 14px;text-align:left;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border)}.svc-th--sortable{cursor:pointer;transition:color .12s}.svc-th--sortable:hover{color:var(--color-ink)}.svc-th--numeric{text-align:right}.svc-th--actions{text-align:center;width:100px}.svc-sort-icon{margin-left:4px;font-size:.7rem;color:var(--color-text-faint);opacity:.4}.svc-sort-icon--active{opacity:1;color:var(--color-primary)}.svc-table tbody tr{border-bottom:1px solid var(--color-divider);transition:background .1s}.svc-table tbody tr:last-child{border-bottom:none}.svc-table tbody tr:hover{background:var(--color-surface-muted)}.svc-table tbody td{padding:10px 14px;vertical-align:middle}.svc-cell-desc{max-width:220px}.svc-text-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem;color:var(--color-text-tertiary);line-height:1.4}.svc-text-placeholder{color:var(--color-text-faint);font-style:italic}.svc-cell-numeric{text-align:right;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.82rem;font-weight:500;white-space:nowrap}.svc-cell-actions{text-align:center;display:flex;gap:4px;justify-content:center}.svc-status{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:999px;font-size:.78rem;font-weight:600}.svc-status--active{background:#dcfce7;color:#166534}.svc-status--inactive{background:#f1f5f9;color:#64748b}.svc-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.svc-categoria-badge{display:inline-block;padding:2px 10px;border-radius:6px;background:var(--color-surface-muted);border:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}.svc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--color-text-faint);gap:8px}.svc-empty__icon{opacity:.5}.svc-empty__text{font-size:.9rem}.svc-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:16px;flex-wrap:wrap}.svc-pagination__btn{width:32px;height:32px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;transition:background .12s,border-color .12s}.svc-pagination__btn:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-border-strong)}.svc-pagination__btn:disabled{opacity:.4;cursor:default}.svc-pagination__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.svc-pagination__info{font-size:.8rem;color:var(--color-text-tertiary);margin:0 8px}.svc-toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px}.svc-toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow-md);font-size:.875rem;font-weight:500;animation:svc-toast-in .25s ease-out;max-width:380px}.svc-toast--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.svc-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.svc-toast--info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}@keyframes svc-toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.svc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.svc-modal{background:var(--color-surface);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.svc-modal--wide{max-width:600px}.svc-modal__header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--color-divider);flex-shrink:0}.svc-modal__header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-ink)}.svc-modal__close{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--color-text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.svc-modal__close:hover{background:var(--color-surface-muted);color:var(--color-ink)}.svc-modal__body{padding:22px;overflow-y:auto;flex:1}.svc-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--color-divider);flex-shrink:0}.svc-form{display:flex;flex-direction:column;gap:18px}.svc-form-group{display:flex;flex-direction:column;gap:4px}.svc-form-group label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.svc-required{color:var(--color-danger)}.svc-form-group input,.svc-form-group textarea,.svc-form-group select{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-ink);font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.svc-form-group input:focus,.svc-form-group textarea:focus,.svc-form-group select:focus{border-color:#7e3af2;box-shadow:0 0 0 3px #7e3af21f}.svc-form-group .svc-field-error{border-color:var(--color-danger)!important}.svc-form-group .svc-field-error:focus{box-shadow:0 0 0 3px #ef444426!important}.svc-form-error{font-size:.75rem;color:var(--color-danger);margin-top:2px}.svc-textarea{min-height:70px;resize:vertical;font-family:inherit;line-height:1.5}.svc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.svc-input-prefix{position:relative;display:flex;align-items:center}.svc-input-prefix input{padding-left:28px}.svc-input-prefix__text{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:.875rem;font-weight:500;pointer-events:none;z-index:1}.svc-label-checkbox{display:flex!important;align-items:center;gap:8px;cursor:pointer;font-size:.85rem!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;color:var(--color-ink)!important;padding:8px 0;-webkit-user-select:none;user-select:none}.svc-label-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#7E3AF2;cursor:pointer;flex-shrink:0}.svc-warranty-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.svc-switch-wrapper{display:flex;align-items:center;gap:10px}.svc-switch{position:relative;width:44px;height:24px;border:none;border-radius:12px;background:#cbd5e1;cursor:pointer;padding:0;transition:background .2s;flex-shrink:0}.svc-switch--on{background:#7e3af2}.svc-switch__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.svc-switch--on .svc-switch__thumb{transform:translate(20px)}.svc-switch-label{font-size:.85rem;color:var(--color-ink);font-weight:500}.svc-confirm-body{display:flex;align-items:flex-start;gap:14px}.svc-confirm-icon{width:44px;height:44px;border-radius:12px;background:#fef2f2;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-danger)}.svc-confirm-message{margin:0;font-size:.9rem;line-height:1.5;color:var(--color-ink)}.svc-cards{display:none;flex-direction:column;gap:10px}.svc-card{border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);overflow:hidden}.svc-card__header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--color-divider);background:var(--color-surface-muted)}.svc-card__name{font-size:.9rem;color:var(--color-ink)}.svc-card__actions{display:flex;gap:4px}.svc-card__body{padding:10px 14px}.svc-card__row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.svc-card__row+.svc-card__row{border-top:1px solid var(--color-divider)}.svc-card__label{font-size:.78rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.svc-card__value{font-size:.85rem;color:var(--color-ink);text-align:right}.svc-card__value--desc{font-size:.8rem;color:var(--color-text-tertiary);max-width:50%;white-space:normal;word-break:break-word}.svc-card__value--monto{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-weight:600}@media (max-width: 768px){.svc-table-wrapper{display:none}.svc-cards{display:flex}.svc-toolbar{flex-direction:column;align-items:stretch}.svc-search-wrapper{max-width:100%}.svc-form-row,.svc-warranty-row{grid-template-columns:1fr}.svc-modal{max-width:100%;border-radius:0;max-height:100vh}.svc-pagination{justify-content:center}}:root{color-scheme:light;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-white: #ffffff;--color-white-rgb: 255 255 255;--color-ink: #0f172a;--color-ink-rgb: 15 23 42;--color-on-ink: #f8fafc;--color-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-surface-elevated: rgba(var(--color-white-rgb), .95);--color-card: var(--color-surface);--color-card-border: rgba(var(--color-ink-rgb), .08);--color-text: #1e293b;--color-text-strong: var(--color-ink);--color-text-secondary: #334155;--color-text-muted: #475569;--color-text-tertiary: #64748b;--color-text-subtle: #94a3b8;--color-text-faint: #94a3b8;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-border-soft: rgba(var(--color-ink-rgb), .05);--color-border-alpha: rgba(var(--color-ink-rgb), .15);--color-divider: rgba(var(--color-ink-rgb), .08);--color-primary: #2563eb;--color-primary-rgb: 37 99 235;--color-primary-50: #eff6ff;--color-muted: #94a3b8;--color-sidebar-bg: #ffffff;--color-sidebar-border: #e2e8f0;--color-sidebar-logo: #f1f5f9;--color-sidebar-logo-text: #0f172a;--color-sidebar-icon: #64748b;--color-sidebar-icon-active: #2563eb;--color-sidebar-icon-bg-hover: #f1f5f9;--color-sidebar-text: #334155;--color-sidebar-text-active: #1d4ed8;--color-sidebar-active-bg: #eff6ff;--color-sidebar-active-border: #bfdbfe;--color-sidebar-divider: #f1f5f9;--color-accent: #3b82f6;--color-accent-soft: #93c5fd;--color-accent-contrast: #ffffff;--color-danger: #dc2626;--color-danger-strong: #b91c1c;--color-danger-bg: #fef2f2;--color-danger-border: #fca5a5;--shadow-sm: 0 1px 3px rgba(var(--color-ink-rgb), .06);--shadow-md: 0 4px 12px rgba(var(--color-ink-rgb), .08);--shadow-lg: 0 8px 24px rgba(var(--color-ink-rgb), .1);--shadow-login-card: 0 8px 30px rgba(15, 23, 42, .1);--shadow-sidebar: 0 0 0 1px var(--color-sidebar-border), 0 4px 16px rgba(var(--color-ink-rgb), .06);--shadow-sidebar-icon: 0 1px 4px rgba(0, 0, 0, .06);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-pill: 999px;--gradient-login-bg: linear-gradient(135deg, #eff6ff 0%, #dbeafe 30%, #bfdbfe 60%, #eff6ff 100%);--gradient-dashboard-bg: radial-gradient(circle at 30% 20%, #eff6ff 0%, transparent 40%), radial-gradient(circle at 80% 80%, #dbeafe 0%, transparent 35%), linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);--gradient-button-dark: linear-gradient(135deg, #1e3a5f, #1e40af);--gradient-sidebar: var(--color-sidebar-bg);--gradient-progress: linear-gradient(90deg, #3b82f6, #2563eb)}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}