:root{--color-primary: #10b981;--color-primary-dark: #059669;--color-primary-light: #d1fae5;--color-primary-hover: #047857;--color-bg-base: #f8fafc;--color-bg-surface: #ffffff;--color-bg-sidebar: #0f172a;--color-bg-sidebar-hover: #1e293b;--color-bg-muted: #f1f5f9;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-text-white: #ffffff;--color-border: #e2e8f0;--color-border-focus: #10b981;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #b91c1c;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:text;user-select:text}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-main);height:100vh;width:100vw;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-height:48px;font-size:16px;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .15s ease-in-out;touch-action:manipulation}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-bg-muted);color:var(--color-text-main);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark)}.btn-outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text-main)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-muted)}.btn-touch-large{min-height:56px;padding:16px 24px;font-size:18px}.input{width:100%;padding:12px 16px;min-height:48px;font-size:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);color:var(--color-text-main);outline:none;transition:border-color .15s}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #10b98133}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;border-radius:var(--radius-full);border:1px solid transparent}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .15s ease-out}.modal-content{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .15s ease-out}.modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:20px;font-weight:700}.modal-body{padding:24px;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:12px;background-color:var(--color-bg-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}html{height:100%}body,#root{height:100vh;height:100dvh;width:100%}body{overflow-x:hidden}:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.btn:focus-visible,.input:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{max-width:1280px;width:100%;margin:0 auto}.page-header{flex-wrap:wrap;gap:12px}@media(max-width:760px){.page{padding:12px!important;gap:12px!important}.page-header h1{font-size:20px!important}.page-header>*{max-width:100%}.rtable,.rtable tbody,.rtable tr,.rtable td{display:block;width:100%!important}.rtable thead{display:none}.rtable tr{margin:10px 0;padding:6px 12px;border:1px solid var(--color-border)!important;border-radius:var(--radius-md);background-color:var(--color-bg-surface)}.rtable td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0!important;text-align:right!important;border:none!important;overflow-wrap:anywhere}.rtable td+td{border-top:1px dashed var(--color-border)!important}.rtable td:before{content:attr(data-label);flex-shrink:0;max-width:45%;font-size:13px;font-weight:600;color:var(--color-text-muted);text-align:left}.rtable td[data-label=""]:before,.rtable-plain td:before{content:none}.rtable td[data-label=""]{justify-content:flex-end}.rtable-plain td{display:block;text-align:left!important}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%!important;max-height:100dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.modal-footer>*{flex:1 1 auto}}.owner-shell{display:flex;height:100%;width:100%;overflow:hidden}.owner-sidebar{width:250px;background-color:var(--color-bg-sidebar);color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.owner-nav-btn{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border-radius:var(--radius-md);border:none;background-color:transparent;color:#cbd5e1;font-size:15px;font-weight:500;cursor:pointer;text-align:left;touch-action:manipulation}.owner-nav-btn[aria-current=page]{background-color:var(--color-primary);color:#fff;font-weight:700}.owner-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.owner-topbar{min-height:60px;background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:env(safe-area-inset-top) max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));flex-shrink:0}.owner-menu-btn,.owner-bottomnav,.owner-scrim{display:none}.owner-content{flex:1;overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg-base);-webkit-overflow-scrolling:touch}@media(max-width:899px){.owner-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);z-index:900;transform:translate(-102%);transition:transform .2s ease-out;box-shadow:var(--shadow-lg)}.owner-sidebar.open{transform:translate(0)}.owner-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;background:#0f172a80}.owner-topbar{min-height:56px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.owner-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:var(--radius-md);background:transparent;font-size:24px;cursor:pointer}.owner-topbar-user{display:none!important}.owner-bottomnav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border);background-color:var(--color-bg-surface);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0}.owner-bottomnav button{min-height:56px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:600;color:var(--color-text-muted);cursor:pointer;touch-action:manipulation}.owner-bottomnav button[aria-current=page]{color:var(--color-primary-dark)}.owner-bottomnav span[aria-hidden]{font-size:20px}}.pos-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);min-height:64px;flex-wrap:wrap}.pos-header .btn{white-space:nowrap}.pos-workspace{flex:1;display:flex;overflow:hidden;min-height:0}.pos-catalog{flex:1;min-width:0}.pos-cart{width:380px;flex-shrink:0;height:100%;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.pos-product{touch-action:manipulation}.pos-product:active{transform:scale(.98)}@media(max-width:1023px){.pos-cart{width:320px}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pos-header-brand-text{display:none!important}}@media(max-width:719px){.pos-workspace{flex-direction:column;overflow-y:auto}.pos-catalog{overflow:visible!important}.pos-cart{width:100%;height:auto;min-height:60dvh;border-top:1px solid var(--color-border)}}@media(max-width:520px){.home-choices{grid-template-columns:1fr!important}}@media(max-width:899px){.owner-sidebar:not(.open){visibility:hidden;transition:transform .2s ease-out,visibility 0s linear .2s}}@media(pointer:coarse){.btn,.input,select,summary{min-height:44px!important}}@media(max-width:1199px){.pos-header-brand-text{display:none!important}}