:root{--primary:#ef4b43;--accent:#90d900;--dark:#102f28;--line:#dfe5e2}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(360px,42%) 1fr;background:#fff}.login-brand-panel{padding:38px clamp(30px,5vw,78px);background:linear-gradient(150deg,#0d322a,#184c3e);color:#fff;display:flex;flex-direction:column}.brand-lockup,.work-brand{display:flex;align-items:center;gap:13px}.brand-lockup strong,.work-brand strong{display:block;font-size:23px}.brand-lockup small,.work-brand small{display:block;letter-spacing:.16em;font-size:10px;font-weight:800;opacity:.7;margin-top:3px}.brand-mark{width:62px;height:62px;border-radius:18px;background:var(--accent);color:#132c23;display:grid;place-items:center;font-size:20px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.16)}.brand-mark.small{width:46px;height:46px;border-radius:13px}.login-message{margin:auto 0}.login-message>span{color:#c6f367;font-size:12px;letter-spacing:.18em;font-weight:900}.login-message h1{font-size:clamp(38px,4vw,66px);line-height:1.03;max-width:700px;margin:18px 0}.login-message p{font-size:17px;line-height:1.65;color:#d7e7e1;max-width:600px}.edge-state{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.07);width:max-content}.edge-state i{width:13px;height:13px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 7px rgba(144,217,0,.13)}.edge-state small{display:block;color:#b8cbc4;margin-top:3px}.login-touch-panel{padding:30px clamp(28px,5vw,80px);display:flex;flex-direction:column;justify-content:center;max-width:900px;width:100%;margin:auto}.login-title{display:flex;align-items:center;gap:12px;margin:16px 0 12px}.login-title>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9f1ee;color:#1a5645;font-weight:900}.login-title b,.login-title small{display:block}.login-title small{color:#7b8984;margin-top:2px}.login-users{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.login-user{min-height:74px;border:2px solid #e1e7e4;border-radius:15px;background:#fff;padding:10px 14px;display:flex;align-items:center;gap:12px;text-align:left}.login-user.selected{border-color:var(--primary);background:#fff4f3}.user-avatar{width:46px;height:46px;border-radius:13px;background:#e6f2ed;color:#174738;display:grid;place-items:center;font-weight:950}.login-user b,.login-user small{display:block}.login-user small{color:#7a8983;margin-top:3px}.pin-dots{height:54px;border:2px solid #dfe7e3;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.pin-dots i{width:13px;height:13px;border-radius:50%;background:#d7dfdc}.pin-dots i.filled{background:var(--primary)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pin-pad button{min-height:62px;border:0;border-radius:14px;background:#edf1ef;font-size:24px;font-weight:900}.pin-pad button:active{background:#dbe7e2;transform:scale(.98)}.pin-pad button span{display:block;font-size:9px;font-weight:800}.pin-pad .pin-clear{background:#ffe8e5;color:#af312a}.pin-pad .pin-back{background:#e2ece8;color:#1b4b3d}.login-button{margin-top:12px;min-height:60px;border:0;border-radius:15px;background:var(--primary);color:#fff;font-weight:900;font-size:17px}.login-button:disabled{opacity:.4}.login-error{height:22px;color:#c03932;font-weight:800;text-align:center;margin:8px 0 0}.workstation{height:100vh;display:grid;grid-template-rows:76px 1fr 34px;overflow:hidden}.work-header{display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:#fff}.work-brand{min-width:235px}.channel-nav{height:100%;display:flex;align-items:center;gap:7px;flex:1}.channel-button{min-width:112px;height:56px;border:0;border-radius:14px;background:#eef1f0;color:#20372f;font-weight:900;display:grid;grid-template-columns:30px 1fr;align-items:center;padding:0 14px}.channel-button svg{width:24px;height:24px}.channel-button.active{background:var(--primary);color:#fff}.channel-button b{font-size:17px}.channel-button small{display:block;font-size:9px;opacity:.72}.header-tools{display:flex;align-items:center;gap:8px}.header-pill{height:48px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 13px;font-weight:800;display:flex;align-items:center;gap:7px}.header-pill i{width:8px;height:8px;background:#39ad79;border-radius:50%}.header-pill b{min-width:20px;height:20px;border-radius:50%;background:#eef2f0;display:grid;place-items:center}.staff-pill{height:54px;border:0;background:#fff;display:flex;align-items:center;gap:10px;text-align:right}.staff-pill>span{width:42px;height:42px;border-radius:12px;background:#173f35;color:#fff;display:grid;place-items:center;font-weight:900}.staff-pill b,.staff-pill small{display:block}.staff-pill small{font-size:10px;color:#6e7d77}.icon-button{width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:23px}.pos-workspace{display:grid;grid-template-columns:148px minmax(460px,1fr) minmax(360px,510px);min-height:0}.context-rail{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.context-icon{height:62px;display:grid;place-items:center;border-bottom:1px solid var(--line);color:#34564b}.context-icon svg{width:28px;height:28px}.context-list{padding:8px;display:grid;gap:7px;overflow:auto}.context-button{min-height:56px;border:0;border-radius:11px;background:#eef1f0;font-weight:850}.context-button.active{background:var(--primary);color:#fff}.rail-footer{margin-top:auto;padding:8px;display:grid;gap:7px}.rail-action{min-height:46px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:800}.catalog-area{display:grid;grid-template-rows:78px 1fr;min-width:0;background:#f1f3f2}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid var(--line)}.catalog-toolbar span{font-size:10px;color:#308167;letter-spacing:.15em;font-weight:900}.catalog-toolbar h1{margin:4px 0 0;font-size:26px}.catalog-actions{display:flex;gap:8px}.catalog-content{padding:12px;overflow:auto}.zone-title{margin:7px 2px;font-size:18px}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:9px;margin-bottom:16px}.table-card{min-height:124px;background:#fff;border:2px solid transparent;border-radius:14px;padding:14px;text-align:left;display:flex;flex-direction:column}.table-card h3{font-size:24px;margin:0}.table-card p{margin:7px 0;color:#65756f;font-weight:700}.table-card footer{margin-top:auto;padding:7px 9px;border-radius:9px;background:#e9edef;text-align:center;font-size:11px;font-weight:900}.table-card.OCCUPIED{background:#f1ffe2;border-color:#85cf22}.table-card.OCCUPIED footer{background:#51ce66;color:#fff}.table-card.RESERVED{background:#fffbd5;border-color:#ffdb32}.table-card.RESERVED footer{background:#ffdf47}.table-card.selected{outline:3px solid #184f40}.product-search{margin-bottom:10px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.product-card{min-height:160px;border:1px solid #dce3e0;border-radius:15px;background:#fff;padding:14px;text-align:left;display:flex;flex-direction:column}.product-card:active{border-color:var(--primary);transform:scale(.99)}.product-image{width:54px;height:54px;border-radius:15px;background:#eff7d8;display:grid;place-items:center;font-size:29px}.product-card h3{margin:14px 0 4px;font-size:16px}.product-card p{margin:0;color:#718079;font-size:11px;font-weight:700}.product-card b{margin-top:auto;text-align:right;font-size:16px}.check-panel{background:#fff;border-left:1px solid var(--line);display:grid;grid-template-rows:auto auto 1fr auto auto;min-height:0}.check-head{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.check-head span{font-size:9px;color:#8a9893;font-weight:900;letter-spacing:.12em}.check-head h2{margin:4px 0 2px}.check-head small{color:#6d7c76}.check-tabs{display:flex;gap:5px;padding:8px 12px;overflow:auto}.check-tab{min-width:90px;height:38px;border:0;border-radius:9px;background:#edf1ef;font-weight:800}.check-tab.active{background:#173f35;color:#fff}.check-lines{overflow:auto}.check-empty{height:100%;display:grid;place-items:center;text-align:center;color:#718079;padding:30px}.check-empty strong{font-size:40px;color:#6a7b74}.check-line{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #e8ecea}.line-qty{height:34px;border-radius:9px;background:#fff0dd;color:#a85d00;display:grid;place-items:center;font-weight:900}.check-line b,.check-line small{display:block}.check-line small{color:#86928e;margin-top:3px}.line-actions{display:grid;justify-items:end;gap:5px}.qty-actions{display:flex;gap:4px}.qty-actions button{width:30px;height:30px;border:0;border-radius:8px;background:#edf1ef;font-weight:900}.sent-tag{font-size:9px!important;color:#2d8a68!important}.check-totals{padding:12px 16px;background:#f4f6f5}.total-row{display:flex;justify-content:space-between;margin:6px 0;font-size:13px}.total-row.grand{font-size:20px;font-weight:950;padding-top:9px;border-top:1px solid #d6dedb}.check-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 14px}.check-actions .btn{height:62px;font-size:17px}.check-actions .btn:disabled{opacity:.4}.work-footer{display:flex;align-items:center;gap:20px;padding:0 12px;background:#fff;border-top:1px solid var(--line);font-size:10px}.work-footer span{display:flex;align-items:center;gap:5px}.work-footer i{width:8px;height:8px;border-radius:50%;background:#f0a038}.work-footer i.green{background:#61bd16}.footer-clock{margin-left:auto;font-family:monospace}.warehouse-workspace{display:grid;grid-template-columns:260px 1fr;min-height:0}.warehouse-nav{padding:22px;background:#12382f;color:#fff}.warehouse-nav h2{font-size:31px;margin:0}.warehouse-nav p{color:#a9c0b8;margin:4px 0 25px}.warehouse-nav button{width:100%;min-height:54px;border:0;border-radius:12px;background:transparent;color:#c9d8d3;text-align:left;padding:0 14px;font-weight:850;margin-bottom:5px}.warehouse-nav button.active{background:var(--accent);color:#173025}.warehouse-tip{margin-top:30px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#b9ccc5;font-size:12px;line-height:1.5}.warehouse-main{padding:24px;overflow:auto}.warehouse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.warehouse-header h1{margin:0}.stock-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.stock-card{padding:16px}.stock-card-head{display:flex;justify-content:space-between;gap:9px}.stock-card h3{margin:0}.stock-card p{color:#72827b}.stock-value{font-size:26px;font-weight:950}.stock-card.low{border-color:#ffc86f}.stock-card.negative{border-color:#e84e47;background:#fff5f4}.progress{height:7px;background:#edf1ef;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:#4db883}.stock-card.low .progress i{background:#f1a63d}.stock-card.negative .progress i{background:#db453e}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden}.data-table th,.data-table td{padding:13px;border-bottom:1px solid #e6ebe8;text-align:left}.data-table th{font-size:10px;color:#718079;text-transform:uppercase}.status{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:#e9f6ef;color:#237755;font-size:10px;font-weight:900}.status.draft{background:#fff0d7;color:#965d00}.line-editor{display:grid;grid-template-columns:1fr 130px 150px 48px;gap:8px;margin-bottom:8px}.line-editor button{border:0;border-radius:10px;background:#ffe6e3;color:#a9322c;font-weight:900}.modal-note{padding:12px;border-radius:11px;background:#eef6f2;color:#41665a;font-size:12px;margin:10px 0}@media(max-width:1250px){.work-brand{min-width:160px}.work-brand>div{display:none}.channel-button{min-width:90px}.header-pill span{display:none}.pos-workspace{grid-template-columns:125px minmax(420px,1fr) 380px}}@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-brand-panel{display:none}.workstation{min-width:900px}.touch-keyboard-backdrop{min-width:900px}}
.login-touch-panel .field{min-height:76px;font-size:20px;padding:0 22px;border-radius:16px;border-width:2px;margin-bottom:14px}
.login-touch-panel .login-button{min-height:78px;font-size:20px;border-radius:16px;margin-top:18px}
#loginPicker{border:2px solid #e4e9e6;border-radius:26px;padding:30px 28px;background:#fff;box-shadow:0 18px 50px -30px rgba(16,47,40,.25)}
#loginStaffList.wselect{width:100%}
#loginStaffList .wselect-btn{min-height:76px;height:76px;padding:0 20px;gap:14px;border-radius:16px;border-width:2px}
#loginStaffList .wselect-btn .user-avatar,#loginStaffList .wselect-option .user-avatar{width:48px;height:48px;font-size:18px;border-radius:12px}
#loginStaffList .wselect-current b{font-size:18px}
#loginStaffList .wselect-current small{font-size:12px}
#loginStaffList .wselect-btn svg{width:22px;height:22px}
#loginStaffList .wselect-menu{padding:8px}
#loginStaffList .wselect-option{min-height:56px;padding:8px 12px;border-radius:12px;gap:14px}
#loginPinArea{width:100%}
.pin-dots{height:66px;border-radius:17px;gap:16px}
.pin-dots i{width:16px;height:16px}
.pin-pad button{min-height:76px;font-size:28px;border-radius:16px}
#terminalResetLink{width:100%;margin:14px auto 0;text-align:center}
.reservation-list{display:grid;gap:8px;margin-bottom:18px}
.reservation-row{align-items:center;background:#fff;border:1px solid #e6ebe8;border-radius:13px}
.reservation-row .line-actions{align-items:flex-end;gap:8px}
.reservation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.reservation-btn{min-height:36px;padding:0 12px;font-size:12px;border-radius:9px}
#loginStaffSelect{margin-bottom:14px}
#loginStaffSelect .wselect-btn{min-height:68px}