:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-primary: #ff6a00;--color-primary-600: #ff7a1f;--color-primary-700: #e86500;--color-primary-800: #cc5b00;--color-accent: #ff9800;--color-danger: #e53935;--color-muted: #6b7280;--color-bg: #ffffff;--color-surface: #ffffff;--color-border: #e5e7eb}.container{max-width:1200px;margin:0 auto;padding:24px}.container.app-shell--collapsed{max-width:none;width:100%;padding:0;margin:0}.app-shell{display:grid;grid-template-columns:240px 1fr;gap:24px}.app-shell--collapsed{grid-template-columns:0 1fr}.app-shell--collapsed .sidebar{display:none}.app-shell--collapsed{gap:0}.app-shell--collapsed main{width:100%;grid-column:1 / -1}.app-shell--collapsed .pos-shell{padding:0}.app-shell--collapsed .pos-content{margin:0}.sb-toggle{position:fixed;top:10px;left:10px;z-index:1000;background:#fff;color:var(--color-primary);border:1px solid var(--color-border);border-radius:10px;padding:8px 10px;box-shadow:0 6px 16px #0000001f;cursor:pointer}.card{background:var(--color-surface);border-radius:12px;padding:16px;border:1px solid var(--color-border);box-shadow:0 4px 14px #00000014}.shadow-sm{box-shadow:0 1px 3px #00000014}.shadow{box-shadow:0 4px 12px #0000001a}.shadow-lg{box-shadow:0 12px 24px #0000001f}.navbar{position:sticky;top:0;z-index:50;padding:12px 24px;box-shadow:0 6px 16px #0000001f}.navbar .brand{font-weight:700;letter-spacing:.2px}.navbar .nav{display:flex;gap:16px}.navbar .actions{display:flex;gap:8px}.navbar--orange{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-700));color:#fff}.navbar--orange a{color:#fff;opacity:.95}.navbar--orange a:hover{opacity:1;text-decoration:underline}.navbar--light{background:#fff;color:#111827}.navbar--light a{color:var(--color-primary);opacity:1}.navbar--light a:hover{color:var(--color-primary-700);text-decoration:underline}.sidebar{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:16px;box-shadow:0 8px 20px #00000014;height:fit-content;position:sticky;top:16px}.sb-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sb-brand{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 12px #ff6a0066}.sb-title{font-weight:700}.sb-nav{display:flex;flex-direction:column;gap:6px}.sb-link{display:block;padding:10px 12px;border-radius:10px;color:#111827;border:1px solid transparent}.sb-link:hover{background:#fff7f0}.sb-link.active{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-700));color:#fff;box-shadow:0 6px 16px #ff6a0040}.sb-footer{margin-top:12px;display:flex}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:10px 14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-700)}.btn-outline{background:#fff;color:var(--color-primary);border-color:var(--color-primary-700)}.btn-outline:hover{background:#fff3e6}.btn-secondary{background:#f3f4f6;color:#111827}.btn-secondary:hover{background:#e5e7eb}.btn-edit{background:var(--color-accent);color:#fff}.btn-edit:hover{background:#fb8c00}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{filter:brightness(.95)}.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #0000000f}.table thead th{background:#fff3e6;color:#7c2d12;text-align:left;padding:12px;border-bottom:1px solid var(--color-border)}.table tbody td{padding:12px;border-bottom:1px solid var(--color-border)}.table-striped tbody tr:nth-child(odd){background:#fffaf5}.table-hover tbody tr:hover{background:#fff5ef}input,select,textarea{border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-700);box-shadow:0 0 0 3px #ff6a0026}label{color:#374151}a{color:var(--color-primary)}a:hover{color:var(--color-primary-700)}#root{max-width:1280px;margin:0 auto;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:1.25em}.read-the-docs{color:#888}.pos-shell{background:#fff5ef;min-height:100vh;padding:16px}.pos-content{display:grid;grid-template-columns:minmax(280px,1fr) 360px;gap:16px;max-width:100%;margin:0 auto;background:transparent}.pos-left,.pos-right{background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 20px #00000014}.pos-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.brand{width:36px;height:36px;border-radius:50%;background:#ff6a00;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 12px #ff6a0066}.search{flex:1;border:1px solid var(--border);border-radius:12px;padding:10px 12px}.user{color:var(--gray)}.tabs{display:flex;gap:8px;margin:12px 0}.tabs button{border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:12px;cursor:pointer}.tabs button.active{background:#ff6a00;color:#fff;border-color:#ff6a00}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.chip{border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:24px;cursor:pointer}.chip.selected{border-color:#ff6a00;color:#ff6a00}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card{border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 14px #0000000f}.thumb{width:100%;height:110px;border-radius:8px;background:#f3f3f3;display:flex;align-items:center;justify-content:center;font-size:24px;color:#bbb}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.title{font-weight:600}.price{color:#333}.add{background:#ff6a00;color:#fff;border:none;padding:10px 12px;border-radius:10px;cursor:pointer}.bill-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto}.bill-item{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;border-bottom:1px dashed var(--border);padding-bottom:8px}.bill-name{font-weight:600}.bill-sub{color:var(--gray);font-size:12px}.qty-ctrl{display:flex;align-items:center;gap:8px}.qty-ctrl button{width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}.remove{border:none;background:transparent;font-size:20px;color:#999;cursor:pointer}.summary{margin-top:12px;display:flex;flex-direction:column;gap:6px}.summary .row{display:flex;justify-content:space-between;align-items:center}.summary .row.total{font-weight:700}.tax-block{display:flex;align-items:center;gap:8px}.payments{margin-top:12px}.pay-methods{display:flex;gap:8px}.pay-chip{border:1px solid var(--border);border-radius:12px;padding:8px 12px;cursor:pointer;display:flex;gap:8px;align-items:center}.pay-chip.selected{border-color:#ff6a00;color:#ff6a00}.primary{width:100%;margin-top:12px;background:#ff6a00;color:#fff;border:none;padding:12px;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 8px 20px #ff6a0040}.error{color:#d33;margin-bottom:8px}.empty{color:var(--gray)}@media(max-width:1200px){.pos-content{grid-template-columns:1fr 320px;gap:12px}}@media(max-width:960px){.pos-content{grid-template-columns:1fr}.pos-shell{padding:12px}}.client-block{margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.client-search,.client-select{border:1px solid var(--border);border-radius:12px;padding:10px 12px}