:root{color:#18201c;background:#f3f5f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.auth-layout{display:grid;grid-template-columns:minmax(350px,.85fr) minmax(500px,1.15fr);min-height:100vh}.auth-brand{background:#174438;color:#fff;display:flex;flex-direction:column;padding:clamp(30px,5vw,70px)}.brand-line{align-items:center;display:flex;gap:11px}.brand-line strong,.brand-line span{display:block}.brand-line strong{font-size:20px}.brand-line span{color:#bcd5cb;font-size:12px}.brand-mark{align-items:center;background:#f6ce54;border-radius:8px;color:#173f35;display:flex;height:38px;justify-content:center;width:38px}.auth-message{margin:auto 0;max-width:570px}.auth-message>p,.eyebrow{color:#6e7873;font-size:11px;font-weight:800;letter-spacing:0;margin-bottom:8px}.auth-message>p{color:#f6ce54}.auth-message h1{font-size:clamp(34px,4.2vw,58px);line-height:1.08}.auth-points{display:grid;gap:14px;margin-top:38px}.auth-points span{align-items:center;color:#d5e5df;display:flex;gap:10px}.auth-form-wrap{align-items:flex-start;display:flex;justify-content:center;overflow-y:auto;padding:42px 30px}.auth-form{display:grid;gap:18px;max-width:520px;width:100%}.auth-form h2{font-size:27px;margin-bottom:6px}.auth-form>div:nth-child(2)>span,.otp-form>div:nth-child(2)>span{color:#6d7772;font-size:13px}.auth-tabs{background:#e8ece9;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;padding:4px}.auth-tabs button{background:transparent;border:0;border-radius:6px;color:#69736e;font-weight:800;min-height:39px}.auth-tabs button.active{background:#fff;color:#216a51;box-shadow:0 1px 3px #172a2220}.auth-form label,.modal label{color:#404a45;display:grid;font-size:12px;font-weight:750;gap:7px;position:relative}.auth-form label>input,.auth-form textarea,.modal label>input{background:#fff;border:1px solid #ced7d1;border-radius:8px;min-height:46px;outline:0;padding:10px 12px;width:100%}.auth-form textarea{resize:vertical}.auth-form label>input:focus,.auth-form textarea:focus,.modal label>input:focus{border-color:#2c765a;box-shadow:0 0 0 3px #2c765a16}.field-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.input-wrap{align-items:center;background:#fff;border:1px solid #ced7d1;border-radius:8px;display:flex;min-height:46px;padding:0 12px}.input-wrap:focus-within{border-color:#2c765a;box-shadow:0 0 0 3px #2c765a16}.input-wrap svg{color:#7b8580;flex:0 0 auto}.input-wrap input{border:0;min-width:0;outline:0;padding:0 10px;width:100%}.form-divider{align-items:center;color:#68736d;display:flex;font-size:11px;font-weight:800;gap:10px;margin-top:4px}.form-divider:before,.form-divider:after{background:#dce3df;content:"";height:1px;width:100%}.form-divider span{white-space:nowrap}.primary-button,.add-button,.small-primary{align-items:center;background:#267253;border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;justify-content:center}.primary-button{min-height:48px;padding:0 17px}.primary-button svg:last-child{margin-left:auto}.primary-button:disabled{cursor:wait;opacity:.65}.or{align-items:center;color:#89918d;display:flex;font-size:11px;gap:10px}.or:before,.or:after{background:#dde3df;content:"";height:1px;width:100%}.google-button{align-items:center;background:#fff;border:1px solid #ccd5cf;border-radius:8px;display:flex;font-weight:750;gap:12px;justify-content:center;min-height:47px}.google-button b{color:#4285f4;font-size:18px}.google-signin-host{align-items:center;display:flex;justify-content:center;min-height:47px;overflow:hidden;width:100%}.password-rule{color:#6d7772;font-size:11px;margin-top:-10px}.password-rule.valid{color:#24704d}.password-rule.invalid{color:#a33343}.password-confirm.valid{border-color:#2c765a;box-shadow:0 0 0 3px #2c765a16}.password-confirm.invalid{border-color:#c94b59;box-shadow:0 0 0 3px #c94b5914}.password-match{align-items:center;display:flex;font-size:12px;font-weight:800;gap:6px;margin-top:-11px}.password-match.valid{color:#24704d}.password-match.invalid{color:#a33343}.google-profile{align-items:center;background:#eef3f0;border:1px solid #d6dfda;border-radius:8px;display:flex;gap:12px;padding:11px}.google-profile img{border-radius:50%;height:42px;object-fit:cover;width:42px}.google-profile strong,.google-profile span{display:block}.google-profile span{color:#6d7772;font-size:11px;margin-top:3px}.google-completion .loading-state{min-height:90px}.error-box{background:#fff0f1;border:1px solid #efb9bf;border-radius:8px;color:#991b35;font-size:12px;font-weight:650;padding:11px 13px}.back-link{background:transparent;border:0;color:#267253;justify-self:start;padding:0}.dev-code{align-items:center;background:#fff7d9;border:1px solid #edd580;border-radius:8px;display:grid;grid-template-columns:1fr auto auto;padding:11px 12px}.dev-code span{color:#735b0d;font-size:12px}.dev-code strong{font-size:20px;letter-spacing:2px}.dev-code button{background:transparent;border:0;color:#267253;font-size:11px;font-weight:800}.otp-input input{font-size:23px;font-weight:800;letter-spacing:6px;text-align:center}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#18241f;color:#fff;display:flex;flex-direction:column;height:100vh;padding:19px 14px;position:sticky;top:0;z-index:30}.sidebar-brand{align-items:center;display:flex;gap:10px;padding:0 6px 18px}.sidebar-brand .brand-mark{height:34px;width:34px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:17px}.sidebar-brand span{color:#9db0a7;font-size:11px}.pharmacy-badge{align-items:flex-start;background:#24352e;border:1px solid #32483f;border-radius:8px;display:flex;gap:9px;margin-bottom:18px;padding:11px}.pharmacy-badge svg{color:#f6ce54;flex:0 0 auto}.pharmacy-badge div{min-width:0}.pharmacy-badge strong,.pharmacy-badge span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pharmacy-badge strong{font-size:11px}.pharmacy-badge span{color:#91a69c;font-size:9px;margin-top:3px}.sidebar nav{display:grid;gap:5px}.nav-item{align-items:center;background:transparent;border:0;border-radius:7px;color:#aebeb6;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) auto;min-height:43px;padding:0 11px;text-align:left}.nav-item:hover{background:#24342e;color:#fff}.nav-item.active{background:#f6ce54;color:#18241f;font-weight:800}.nav-item b{background:#e45248;border-radius:999px;color:#fff;font-size:10px;min-width:20px;padding:3px 6px;text-align:center}.sidebar-footer{align-items:center;border-top:1px solid #2d3e36;display:grid;gap:8px;grid-template-columns:34px minmax(0,1fr) 36px;margin-top:auto;padding:15px 3px 0}.user-avatar{align-items:center;background:#3d574c;border-radius:8px;display:flex;font-size:11px;font-weight:800;height:34px;justify-content:center}.sidebar-footer strong,.sidebar-footer span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer strong{font-size:10px}.sidebar-footer span{color:#8fa199;font-size:9px;margin-top:3px}.sidebar-footer .icon-button{color:#aebeb6}.workspace{min-width:0;padding:0 28px 32px}.topbar{align-items:center;background:#f3f5f3;border-bottom:1px solid #dce3df;display:flex;gap:16px;min-height:82px;position:sticky;top:0;z-index:20}.topbar h1{font-size:22px}.topbar p{color:#77817c;font-size:11px;margin-top:4px}.top-actions{align-items:center;display:flex;gap:9px;margin-left:auto}.search-box{align-items:center;background:#fff;border:1px solid #d4ddd7;border-radius:8px;display:flex;height:39px;padding:0 10px;width:min(250px,26vw)}.search-box svg{color:#7a847f}.search-box input{border:0;min-width:0;outline:0;padding-left:8px;width:100%}.icon-button,.menu-button,.mobile-close{align-items:center;background:transparent;border:0;border-radius:7px;display:inline-flex;height:38px;justify-content:center;width:38px}.icon-button:hover,.menu-button:hover{background:#e7ece9}.menu-button,.mobile-close{display:none}.add-button{gap:7px;min-height:39px;padding:0 13px}.page-error{margin-top:17px}.metrics{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0 16px}.metric{background:#fff;border:1px solid #dfe5e1;border-radius:8px;min-height:142px;padding:16px}.metric-icon{align-items:center;border-radius:7px;display:flex;height:36px;justify-content:center;margin-bottom:13px;width:36px}.metric-icon.green{background:#dff3e9;color:#1f704e}.metric-icon.blue{background:#dfeef7;color:#246685}.metric-icon.amber{background:#fff0c9;color:#90620a}.metric-icon.coral{background:#ffe5e0;color:#b94436}.metric p,.metric span{color:#727c77;font-size:12px}.metric strong{display:block;font-size:clamp(20px,2vw,27px);margin:8px 0 5px;overflow-wrap:anywhere}.overview-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr)}.panel{background:#fff;border:1px solid #dfe5e1;border-radius:8px;min-width:0;padding:18px}.panel-heading{align-items:flex-start;border-bottom:1px solid #e7ece9;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:13px}.panel-heading h2{font-size:17px}.panel-heading>span{color:#707a75;font-size:11px;font-weight:750}.stock-list{display:grid}.stock-list>div{align-items:center;border-bottom:1px solid #e9edeb;display:flex;justify-content:space-between;min-height:57px}.stock-list strong,.stock-list small{display:block}.stock-list strong{font-size:12px}.stock-list small{color:#78827d;margin-top:4px}.stock-list b{background:#fff0c9;border-radius:7px;color:#865b08;font-size:11px;padding:6px 8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:900px;width:100%}th,td{border-bottom:1px solid #e9edeb;padding:12px 10px;text-align:left;vertical-align:middle}th{color:#75807a;font-size:10px;text-transform:uppercase}td{font-size:12px}td strong,td span{display:block}td span{color:#7b8580;font-size:10px;margin-top:4px}.profit{color:#24704d;font-weight:800}.status-pill{border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;margin:0;padding:5px 8px;white-space:nowrap}.status-pill.new,.status-pill.low_stock{background:#fff0c9;color:#865b08}.status-pill.confirmed,.status-pill.preparing{background:#e2edf8;color:#245f86}.status-pill.ready{background:#e6e7ff;color:#4942a1}.status-pill.completed,.status-pill.in_stock,.status-pill.active{background:#e2f4e8;color:#226c49}.status-pill.cancelled,.status-pill.out_of_stock{background:#fee5e8;color:#a33343}.row-actions{display:flex;gap:4px}.row-actions button{align-items:center;background:transparent;border:0;border-radius:6px;color:#53615a;display:flex;height:31px;justify-content:center;width:31px}.row-actions button:hover{background:#edf1ef}.row-actions button.danger{color:#b43a48}.empty-cell{color:#7b8580;padding:32px;text-align:center}.order-list{display:grid}.order-list article{align-items:center;border-bottom:1px solid #e7ece9;display:grid;gap:12px;grid-template-columns:minmax(130px,.7fr) minmax(130px,.8fr) minmax(180px,1.4fr) minmax(110px,.6fr) auto auto;min-height:82px;padding:10px 2px}.order-list.compact article{grid-template-columns:minmax(125px,.7fr) minmax(120px,.7fr) minmax(170px,1fr) minmax(100px,.5fr) auto}.order-main{align-items:center;display:flex;gap:9px}.status-dot{background:#aab4af;border-radius:50%;height:8px;width:8px}.status-dot.new{background:#e7a91f}.status-dot.confirmed,.status-dot.preparing{background:#4384aa}.status-dot.ready{background:#6357c6}.status-dot.completed{background:#2a8a5b}.status-dot.cancelled{background:#ca4554}.order-list strong,.order-list small,.order-list span{display:block}.order-list strong{font-size:11px}.order-list small,.order-list span{color:#79837e;font-size:9px;margin-top:3px}.order-products{color:#48524d;font-size:11px}.order-actions{display:flex;gap:5px}.small-primary{gap:3px;min-height:32px;padding:0 9px;white-space:nowrap}.small-danger{align-items:center;background:#fff0f1;border:1px solid #f0c4ca;border-radius:7px;color:#ad3444;display:flex;height:32px;justify-content:center;width:32px}.profile-layout{display:grid;gap:14px;grid-template-columns:1fr 1fr;padding-top:22px}dl{margin:0}dl>div{border-bottom:1px solid #e9edeb;display:grid;gap:10px;grid-template-columns:130px minmax(0,1fr);padding:13px 0}dt{color:#78827d;font-size:11px}dd{font-size:12px;margin:0}.loading-state,.empty-state{align-items:center;color:#77817c;display:flex;gap:9px;justify-content:center;min-height:180px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{align-items:center;background:#10171399;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:80}.modal{background:#f8faf8;border-radius:8px;max-height:calc(100vh - 40px);max-width:580px;overflow-y:auto;padding:20px;width:100%}.modal header{align-items:flex-start;border-bottom:1px solid #dde4df;display:flex;justify-content:space-between;margin-bottom:17px;padding-bottom:14px}.modal h2{font-size:20px}.modal form{display:grid;gap:15px}.catalog-results{background:#fff;border:1px solid #d6ded9;border-radius:8px;box-shadow:0 8px 20px #17251e16;left:0;max-height:230px;overflow-y:auto;position:absolute;right:0;top:72px;z-index:2}.catalog-results button{align-items:center;background:#fff;border:0;border-bottom:1px solid #e9edeb;display:flex;justify-content:space-between;min-height:58px;padding:9px 11px;text-align:left;width:100%}.catalog-results button:hover{background:#f1f6f3}.catalog-results strong,.catalog-results small{display:block}.catalog-results small{color:#78827d;font-weight:500;margin-top:3px}.selected-note{align-items:center;color:#24704d;display:flex;gap:5px;margin-top:3px}.profit-preview{align-items:center;background:#e6f4ea;border:1px solid #c7e5d1;border-radius:8px;color:#246b49;display:grid;gap:8px;grid-template-columns:20px 1fr auto;padding:11px}.profit-preview span{font-size:11px}.modal footer{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.secondary-button{background:#fff;border:1px solid #cad4ce;border-radius:8px;min-height:44px;padding:0 15px}.modal footer .primary-button{gap:8px}.nav-backdrop{display:none}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.order-list article,.order-list.compact article{grid-template-columns:minmax(120px,.7fr) minmax(120px,.7fr) minmax(170px,1fr) auto}.order-customer{display:none}}@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-brand{min-height:245px;padding:25px}.auth-message{margin-top:44px}.auth-message h1{font-size:29px}.auth-points{display:none}.auth-form-wrap{padding:28px 18px 44px}.field-grid{grid-template-columns:1fr}.app-shell{display:block}.sidebar{left:0;position:fixed;transform:translate(-100%);transition:transform .2s;width:245px}.sidebar.open{transform:translate(0)}.mobile-close{color:#fff;display:inline-flex;margin-left:auto}.nav-backdrop{background:#10171399;border:0;display:block;inset:0;position:fixed;z-index:25}.workspace{padding:0 15px 24px}.topbar{min-height:70px}.menu-button{display:inline-flex}.topbar p{display:none}.topbar h1{font-size:18px}.search-box{display:none}.add-button{font-size:0;padding:0;width:39px}.add-button svg{margin:0}.metrics{gap:10px;grid-template-columns:1fr 1fr;padding-top:16px}.metric{min-height:130px;padding:13px}.metric strong{font-size:18px}.panel{padding:14px}.order-list article,.order-list.compact article{align-items:start;grid-template-columns:1fr auto;padding:12px 0}.order-products,.order-total,.order-actions{grid-column:1 / -1}.profile-layout{grid-template-columns:1fr}dl>div{grid-template-columns:100px minmax(0,1fr)}}@media(max-width:430px){.metrics{grid-template-columns:1fr}}