:root{--spacing: .85rem;--brand-black: #0b0b0b;--brand-white: #ffffff;--brand-orange: #ff7a18;--brand-orange-600: #f76a00;--brand-yellow: #ffd44d;--brand-yellow-600: #f2c400;--brand-cream: #fef8f2;--brand-cream-strong: #f7efe6;--brand-shadow: 0 12px 32px rgba(255,122,24,.18);--bg-primary: #fef8f2;--bg-secondary: #f7efe6;--text-primary: #1f2933;--text-secondary: #4b5563;--border: rgba(15,23,42,.07);--card-bg: rgba(255,255,255,.95);--surface-elevated: rgba(255,255,255,.92);--input-bg: #ffffff;--input-text: #1f2933;--danger: #b00020;--success: #065f46;--warning: #92400e}:root[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border: rgba(255,255,255,.1);--card-bg: rgba(40,40,40,.95);--surface-elevated: rgba(32,32,32,.92);--input-bg: #1f1f1f;--input-text: #f5f5f5;--danger: #ff8a8a;--success: #7ae2bb;--warning: #f9d38a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border: rgba(255,255,255,.1);--card-bg: rgba(40,40,40,.95);--surface-elevated: rgba(32,32,32,.92);--input-bg: #1f1f1f;--input-text: #f5f5f5;--danger: #ff8a8a;--success: #7ae2bb;--warning: #f9d38a}}body{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.card{background:var(--card-bg);border-radius:14px;padding:1rem;box-shadow:var(--brand-shadow);color:var(--text-primary)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;color:var(--text-primary)}.toolbar{display:flex;align-items:center;gap:.6rem}.section-title{margin:.8rem 0 .4rem;font-size:1.1rem;opacity:.9;color:var(--text-primary)}.empty{opacity:.7;font-style:italic;padding:.4rem 0;color:var(--text-secondary)}.form-grid{display:grid;grid-template-columns:1fr;gap:.6rem}.actions{margin-top:.4rem}.muted{opacity:.7;font-size:.9rem;color:var(--text-secondary)}.error-text{color:var(--danger);margin-top:.4rem}.success-text{color:var(--success);margin-top:.4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.table{width:100%}.table th,.table td{vertical-align:middle}.toast-container{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{background:#111827;color:#fff;padding:.6rem .9rem;border-radius:10px;box-shadow:0 8px 20px #0003;display:flex;align-items:center;gap:.6rem}.toast.success{background:#065f46}.toast.error{background:#991b1b}.toast.info{background:#1f2937}.toast.warning{background:#92400e}.toast .close{background:transparent;border:0;color:#fff;cursor:pointer;font-size:1.1rem;line-height:1}.loading-backdrop{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.spinner{width:70px;text-align:center}.spinner>div{width:14px;height:14px;background-color:var(--brand-orange);border-radius:100%;display:inline-block;animation:bouncedelay 1.4s infinite ease-in-out both;margin:0 3px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.app-header nav{background:var(--card-bg);color:var(--text-secondary);border-radius:999px;padding:.35rem 1.2rem;border:1px solid var(--border);box-shadow:0 10px 30px #0f0f0f0d;transition:background-color .3s ease}.app-header nav a{color:var(--text-secondary)}.app-header nav a.active{color:#ff7a18;background:#ff7a1814;padding:.15rem .9rem;border-radius:999px;font-weight:600}.app-header .brand{color:#ff7a18;text-shadow:none;font-weight:700}header.container{margin-top:.6rem}main.container{margin-top:1rem;background:transparent;border-radius:24px;width:min(1300px,calc(100% - 32px));margin-inline:auto;padding:0 1.8rem 2.5rem;color:var(--text-primary)}main.container.login-shell{background:transparent;padding:0;margin-top:0;border-radius:0;max-width:none;width:100%}main.container.login-shell .login-viewport{padding-top:clamp(32px,8vh,80px)}button,[role=button],.button{background:linear-gradient(180deg,var(--brand-orange) 0%,var(--brand-orange-600) 100%);color:#fff;border:1px solid var(--brand-orange-600);border-radius:12px;padding:.56rem 1rem;box-shadow:0 12px 28px #ff7a1840;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease}button:hover,.button:hover{filter:brightness(1.05);box-shadow:0 16px 32px #ff7a184d}button:active,.button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px}button.secondary{background:transparent;color:var(--brand-yellow-600);border:1px solid var(--brand-yellow-600);box-shadow:0 4px 14px #f2c4002e}button.secondary:hover{background:#ffd44d14}button.contrast{background:linear-gradient(180deg,#222,#111);color:#fff;border:1px solid #0d0d0d;box-shadow:0 8px 20px #00000047}button.contrast:hover{filter:brightness(1.03)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;font-size:.75rem}.badge.success{background:#10b98122;color:#065f46;border:1px solid #10b98166}.badge.contrast{background:#ffd44d22;color:#7c2d12;border:1px solid #ffd44d66}.badge.secondary{background:#e5e7eb;color:#374151;border:1px solid #d1d5db}@media(max-width:768px){header.container{padding-inline:clamp(1rem,5vw,1.5rem)}main.container{width:100%;padding:0 clamp(1rem,5vw,1.4rem) 2.5rem;border-radius:0;margin-top:0;box-sizing:border-box}.card,section.card,header.card,main.container>section{padding-inline:clamp(.9rem,4vw,1.35rem);border-radius:0}.card,section.card{margin-inline:0;box-shadow:none;border:none}.app-header nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.35rem .6rem}.app-header nav a{padding-inline:.6rem}.card{padding:clamp(.9rem,4vw,1.35rem)}.toolbar{flex-direction:column;align-items:stretch}.toolbar input,.toolbar select,.toolbar button{width:100%}.table{display:block;overflow-x:auto;white-space:nowrap;font-size:.92rem}.table tr{display:table;width:100%;white-space:normal}.table td:last-child,.table th:last-child{width:100%}.table td:last-child{display:flex;flex-direction:column;gap:.4rem}.table .btn-edit,.table .btn-delete{width:100%}}.tabla-items{width:100%;margin-top:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabla-items__table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:640px}.tabla-items__table th,.tabla-items__table td{padding:.35rem .5rem;border-bottom:1px solid #e5e7eb;text-align:left;word-break:break-word}.tabla-items__table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.tabla-items__table tfoot td{border-top:2px solid #e5e7eb;border-bottom:none;font-weight:600}.tabla-items__cards{display:none}.tabla-items__cards .item-card{border:1px solid #e5e7eb;border-radius:14px;padding:clamp(.9rem,4vw,1.3rem);background:#fff;box-shadow:0 12px 24px #0f172a14}.tabla-items__cards .item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;font-size:.95rem;padding:.25rem 0}.tabla-items__cards .item-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;flex:0 0 auto}.tabla-items__cards .item-value{font-weight:600;text-align:right;word-break:break-word;flex:1;min-width:0}.tabla-items__cards .item-row.actions .item-value{text-align:right}.tabla-items__cards .item-row.actions button{margin-left:auto}.tabla-items__cards .item-row.subtotal .item-value,.tabla-items__cards .item-card.total-card .item-value{font-size:1.05rem}@media(max-width:1024px){.tabla-items__table{display:none}.tabla-items__cards{display:flex;flex-direction:column;gap:1rem}.tabla-items__cards .item-row{flex-wrap:wrap;width:100%}.tabla-items__cards .item-row.subtotal{flex-direction:column;align-items:flex-start;gap:.35rem}.tabla-items__cards .item-row.subtotal .item-value{width:100%;text-align:left}}