:root{--accent-yellow:#febb02;--accent-orange:#fe6702;--accent:var(--accent-orange);--accent-bg:#fe67021a;--accent-gradient:linear-gradient(135deg, var(--accent-yellow), var(--accent-orange));--bg:#faf6ee;--surface:#fff;--text:#55504a;--text-h:#2a2420;--border:#ece5d8;--ok:#2b8a3e;--ok-bg:#2b8a3e1a;--warn:#c92a2a;--warn-bg:#c92a2a14;--shadow:0 1px 3px #2a24200f, 0 1px 2px #2a24200a;--shadow-md:0 4px 12px #2a242014, 0 2px 4px #2a24200d;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif:Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;font:16px/1.5 var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--accent-yellow:#ffc933;--accent-orange:#ff8a3d;--accent:var(--accent-orange);--accent-bg:#ff8a3d29;--bg:#211d19;--surface:#2a2521;--text:#cdc4b8;--text-h:#f5efe4;--border:#3a332c;--ok-bg:#2b8a3e33;--warn-bg:#c92a2a26;--shadow:0 1px 3px #0000004d, 0 1px 2px #0000003d;--shadow-md:0 4px 12px #00000059, 0 2px 4px #0003}}*{box-sizing:border-box}*,:before,:after{border-radius:0}body{margin:0}h1{color:var(--text-h);font-family:var(--font-serif);margin:0 0 8px;font-size:28px;font-weight:600}.app{flex-direction:column;min-height:100svh;display:flex}.app-header{background:var(--surface);box-shadow:var(--shadow);z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:relative}.app-logo{width:auto;height:36px;display:block}.app-header nav{gap:16px;display:flex}.app-header nav a{color:var(--text);padding:6px 10px;font-weight:500;text-decoration:none}.app-header nav a.active{color:var(--accent);background:var(--accent-bg)}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 20px 48px}.status-banner{box-shadow:var(--shadow);margin-top:16px;padding:12px 16px;font-size:14px}.status-ok{color:var(--ok);background:var(--ok-bg)}.status-warn{color:var(--warn);background:var(--warn-bg)}.login-screen{justify-content:center;padding:24px 16px 48px;display:flex}.login-step{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;display:flex}.login-step h1{margin:0}.login-subtitle{color:var(--text);margin:0}.login-status{color:var(--text);margin:4px 0;font-size:14px}.login-status-error{color:var(--warn)}.role-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-bg);color:var(--accent);padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.role-badge-management{background:var(--ok-bg);color:var(--ok)}.role-badge-owner{background:var(--warn-bg);color:var(--warn)}.owner-login-form{text-align:left;flex-direction:column;gap:6px;width:100%;max-width:280px;display:flex}.owner-login-label{color:var(--text-h);margin-top:8px;font-size:13px;font-weight:600}.owner-login-form input{background:var(--surface);box-shadow:var(--shadow);color:var(--text-h);font:inherit;border:none;padding:10px}.owner-login-form .login-submit{max-width:none;margin-top:16px}.account-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;width:100%;margin-top:8px;display:grid}.account-card{background:var(--surface);box-shadow:var(--shadow);color:var(--text);cursor:pointer;text-align:left;font:inherit;border:none;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.account-card:hover:not(:disabled){box-shadow:var(--shadow-md)}.account-card:disabled{opacity:.5;cursor:not-allowed}.account-name{color:var(--text-h);font-size:17px;font-weight:600}.account-id{color:var(--text);opacity:.75;font-size:12px}.account-branches{color:var(--text);font-size:13px}.branch-list{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.branch-option{background:var(--surface);box-shadow:var(--shadow);color:var(--text-h);font:inherit;cursor:pointer;border:none;padding:16px;font-weight:600}.branch-option:hover{box-shadow:var(--shadow-md)}.pin-dots{gap:12px;margin:8px 0;display:flex}.pin-dot{border:2px solid var(--border);border-radius:50%;width:16px;height:16px}.pin-dot-filled{background:var(--accent);border-color:var(--accent)}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:280px;margin:8px 0;display:grid}.keypad-key{aspect-ratio:1;background:var(--surface);box-shadow:var(--shadow);color:var(--text-h);cursor:pointer;border:none;font-size:22px}.keypad-key-text{font-size:14px}.keypad-key:hover:not(:disabled){box-shadow:var(--shadow-md)}.keypad-key:disabled{opacity:.5;cursor:not-allowed}.login-submit{background:var(--accent-gradient);color:#fff;width:100%;max-width:280px;font:inherit;cursor:pointer;border:none;margin-top:8px;padding:14px;font-weight:600}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-back{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;margin-top:4px;text-decoration:underline}.login-back:disabled{opacity:.5;cursor:not-allowed}.add-account{flex-direction:column;gap:10px;max-width:420px;margin:0 auto;display:flex}.add-account h1{margin:0}.add-account-success{color:var(--ok)}.add-account-form{flex-direction:column;gap:6px;margin-top:8px;display:flex}.add-account-form label,.add-account-field-label{color:var(--text-h);margin-top:8px;font-size:13px;font-weight:600}.add-account-form input,.add-account-form select{border:1px solid var(--border);color:var(--text-h);font:inherit;background:0 0;padding:10px}.add-account-branches{border:1px solid var(--border);flex-direction:column;gap:6px;padding:8px;display:flex}.add-account-branch-option{align-items:center;gap:8px;font-size:14px;font-weight:400;display:flex}.add-account-form .login-submit{max-width:none;margin-top:16px}.pos-page{flex-direction:column;gap:12px;max-width:1000px;margin:0 auto;display:flex}.pos-status{color:var(--text);font-size:14px}.pos-branch-picker{align-items:center;gap:8px;font-size:14px;display:flex}.pos-branch-picker select{background:var(--surface);box-shadow:var(--shadow);color:var(--text-h);font:inherit;border:none;padding:6px 10px}.pos-layout{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}@media (width<=720px){.pos-layout{grid-template-columns:1fr}}.product-group{margin-bottom:20px}.product-group h2{color:var(--text-h);margin:0 0 8px;font-size:16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.product-tile{background:var(--surface);box-shadow:var(--shadow);color:var(--text);cursor:pointer;text-align:left;font:inherit;border:none;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex;position:relative}.product-tile:hover:not(:disabled){box-shadow:var(--shadow-md)}.product-tile:disabled{opacity:.4;cursor:not-allowed}.product-tile-name{color:var(--text-h);font-size:14px;font-weight:600}.product-tile-price{color:var(--accent);font-size:14px}.product-tile-stock{opacity:.75;font-size:11px}.product-tile-badge{background:var(--accent-gradient);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.pos-cart{background:var(--surface);box-shadow:var(--shadow-md);border:none;flex-direction:column;gap:10px;padding:16px;display:flex;position:sticky;top:12px}.pos-cart-header h2{color:var(--text-h);margin:0;font-size:16px}.pos-receipt-count{color:var(--text);opacity:.8;font-size:12px}.pos-cart-lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pos-cart-line{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:8px;font-size:13px;display:flex}.pos-cart-line:last-child{border-bottom:none;padding-bottom:0}.pos-cart-line-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.pos-cart-line-name{color:var(--text-h)}.pos-cart-line-qty{align-items:center;gap:6px;display:flex}.pos-cart-line-qty button{background:var(--bg);width:24px;height:24px;box-shadow:var(--shadow);color:var(--text-h);cursor:pointer;border:none}.pos-cart-line-qty button:disabled{opacity:.4;cursor:not-allowed}.pos-cart-line-total{font-variant-numeric:tabular-nums;color:var(--text-h)}.pos-cart-line-discount{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.discount-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;padding:4px 8px;font-size:11px}.discount-toggle:disabled{opacity:.4;cursor:not-allowed}.discount-toggle-active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.voucher-input{color:var(--text);align-items:center;gap:2px;font-size:11px;display:flex}.voucher-input input{border:1px solid var(--border);width:70px;color:var(--text-h);font:inherit;background:0 0;padding:3px 6px;font-size:11px}.voucher-input input:disabled{opacity:.4;cursor:not-allowed}.discount-amount{color:var(--warn);font-size:11px}.pos-cart-summary{flex-direction:column;gap:4px;font-size:13px;display:flex}.pos-cart-summary-row{color:var(--text);justify-content:space-between;display:flex}.pos-cart-total{font-family:var(--font-serif);color:var(--text-h);border-top:1px solid var(--border);justify-content:space-between;margin-top:4px;padding-top:10px;font-size:18px;font-weight:700;display:flex}.pos-cart .login-submit{max-width:none}.pos-payment{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:10px;display:flex}.pos-payment-label{color:var(--text-h);font-size:13px;font-weight:600}.pos-payment-methods{flex-wrap:wrap;gap:6px;display:flex}.payment-method-option{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;padding:6px 10px;font-size:12px}.payment-method-option:disabled{opacity:.4;cursor:not-allowed}.payment-method-option-active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.pos-cash{flex-direction:column;gap:6px;margin-top:4px;display:flex}.pos-cash label{color:var(--text);font-size:12px}.pos-cash input{border:1px solid var(--border);color:var(--text-h);font:inherit;background:0 0;padding:8px 10px}.pos-change{color:var(--ok);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.pos-change-insufficient{color:var(--warn)}.receipt{background:var(--surface);max-width:380px;box-shadow:var(--shadow-md);flex-direction:column;gap:14px;margin:0 auto;padding:24px;font-size:14px;display:flex}.receipt-head{text-align:center}.receipt-head h1{margin:0 0 4px;font-size:18px}.receipt-meta{color:var(--text);opacity:.8;margin:0;font-size:12px}.receipt-items{border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);flex-direction:column;gap:8px;margin:0;padding:10px 0;list-style:none;display:flex}.receipt-item-row{color:var(--text-h);justify-content:space-between;display:flex}.receipt-item-discount{color:var(--warn);justify-content:space-between;padding-left:12px;font-size:12px;display:flex}.receipt-summary{flex-direction:column;gap:4px;display:flex}.receipt-summary-row{color:var(--text);justify-content:space-between;display:flex}.receipt-total{font-family:var(--font-serif);color:var(--text-h);border-top:1px solid var(--border);justify-content:space-between;margin-top:4px;padding-top:8px;font-size:19px;font-weight:700;display:flex}.receipt-change{color:var(--ok);font-weight:600}.receipt .login-submit{max-width:none}.products-page{flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;display:flex}.products-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.products-header h1{margin:0 auto 0 0}.products-add-btn{width:auto;max-width:none;margin-top:0;padding:10px 18px}.products-table-wrap{background:var(--surface);box-shadow:var(--shadow);overflow-x:auto}.products-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px}.col-name{width:26%}.col-category{width:20%}.col-money{width:10%}.col-type{width:12%}.col-status{width:10%}.col-actions{width:8%}.products-table th,.products-table td{text-align:left;overflow-wrap:break-word;padding:10px 14px}.products-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text);border-bottom:1px solid var(--border);white-space:nowrap;font-size:12px}.products-table td{color:var(--text-h);border-bottom:1px solid var(--border)}.products-table td:nth-child(3),.products-table td:nth-child(4),.products-table td:nth-child(5){white-space:nowrap;font-variant-numeric:tabular-nums}.products-table tbody tr:last-child td{border-bottom:none}.products-table tbody tr:hover{background:var(--accent-bg)}.products-edit-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;padding:5px 12px;font-size:12px}.products-edit-btn:hover{border-color:var(--accent);color:var(--accent)}.product-form{background:var(--surface);box-shadow:var(--shadow-md);flex-direction:column;gap:6px;padding:20px;display:flex}.product-form h2{font-family:var(--font-serif);color:var(--text-h);margin:0 0 4px;font-size:20px}.product-form label{color:var(--text-h);margin-top:8px;font-size:13px;font-weight:600}.product-form input,.product-form select{border:1px solid var(--border);color:var(--text-h);font:inherit;background:0 0;padding:10px}.product-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.product-form-actions{align-items:center;gap:16px;margin-top:12px;display:flex}.product-form-actions .login-submit{width:auto;max-width:none;margin-top:0}.product-form-actions .login-back{margin-top:0}