:root{--color-bg-primary: #121214;--color-bg-secondary: #1c1c1e;--color-bg-surface: #2a2a2e;--color-bg-surface-hover: #3a3a3e;--color-bg-overlay: rgba(0, 0, 0, .75);--color-text-primary: #f5f5f7;--color-text-secondary: #a1a1a6;--color-text-muted: #636366;--color-accent-green: #30d158;--color-accent-green-hover: #28b84c;--color-accent-red: #ff453a;--color-accent-red-hover: #d93025;--color-accent-blue: #0a84ff;--color-stock-green: #4cd964;--color-stock-orange: #ff9500;--color-stock-red: #ff3b30;--color-border: #38383a;--touch-min: 48px;--touch-comfortable: 56px;--touch-large: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;overflow:hidden}#root{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,[role=button]{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}input,textarea{font-size:16px}.toast-container{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;color:#fff;pointer-events:auto;animation:toast-in .2s ease-out;white-space:nowrap}.toast--success{background-color:var(--color-accent-green);color:#000}.toast--error{background-color:var(--color-accent-red)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:150}.confirm-dialog{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:90%;max-width:400px}.confirm-dialog__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.confirm-dialog__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg)}.confirm-dialog__actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.confirm-dialog__btn{min-height:var(--touch-comfortable);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer}.confirm-dialog__btn--cancel{background-color:var(--color-bg-surface);color:var(--color-text-primary)}.confirm-dialog__btn--cancel:active{background-color:var(--color-bg-surface-hover)}.confirm-dialog__btn--confirm{background-color:var(--color-accent-red);color:#fff}.confirm-dialog__btn--confirm:active{background-color:var(--color-accent-red-hover)}.modal-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{width:90%;max-width:480px;max-height:90vh;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);overflow-y:auto}.modal-content__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-lg)}.modal-content__field{margin-bottom:var(--spacing-md)}.modal-content__label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.modal-content__input{width:100%;height:var(--touch-comfortable);padding:0 var(--spacing-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);outline:none}.modal-content__input:focus{border-color:var(--color-accent-blue)}.modal-content__select{width:100%;height:var(--touch-comfortable);padding:0 var(--spacing-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;appearance:none}.modal-content__select:focus{border-color:var(--color-accent-blue)}.modal-content__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.modal-content__actions--between{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-comfortable);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color .15s}.btn--green{background-color:var(--color-accent-green);color:#000}.btn--green:active{background-color:var(--color-accent-green-hover)}.btn--red{background-color:var(--color-accent-red);color:#fff}.btn--red:active{background-color:var(--color-accent-red-hover)}.btn--ghost{background-color:var(--color-bg-surface);color:var(--color-text-primary)}.btn--ghost:active{background-color:var(--color-bg-surface-hover)}.btn--flex{flex:1}.btn:disabled{opacity:.4;cursor:not-allowed}.threshold-section{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.threshold-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.threshold-indicator{width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0}.threshold-indicator--green{background-color:var(--color-stock-green)}.threshold-indicator--orange{background-color:var(--color-stock-orange)}.threshold-indicator--red{background-color:var(--color-stock-red)}.threshold-sign{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);width:24px;text-align:center;flex-shrink:0}.threshold-input{width:80px;height:44px;padding:0 var(--spacing-sm);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;text-align:center}.threshold-range{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-secondary);width:56px;text-align:center;background-color:var(--color-bg-surface);border-radius:var(--radius-sm);padding:var(--spacing-sm) 0}.product-add__search{margin-bottom:var(--spacing-md)}.product-add__results{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-add__item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:background-color .15s}.product-add__item:active{background-color:var(--color-bg-surface-hover)}.product-add__item-info{display:flex;flex-direction:column;min-width:0}.product-add__item-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-add__item-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.product-add__item-stock{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-secondary);flex-shrink:0;margin-left:var(--spacing-md)}.product-add__empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted)}.product-add__loading{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.numeric-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.numeric-keypad__btn{height:var(--touch-large);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:background-color .1s;padding:0}.numeric-keypad__btn:active{background-color:var(--color-bg-surface-hover)}.numeric-keypad__btn--minus,.numeric-keypad__btn--plus{border-color:var(--color-border)}.numeric-keypad__btn--clear{background-color:var(--color-accent-red);border-color:var(--color-accent-red);color:#fff}.numeric-keypad__btn--clear:active{background-color:var(--color-accent-red-hover)}.numeric-keypad__btn--confirm{background-color:var(--color-accent-green);border-color:var(--color-accent-green);color:#000}.numeric-keypad__btn--confirm:active{background-color:var(--color-accent-green-hover)}.numeric-keypad__btn--function{background-color:var(--color-bg-secondary);border-color:var(--color-stock-orange);color:var(--color-stock-orange);font-size:var(--font-size-base)}.numeric-keypad__btn--function:active{background-color:var(--color-bg-surface)}.stock-edit{width:90%;max-width:480px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stock-edit__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.stock-edit__product-name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);line-height:1.2}.stock-edit__current-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);white-space:nowrap}.stock-edit__display{width:100%;height:var(--touch-large);padding:0 var(--spacing-md);background-color:#e8e8e8;border:none;border-radius:var(--radius-md);color:#000;font-size:var(--font-size-2xl);font-weight:700;text-align:right;display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--spacing-lg)}.stock-edit__display--warning{border:2px solid var(--color-accent-red)}.stock-edit__warning{color:var(--color-accent-red);font-size:var(--font-size-sm);font-weight:600;text-align:center;margin-top:calc(-1 * var(--spacing-md));margin-bottom:var(--spacing-sm)}.stock-edit__keypad{margin-bottom:var(--spacing-lg)}.stock-edit__actions{display:flex;gap:var(--spacing-md)}.app-shell{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-shell__content{flex:1;overflow:hidden;display:flex;flex-direction:column}.list-item{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--touch-large);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-accent-green);border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s}.list-item:active{opacity:.85}.list-item__label{font-size:var(--font-size-xl);font-weight:700;color:#000;text-transform:uppercase;text-align:center;letter-spacing:.5px}.list-item__gear{position:absolute;right:var(--spacing-md);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#00000026;border:none;border-radius:var(--radius-sm);color:#000;cursor:pointer;padding:0}.list-item__gear:active{background-color:#0000004d}.action-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--touch-large);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-surface);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background-color .15s}.action-btn:active{background-color:var(--color-bg-surface-hover)}.home-page{display:flex;flex-direction:column;flex:1;overflow-y:auto}.home-page__header{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.home-page__logo{text-align:center;font-size:3rem;font-weight:300;letter-spacing:4px;color:var(--color-text-primary)}.home-page__logout{position:absolute;right:var(--spacing-md);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:0}.home-page__logout:active{background-color:var(--color-bg-surface)}.home-page__list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-md)}.home-page__loading{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);font-size:var(--font-size-base)}.home-page__empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl);font-size:var(--font-size-lg)}.topbar{display:flex;align-items:center;height:60px;padding:0 var(--spacing-md);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0}.topbar__back{display:flex;align-items:center;justify-content:center;width:var(--touch-comfortable);height:var(--touch-comfortable);background:none;border:none;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);padding:0;margin-right:var(--spacing-sm)}.topbar__back:active{background-color:var(--color-bg-surface)}.topbar__title{flex:1;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.categories-page__list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);flex:1;overflow-y:auto}.categories-page__loading{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);font-size:var(--font-size-base)}.categories-page__empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl);font-size:var(--font-size-lg)}.product-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-lg);min-height:160px;cursor:pointer;transition:opacity .15s;-webkit-user-select:none;user-select:none}.product-card:active{opacity:.85}.product-card--green{background-color:var(--color-stock-green)}.product-card--orange{background-color:var(--color-stock-orange)}.product-card--red{background-color:var(--color-stock-red)}.product-card__menu{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#0009;cursor:pointer;padding:0;border-radius:var(--radius-sm)}.product-card__menu:active{background-color:#00000026}.product-card__name{font-size:var(--font-size-lg);font-weight:700;color:#000;text-align:center;word-break:break-word;line-height:1.2}.product-card__controls{display:flex;gap:var(--spacing-sm)}.product-card__btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background-color:#ffffff4d;border:2px solid rgba(0,0,0,.3);border-radius:var(--radius-md);color:#000;cursor:pointer;padding:0;font-size:var(--font-size-xl)}.product-card__btn:active{background-color:#ffffff80}.product-card__stock{font-size:var(--font-size-xl);font-weight:700;color:#000}.product-grid{flex:1;overflow-y:auto;padding:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);align-content:start}.product-list__empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-muted);font-size:var(--font-size-lg);text-align:center;padding:var(--spacing-xl)}.product-list__loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-secondary)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:var(--spacing-lg);background-color:var(--color-bg-primary)}.login-page__logo{font-size:3rem;font-weight:800;color:var(--color-accent-green);letter-spacing:2px;text-transform:lowercase;margin-bottom:var(--spacing-xl)}.login-page__display{width:220px;height:var(--touch-large);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:8px;margin-bottom:var(--spacing-md)}.login-page__error{color:var(--color-accent-red);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.login-page__keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);width:220px}.login-key{height:var(--touch-large);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:background-color .1s;padding:0}.login-key:active{background-color:var(--color-bg-surface-hover)}.login-key--clear{background-color:var(--color-accent-red);border-color:var(--color-accent-red);color:#fff}.login-key--clear:active{background-color:var(--color-accent-red-hover)}.login-key--confirm{background-color:var(--color-accent-green);border-color:var(--color-accent-green);color:#000}.login-key--confirm:active{background-color:var(--color-accent-green-hover)}.login-key:disabled{opacity:.4;cursor:not-allowed}