:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f3f7fb;background:radial-gradient(circle at top,rgba(31,81,119,.35),transparent 28%),linear-gradient(180deg,#09111c,#0f1723,#131b28);line-height:1.4;font-weight:400;color-scheme:dark;--panel: rgba(16, 24, 37, .9);--panel-alt: rgba(21, 33, 49, .92);--border: rgba(154, 173, 196, .16);--muted: #97a8bd;--accent: #58d4b3;--accent-2: #ffb454;--danger: #ff7b7b;--ankode-violet: #6d28d9;--ankode-violet-soft: #8b5cf6;--ankode-green: #22c55e;--ankode-white: #f8fafc;--ankode-app-bg: #0f172a;--ankode-login-bg: #020617}:root[data-pos-type=Farmacia]{--accent: #22c55e}:root[data-pos-type=Tlapaleria]{--accent: #f97316}:root[data-pos-type=Papeleria]{--accent: #60a5fa}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;border:1px solid var(--border);background:#080e18cc;color:#eef4ff;border-radius:12px;padding:.85rem 1rem}textarea{min-height:120px;resize:vertical}table{width:100%;border-collapse:collapse}th,td{padding:.9rem .75rem;border-bottom:1px solid var(--border);text-align:left}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:flex-start;gap:1.25rem;padding:1.5rem;border-right:1px solid var(--border);background:#060b13e0}.sidebar-header{display:grid;gap:.35rem}.sidebar-brand{display:inline-flex;align-items:center;gap:.7rem}.sidebar-logo{display:block;width:30px;height:30px;object-fit:contain;flex-shrink:0}.brand{font-size:1.5rem;font-weight:700;letter-spacing:.08em}.brand-subtitle,.muted,.header-subtitle,.eyebrow{color:var(--muted)}.nav-list{display:grid;gap:.75rem;margin-top:0}.nav-link{padding:.9rem 1rem;border-radius:14px;background:transparent;border:1px solid transparent}.nav-link.active,.nav-link:hover{background:#58d4b31f;border-color:#58d4b34d}.app-main{display:grid;grid-template-rows:auto 1fr}.header,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-brand-block{display:grid;gap:.35rem}.header-brand{display:inline-flex;align-items:center;gap:.75rem}.header-logo{flex-shrink:0;display:block;width:34px;height:34px;object-fit:contain}.header-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.08em}.content{padding:1.5rem}.page-grid{display:grid;gap:1.5rem}.two-columns{grid-template-columns:1.4fr 1fr}.sales-layout{grid-template-columns:1.2fr 1fr}.sales-layout>:last-child{grid-column:1 / -1}.panel,.stat-card,.login-card{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:1.25rem;box-shadow:0 24px 70px #00000038}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{display:grid;gap:.55rem}.stat-label{color:var(--muted);font-size:.92rem}.stat-value{font-size:1.6rem}.grid-form{display:grid;gap:1rem}.grid-form label,.sales-actions label{display:grid;gap:.45rem;color:var(--muted)}.button{border:none;border-radius:14px;padding:.9rem 1.2rem;background:linear-gradient(135deg,var(--accent),#2f82ff);color:#08111a;font-weight:700;cursor:pointer}.button.ghost{background:#ffffff0a;color:#eef4ff;border:1px solid var(--border)}.button.ghost.danger{border-color:#ff7b7b59;color:#ffd1d1}.login-screen,.screen-center{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-screen{background:radial-gradient(circle at top,rgba(109,40,217,.22),transparent 36%),radial-gradient(circle at bottom right,rgba(34,197,94,.14),transparent 28%),var(--ankode-login-bg)}.login-card{width:min(520px,100%);display:grid;gap:1.5rem;background:#0f172ae0}.auth-card-wide{width:min(760px,100%)}.auth-grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-footer-links{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.auth-text-link{color:var(--accent);font-weight:700}.login-branding{display:grid;justify-items:center;gap:.9rem;text-align:center}.login-logo{display:block;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 36px rgba(0,0,0,.35))}.login-intro{display:grid;gap:.35rem}.login-brand-tagline{margin:0}.login-brand-tagline{font-size:.92rem;letter-spacing:.42em;color:#cbd5e1}.login-intro{text-align:center}.login-intro h1{margin:0}.login-button{background:linear-gradient(135deg,var(--ankode-violet),var(--ankode-green));color:#fff}.login-button:disabled{opacity:.7;cursor:progress}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.catalog-card{display:grid;gap:.4rem;text-align:left;border:1px solid var(--border);background:var(--panel-alt);color:#eef4ff;padding:1rem;border-radius:16px;cursor:pointer}.search-input{max-width:320px}.price-stack{display:grid;gap:.15rem}.input-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center}.input-action-button{white-space:nowrap;padding:.85rem 1rem}.price-original{color:var(--muted);font-size:.82rem;text-decoration:line-through}.inline-actions{display:flex;flex-wrap:wrap;gap:.6rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;overflow-y:auto;background:#020617b3;z-index:40}.modal-card{width:min(420px,100%);max-height:min(88vh,920px);overflow-y:auto;padding:1.25rem;border-radius:20px;border:1px solid var(--border);background:#0f172af5;box-shadow:0 24px 60px #00000059}.modal-card h3,.modal-card p{margin-top:0}.modal-card label{display:grid;gap:.45rem;margin-bottom:1rem}.checkbox-row{display:flex;align-items:center;gap:.65rem;color:#eef4ff}.checkbox-row input{width:auto}.password-reset-panel{width:min(480px,100%)}.product-management-layout{grid-template-columns:minmax(0,1fr) minmax(540px,760px)}.product-form-panel{display:grid;gap:1rem}.product-form-panel-wide{min-width:0}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.product-form-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.product-catalog-header,.product-table-footer{align-items:flex-start}.form-span-2{grid-column:1 / -1}.sales-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.total-box{display:grid;align-content:center;padding:.8rem 1rem;border-radius:16px;background:#58d4b314}.total-box.secondary{background:#ffffff0a}.table-wrap{overflow-x:auto}.quantity-control{display:inline-flex;align-items:center;gap:.65rem}.quantity-control input{width:88px}.quantity-control button{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:#ffffff0d;color:#fff}.warning-box,.error-text{color:#ffd7a4}.success-text{color:#9ae6b4}.offer-badge{display:inline-flex;align-items:center;width:fit-content;padding:.25rem .6rem;border-radius:999px;background:#ffb45429;color:#ffcf8a;font-size:.78rem}.cart-product-cell,.form-section-grid,.invoice-grid,.share-actions,.credit-summary{display:grid;gap:1rem}.form-section-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.invoice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1rem}.info-card{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:#ffffff0a}.info-card h3{margin-top:0}.share-actions{grid-auto-flow:column}.credit-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.credit-balance-cell{display:flex;align-items:center;justify-content:space-between;gap:1rem}.credit-reminder-toggle{justify-content:flex-end;font-size:.92rem;white-space:nowrap}.credit-collections-table th,.credit-collections-table td{vertical-align:middle}.credit-collections-table th:nth-child(1),.credit-collections-table td:nth-child(1){width:32%}.credit-collections-table th:nth-child(2),.credit-collections-table td:nth-child(2){width:22%}.credit-collections-table th:nth-child(3),.credit-collections-table td:nth-child(3){width:22%}.credit-reminder-header,.credit-reminder-cell{width:24%;text-align:center}.credit-reminder-toggle{justify-content:center;min-width:0;margin:0}.credit-reminder-toggle input{margin:0}.supplier-modal-card{width:min(960px,94vw)}.supplier-modal-actions{justify-content:flex-end}.supplier-modal-list{display:grid;gap:1rem;max-height:65vh;overflow-y:auto;padding-right:.2rem}.quick-product-modal{width:min(760px,94vw);overscroll-behavior:contain}.modal-actions-end{justify-content:flex-end;margin-top:1rem}.empty-state-card{display:grid;gap:.75rem;justify-items:flex-start;padding:1rem;border:1px dashed var(--border);border-radius:16px;background:#ffffff08}.table-row-active{background:#58d4b314}.stack-list{display:grid;gap:1rem}.reminder-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:16px;background:var(--panel-alt)}.pill{padding:.35rem .7rem;border-radius:999px;font-size:.82rem}.pill.success{background:#58d4b326;color:var(--accent)}@media(max-width:1024px){.app-shell,.two-columns,.product-management-layout,.sales-layout,.sales-actions,.form-section-grid,.credit-summary,.share-actions{grid-template-columns:1fr}.sidebar{display:none}.credit-balance-cell{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.header{padding:1rem}.header-title{font-size:1rem}.product-form-grid{grid-template-columns:1fr}.form-span-2{grid-column:auto}.login-card{padding:1.1rem;border-radius:18px}.auth-grid-form{grid-template-columns:1fr}.login-brand-tagline{letter-spacing:.28em}}