:root,[data-theme=light]{--color-bg: #f0f4f8;--color-surface: #ffffff;--color-surface-alt: #f1f5f9;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--color-primary: #3b82f6;--color-primary-hover:#2563eb;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #06b6d4;--section-hue: 221;--section-color: #3b82f6;--section-bg-light: #eff6ff;--sidebar-width: 260px;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 25px rgba(0,0,0,.08), 0 4px 10px rgba(0,0,0,.04);--font: "Inter", system-ui, -apple-system, sans-serif;--font-hand: "Caveat", "Patrick Hand", cursive;--font-logo: "Caveat", cursive;--header-height: 60px}[data-theme=dark]{--color-bg: #0b1120;--color-surface: #151c2f;--color-surface-alt: #1e2942;--color-border: #253048;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-primary: #60a5fa;--color-primary-hover:#93c5fd;--section-bg-light: #1e2942;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.3);--shadow-lg: 0 10px 25px rgba(0,0,0,.4)}.page-sales{--section-color: #10b981;--section-hue: 160;--section-bg-light: #ecfdf5}.page-products{--section-color: #f59e0b;--section-hue: 38;--section-bg-light: #fffbeb}.page-customers{--section-color: #8b5cf6;--section-hue: 258;--section-bg-light: #f5f3ff}.page-history{--section-color: #06b6d4;--section-hue: 188;--section-bg-light: #ecfeff}.page-repayments{--section-color: #14b8a6;--section-hue: 170;--section-bg-light: #f0fdfa}.page-admin{--section-color: #64748b;--section-hue: 210;--section-bg-light: #f1f5f9}.page-dashboard{--section-color: #3b82f6;--section-hue: 221;--section-bg-light: #eff6ff}[data-theme=dark] .page-sales{--section-bg-light: #0c2b1d}[data-theme=dark] .page-products{--section-bg-light: #2a1f0a}[data-theme=dark] .page-customers{--section-bg-light: #1d1433}[data-theme=dark] .page-history{--section-bg-light: #0a2830}[data-theme=dark] .page-repayments{--section-bg-light: #0a2922}[data-theme=dark] .page-admin{--section-bg-light: #1a1f2e}[data-theme=dark] .page-dashboard{--section-bg-light: #0e1a2e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(14px,1.4vw + 10px,17px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}code{font-size:.85em;background:var(--color-surface-alt);padding:.2em .45em;border-radius:var(--radius-sm)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s;position:fixed;top:0;left:0;height:100vh;z-index:200;overflow:hidden}.sidebar.collapsed{transform:translate(-100%)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;height:var(--header-height);border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-brand{font-size:1.5rem;font-weight:700;font-family:var(--font-logo);background:linear-gradient(135deg,var(--color-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-close-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background .15s}.sidebar-close-btn:hover{background:var(--color-surface-alt)}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;margin:2px .5rem;color:var(--color-text-muted);font-weight:500;font-size:.9rem;border-radius:var(--radius-sm);transition:all .15s;text-decoration:none;position:relative}.nav-item:hover{background:var(--color-surface-alt);color:var(--color-text);text-decoration:none}.nav-item.active{background:color-mix(in srgb,var(--section-color, var(--color-primary)) 12%,var(--color-surface));color:var(--section-color, var(--color-primary));font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--section-color, var(--color-primary));border-radius:0 3px 3px 0}.nav-icon{font-size:1.15rem;width:1.5rem;text-align:center;flex-shrink:0}.sidebar-footer{padding:.875rem 1.25rem;border-top:1px solid var(--color-border);flex-shrink:0}.user-info{margin-bottom:.5rem}.user-info strong{display:block;font-size:.85rem;color:var(--color-text)}.user-info small{color:var(--color-text-muted);font-size:.75rem}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:150;opacity:0;transition:opacity .25s}.sidebar-overlay.active{opacity:1}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed~.main-content{margin-left:0}.topbar{display:flex;align-items:center;padding:0 1.5rem;height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:.75rem;position:sticky;top:0;z-index:50;flex-shrink:0}.topbar-title{flex:1;font-size:clamp(1rem,1.2vw + .5rem,1.2rem);font-weight:600;font-family:var(--font-hand);color:var(--color-text)}.topbar-accent{height:3px;background:var(--section-color, var(--color-primary));flex-shrink:0;transition:background .3s}.page-content{flex:1;padding:1.5rem;overflow-y:auto}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:linear-gradient(135deg,var(--color-bg) 0%,color-mix(in srgb,var(--color-primary) 10%,var(--color-bg)) 100%);position:relative;overflow:hidden;opacity:0;transition:opacity .4s ease}.login-page.visible{opacity:1}.login-bg-decor{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 12%,transparent) 0%,transparent 70%);top:-200px;right:-200px;pointer-events:none}.login-bg-decor:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 8%,transparent) 0%,transparent 70%);bottom:-300px;left:-100px}.login-card{background:var(--color-surface);border-radius:20px;box-shadow:var(--shadow-lg);padding:2.5rem 2.25rem;width:100%;max-width:400px;position:relative;z-index:1;transform:translateY(16px);transition:transform .5s cubic-bezier(.22,1,.36,1)}.login-page.visible .login-card{transform:translateY(0)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;justify-content:center;margin-bottom:1rem}.login-logo svg{filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent))}.login-title{font-size:2rem;font-weight:700;font-family:var(--font-logo);background:linear-gradient(135deg,var(--color-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.login-tagline{color:var(--color-text-muted);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-field label{display:block;font-size:.78rem;font-weight:600;margin-bottom:.35rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.85rem;color:var(--color-text-muted);pointer-events:none;transition:color .2s;z-index:1}.input-wrap .form-input{padding-left:2.6rem;padding-right:1rem;height:46px;font-size:.9rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:12px;color:var(--color-text);width:100%;font-family:var(--font);transition:border-color .2s,box-shadow .2s}.input-wrap .form-input::placeholder{color:var(--color-text-muted);opacity:.45}.input-wrap .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 15%,transparent);outline:none}.input-wrap:focus-within .input-icon{color:var(--color-primary)}.btn-login{height:48px;border-radius:12px;font-size:.95rem;font-weight:600;margin-top:.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;color:#fff;cursor:pointer;position:relative;transition:transform .15s,box-shadow .2s}.btn-login:hover:not(.loading){transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary) 35%,transparent)}.btn-login.loading{cursor:not-allowed;opacity:.85}.btn-text{transition:opacity .2s}.btn-spinner svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-error{display:none;align-items:center;gap:.5rem;margin-top:1rem;padding:.625rem .875rem;background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent);border-radius:10px;color:var(--color-danger);font-size:.825rem;line-height:1.4}.login-error svg{flex-shrink:0}.login-footer{text-align:center;margin-top:1.5rem;font-size:.75rem;color:var(--color-text-muted);opacity:.45}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1rem;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.card-header h3{font-size:1rem;font-weight:600;color:var(--color-text)}.card-body{padding:0}.summary-card{text-align:center;padding:1.5rem 1rem;border-top:3px solid var(--section-color, var(--color-primary));transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.summary-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.summary-sub{font-size:.78rem;color:var(--color-text-muted);margin-top:.25rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.dashboard-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}.dashboard-loading{text-align:center;padding:3rem;color:var(--color-text-muted)}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.quick-actions .btn{text-align:center}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem;padding:0 .25rem}.table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:540px}.table th{text-align:left;font-weight:600;padding:.75rem .5rem;border-bottom:2px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table td{padding:.65rem .5rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--color-surface-alt)}.row-danger{background:color-mix(in srgb,var(--color-danger) 6%,transparent)}.row-warning{background:color-mix(in srgb,var(--color-warning) 6%,transparent)}.row-muted{opacity:.5}.action-cell{white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:.2em .65em;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge-success{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}.badge-danger{background:color-mix(in srgb,var(--color-danger) 14%,transparent);color:var(--color-danger)}.badge-secondary{background:var(--color-surface-alt);color:var(--color-text-muted)}.form-group{margin-bottom:.85rem}.form-group label{display:block;font-size:.8rem;font-weight:500;margin-bottom:.3rem;color:var(--color-text-muted)}.form-input,.form-select{width:100%;padding:.55rem .85rem;font-family:var(--font);font-size:.9rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:8px;color:var(--color-text);transition:border-color .15s,box-shadow .15s;min-height:42px}.form-input:focus,.form-select:focus{outline:none;border-color:var(--section-color, var(--color-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--section-color, var(--color-primary)) 15%,transparent)}.form-input-sm{padding:.35rem .6rem;font-size:.8rem;min-height:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-actions{display:flex;gap:.5rem;margin-top:1rem}textarea.form-input{resize:vertical;min-height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;font-family:var(--font);font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap;min-height:40px}.btn-primary{background:var(--section-color, var(--color-primary));color:#fff;border-color:var(--section-color, var(--color-primary))}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-alt)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-surface-alt);color:var(--color-text)}.btn-danger{color:var(--color-danger)}.btn-danger:hover{background:color-mix(in srgb,var(--color-danger) 10%,transparent)}.btn-icon{padding:.4rem;font-size:1.2rem;background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:8px;min-height:38px;min-width:38px;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--color-surface-alt)}.btn-sm{padding:.35rem .7rem;font-size:.8rem;min-height:34px}.btn-xs{padding:.2rem .5rem;font-size:.75rem;min-height:28px}.btn-block{width:100%}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.page-toolbar h2{font-size:clamp(1.1rem,1.5vw + .4rem,1.4rem);font-weight:700;font-family:var(--font-hand);color:var(--section-color, var(--color-text));display:flex;align-items:center;gap:.5rem}.toolbar-actions{display:flex;gap:.5rem;flex-wrap:wrap}.sales-layout{display:grid;grid-template-columns:1fr 380px;gap:1rem;height:calc(100vh - 100px)}.sales-products{display:flex;flex-direction:column;overflow:hidden}.sales-toolbar{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.sales-toolbar .form-input{flex:1;min-width:140px}.sales-toolbar .form-select{width:auto;min-width:130px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.75rem;overflow-y:auto;flex:1;padding:.25rem 0}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.85rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s;cursor:pointer}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--section-color, var(--color-primary));transform:translateY(-1px)}.product-card-body{flex:1}.product-name{font-weight:600;font-size:.85rem;margin-bottom:.25rem;color:var(--color-text);line-height:1.3}.product-price{color:var(--color-primary);font-weight:700;font-size:1rem}.product-stock{font-size:.72rem;color:var(--color-text-muted);margin-bottom:.5rem}.stock-low{color:var(--color-warning);font-weight:600}.product-card .add-to-cart-btn{width:100%;background:var(--section-color, var(--color-primary));color:#fff;border:none;border-radius:var(--radius-sm);padding:.4rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:filter .15s}.product-card .add-to-cart-btn:disabled{opacity:.5;cursor:not-allowed}.product-card .add-to-cart-btn:hover:not(:disabled){filter:brightness(1.1)}.sales-cart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;height:100%;overflow:hidden}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--section-color, var(--color-primary)) 6%,var(--color-surface))}.cart-header h3{font-size:1rem;font-weight:600}.cart-customer{padding:.6rem 1rem;border-bottom:1px solid var(--color-border);position:relative}.selected-customer{display:flex;align-items:center;justify-content:space-between;font-weight:500;padding:.35rem 0;color:var(--section-color, var(--color-primary))}.search-results{position:absolute;z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;left:1rem;right:1rem;display:none}.search-item{padding:.6rem .75rem;cursor:pointer;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;font-size:.85rem;transition:background .1s}.search-item:hover{background:var(--section-color, var(--color-primary));color:#fff}.search-item small{font-size:.75rem;opacity:.8}.search-empty{padding:.75rem;text-align:center;color:var(--color-text-muted);font-size:.85rem}.cart-items{flex:1;overflow-y:auto;padding:.5rem 1rem}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--color-border);gap:.5rem}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:.75rem;color:var(--color-text-muted)}.cart-item-actions{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.cart-item-qty{min-width:1.5rem;text-align:center;font-weight:600;font-size:.9rem}.cart-summary{padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface-alt)}.cart-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.875rem}.cart-total{font-weight:700;font-size:1.1rem;border-top:1px solid var(--color-border);padding-top:.6rem;margin-top:.3rem;color:var(--color-text)}.cart-payment{padding:.75rem 1rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.alert{padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.alert-warning{background:color-mix(in srgb,var(--color-warning) 10%,transparent);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 20%,transparent)}.alert-info{background:color-mix(in srgb,var(--color-info) 10%,transparent);color:var(--color-info);border:1px solid color-mix(in srgb,var(--color-info) 20%,transparent)}.error-message{text-align:center;padding:2rem;color:var(--color-danger)}.error-page{text-align:center;padding:3rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-muted);font-size:.9rem}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:380px;width:calc(100% - 2rem)}.toast{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:.875rem;animation:slideIn .25s ease-out;word-break:break-word}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-danger);color:#fff}.toast-info{background:var(--color-primary);color:#fff}.toast-close{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:1.15rem;line-height:1;padding:.1rem;flex-shrink:0;transition:opacity .15s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;font-size:.875rem}.detail-grid>div{padding:.35rem 0}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:1rem;overflow-x:auto}.tab{padding:.65rem 1.25rem;font-family:var(--font);font-size:.875rem;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:var(--color-text-muted);transition:all .15s;white-space:nowrap}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab:hover{color:var(--color-text)}.chart-wrapper{position:relative;max-height:180px;height:130px}.chart-wrapper canvas{max-height:180px}.top-products-list{display:flex;flex-direction:column;gap:.5rem}.top-product-item{display:flex;align-items:center;gap:.75rem}.top-product-rank{width:28px;height:28px;border-radius:50%;background:var(--section-color, var(--color-primary));color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-product-info{flex:1;min-width:0}.top-product-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-product-meta{font-size:.75rem;color:var(--color-text-muted)}.top-product-bar{flex:0 0 80px;height:6px;background:var(--color-surface-alt);border-radius:3px;overflow:hidden}.top-product-fill{height:100%;background:var(--section-color, var(--color-primary));border-radius:3px;transition:width .5s}.top-customers-list{display:flex;flex-direction:column;gap:.5rem}.top-customer-item{display:flex;align-items:center;gap:.75rem;padding:.35rem 0;border-bottom:1px solid var(--color-border)}.top-customer-item:last-child{border-bottom:none}.top-customer-rank{width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-customer-info{flex:1}.top-customer-name{font-size:.85rem;font-weight:600}.top-customer-meta{font-size:.75rem;color:var(--color-text-muted)}.alert-item{display:flex;flex-direction:column;gap:.15rem;padding:.65rem .75rem;margin-bottom:.4rem;border-radius:var(--radius-sm);font-size:.82rem}.alert-item strong{font-size:.85rem}.alert-item span{font-size:.75rem;opacity:.8}.alert-danger{background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger)}.alert-warning-item{background:color-mix(in srgb,var(--color-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}#qr-reader{max-width:320px;margin-bottom:.75rem}@media (max-width: 1024px){.sales-layout{grid-template-columns:1fr 320px;height:calc(100vh - 100px)}.dashboard-charts{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.form-row{grid-template-columns:1fr 1fr}}@media (max-width: 768px){:root{--sidebar-width: 280px}.sidebar{transform:translate(-100%);width:var(--sidebar-width)}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}.sidebar-overlay,.sidebar-overlay.active{display:block}.main-content{margin-left:0}.page-content{padding:1rem}.topbar{padding:0 1rem}.sales-layout{grid-template-columns:1fr;height:auto}.sales-products{max-height:50vh}.sales-cart{height:auto;max-height:60vh}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-charts{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.form-row,.detail-grid{grid-template-columns:1fr}.table{font-size:.8rem}.tabs{gap:0}.tab{padding:.5rem .85rem;font-size:.8rem}}@media (max-width: 640px){html{font-size:14px}.page-content{padding:.75rem}.dashboard-grid{grid-template-columns:1fr;gap:.75rem}.dashboard-charts{gap:.75rem}.sales-toolbar .form-select{width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.product-card{padding:.65rem}.product-name{font-size:.8rem}.product-price{font-size:.9rem}.cart-item{font-size:.8rem}.table{min-width:auto;font-size:.78rem}.table th,.table td{padding:.5rem .4rem}.page-toolbar h2{font-size:1.05rem}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}.card{padding:1rem}.summary-card{padding:1.25rem .75rem}.summary-value{font-size:1.25rem}.form-row{gap:.5rem}.topbar-title{font-size:.95rem}.toast-container{left:.5rem;right:.5rem;max-width:none}.btn{min-height:44px}.btn-sm{min-height:36px}.form-input,.form-select{min-height:44px}}@media (max-width: 400px){.product-grid{grid-template-columns:1fr 1fr;gap:.4rem}.product-card{padding:.5rem}.product-card .add-to-cart-btn{font-size:.72rem;padding:.3rem}}@media (max-width: 768px){.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.active{pointer-events:auto}}