:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--bg: #2a2f3a;--surface: #333a46;--surface-2: #3e4653;--border: #454d5b;--text: #eef0f4;--text-muted: #9aa3b2;--brand: #534AB7;--brand-hover: #6157c9;--brand-soft: #302e4d;--brand-text: #a49cf5;--on-brand: #ffffff;--success: #3EC38A;--danger: #F0637C;--warning: #E0A43B;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .35);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sidebar-w: 240px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;font-weight:650;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font:inherit}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:550;transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-2)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-hover)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-5)}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field label{font-size:13px;font-weight:550;color:var(--text-muted)}.input{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%}.input:focus-visible{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-muted)}.search{position:relative;display:flex;align-items:center}.search .search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none;z-index:1}.search .input{flex:1;min-width:0;padding-left:34px}.btn-icon{padding:7px}.btn svg,.nav-link svg,.btn-icon svg,.brand svg,.stat svg{flex:none}.state{display:grid;place-items:center;gap:var(--sp-2);padding:var(--sp-6);color:var(--text-muted)}.stat .label{display:inline-flex;align-items:center;gap:var(--sp-2)}.toolbar .search{flex:1 1 auto;max-width:280px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100%}.sidebar{position:sticky;top:0;height:100dvh;align-self:start;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:var(--sp-5) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-5)}.sidebar .brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:18px;padding:0 var(--sp-3);letter-spacing:-.02em}.sidebar .brand svg{color:var(--brand-text)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:550}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--border)}.sidebar-foot .store-name{padding:0 var(--sp-3);font-size:13px;color:var(--text-muted);font-weight:600}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--brand-soft);color:var(--brand-text);position:relative}.nav-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--brand)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border);background:var(--surface)}.topbar .store-name{font-weight:600}.content{padding:var(--sp-6);flex:1;display:flex;flex-direction:column;min-height:0}.loading{padding:var(--sp-6);color:var(--text-muted)}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto;gap:var(--sp-2)}.sidebar nav{flex-direction:row}.sidebar-foot{margin-top:0;padding-top:0;border-top:none}}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:var(--sp-5)}.auth-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--sp-4)}.auth-card h1{font-size:22px}.form-error{color:var(--danger);font-size:14px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5);gap:var(--sp-4)}.page-head h2{font-size:20px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.table tbody tr:hover{background:var(--surface-2)}.table td.right,.table th.right{text-align:right}.grid{display:grid;gap:var(--sp-4)}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat{display:flex;flex-direction:column;gap:var(--sp-1)}.stat .label{font-size:13px;color:var(--text-muted)}.stat .value{font-size:26px;font-weight:680}.toolbar{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.toolbar .input,.toolbar select{max-width:240px}.empty{padding:var(--sp-6);text-align:center;color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;background:#10182873;display:grid;place-items:center;padding:var(--sp-4);z-index:10}.modal{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.modal h3{font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.row-actions{display:flex;gap:var(--sp-2)}.checkbox{display:flex;align-items:center;gap:var(--sp-2);font-size:14px}.thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.product-cover{width:220px;height:220px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);display:block}.product-cover--empty{display:grid;place-items:center;color:var(--text-muted);background:var(--surface-2)}.crop-area{position:relative;width:100%;height:320px;background:#000;border-radius:var(--radius-sm);overflow:hidden}.timeline{margin-top:var(--sp-4);display:flex;flex-direction:column;gap:2px}.timeline-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0 6px 12px;border-left:2px solid var(--border)}.timeline-status{font-weight:600}.bars{margin-top:var(--sp-2)}.bar-row{display:grid;grid-template-columns:84px 1fr 96px;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2)}.bar-label{font-size:13px;color:var(--text-muted)}.bar-track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--brand);border-radius:999px;transition:width .3s}.bar-value{text-align:right;font-size:14px}.detail-row{display:flex;justify-content:space-between;padding-top:var(--sp-3);border-top:1px solid var(--border)}.badge.success{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.badge.danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.badge.warning{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.pdv-page{flex:1;min-height:0;display:flex}.pdv{flex:1;min-height:0;display:grid;grid-template-columns:1fr 360px;gap:var(--sp-4)}.pdv-main{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3)}.pdv-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3);align-content:start}.pdv-product{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3);text-align:center;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--border)}.pdv-product:hover{border-color:var(--brand)}.pdv-product .thumb{width:100%;height:140px}.pdv-product-name{font-size:.92rem;color:var(--text)}.pdv-product .num{color:var(--brand);font-weight:600}.pdv-cart{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--sp-3);margin:calc(-1 * var(--sp-6)) calc(-1 * var(--sp-6)) calc(-1 * var(--sp-6)) 0;border-radius:0;border-left:1px solid var(--border);border-top:0;border-right:0;border-bottom:0}.form-success{color:var(--success)}.pdv-cart-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.pdv-cart-head h3{font-size:16px}.pdv-cart-items{flex:1 1 auto;min-height:80px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2)}.pdv-cart-empty{margin:auto 0;color:var(--text-muted);text-align:center;padding:var(--sp-4) 0}.pdv-cart-checkout{flex:none;display:flex;flex-direction:column;gap:var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4)}.pdv-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.pdv-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdv-qty{display:flex;align-items:center;gap:2px}.pdv-item-total{width:78px;text-align:right}.pdv-client{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;color:var(--text-muted)}.pdv-client select{flex:1;min-width:0;background:transparent;border:none;color:var(--text);padding:6px 0;font:inherit}.pdv-client select:focus-visible{outline:none}.pdv-field-row{display:flex;align-items:center;gap:var(--sp-2)}.pdv-field-label{color:var(--text-muted);font-size:13px;min-width:64px}.pdv-field-row .input{flex:1;min-width:0}.pdv-toggle{display:inline-flex;background:var(--surface-2);border-radius:var(--radius-sm);padding:2px}.pdv-toggle button{border:none;background:transparent;color:var(--text-muted);padding:5px 12px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.pdv-toggle button.active{background:var(--brand);color:var(--on-brand)}.pdv-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.pdv-pay button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);padding:8px 6px;cursor:pointer;font-weight:550;font-size:13px}.pdv-pay button svg{flex:none}.pdv-pay button.active{border-color:var(--brand);color:var(--brand-text);background:var(--brand-soft)}.pdv-save{justify-content:space-between;padding:13px var(--sp-4);font-size:15px;margin-top:var(--sp-2)}.sale-detail{gap:var(--sp-4)}.sale-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.sale-detail-head h3{font-size:18px}.sale-detail-head-right{display:flex;align-items:center;gap:var(--sp-2)}.sale-detail-label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sale-detail-items{display:flex;flex-direction:column;gap:var(--sp-2)}.sale-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sale-item-info .pdv-item-name{white-space:normal}.sale-item-info .text-muted{font-size:13px}.sale-detail-box{display:flex;flex-direction:column;gap:var(--sp-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4)}.sale-detail-line{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.sale-detail-total{margin-top:var(--sp-1);padding-top:var(--sp-2);border-top:1px solid var(--border);font-size:16px}.sale-detail-pay{display:inline-flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;justify-content:flex-end}.sale-detail-pay span{display:inline-flex;align-items:center;gap:4px}.sale-detail-client-name{display:flex;align-items:center;gap:var(--sp-2);font-weight:600;margin-bottom:var(--sp-1)}.sale-detail-actions{display:flex;gap:var(--sp-2)}.sale-detail-actions .btn{flex:1;justify-content:center}@media(max-width:900px){.pdv-page{display:block}.pdv{grid-template-columns:1fr}.pdv-main{overflow:visible}.pdv-cart{margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:visible}}