:root{color:#1b0505;background:#f8f8f8;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,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}main{min-height:100vh;padding:32px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto 20px;max-width:1440px}.header-actions{align-items:center;display:flex;gap:12px}.page-tabs{background:#e9edf2;border:1px solid #d2d9e3;border-radius:8px;display:flex;gap:4px;padding:4px}.page-tabs button{align-items:center;background:transparent;border:0;border-radius:7px;color:#4f5a6d;display:inline-flex;gap:8px;min-height:36px;padding:0 12px}.page-tabs button.active{background:#fff;box-shadow:0 1px 5px #1e2d3f1f;color:#18212f}.eyebrow{align-items:center;color:#596273;display:flex;font-size:.88rem;gap:8px;margin-bottom:6px}h1,h2,h3,p{margin:0}h1{font-size:2.2rem;font-weight:760}h2{font-size:1rem;font-weight:720}h3{font-size:1.05rem;font-weight:730}.status-strip{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto 18px;max-width:1440px}.metric{align-items:center;background:#fff;border:1px solid #dde3ea;border-radius:8px;display:grid;gap:4px 10px;grid-template-columns:auto 1fr;min-height:74px;padding:14px}.metric svg{color:#c3332c;grid-row:span 2}.metric span{color:#657084;font-size:.82rem}.metric strong{font-size:1.12rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 370px;margin:0 auto;max-width:1440px}.checkout-page{margin:0 auto;max-width:1440px}.checkout-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-panel,.tool-panel,.admin-form{background:#fff;border:1px solid #eadeda;border-radius:8px}.catalog-panel{min-width:0;padding:18px}.panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.filters{display:flex;gap:10px}.search,.select-wrap{align-items:center;background:#f8f8f8;border:1px solid #e4d4cf;border-radius:8px;color:#5b6574;display:flex;gap:8px;min-height:40px;padding:0 10px}.search input,.select-wrap select,.form-stack input,.form-stack select,.admin-form input,.admin-form select{background:transparent;border:0;color:#18212f;min-width:0;outline:0;width:100%}.form-stack input,.form-stack select,.admin-form input,.admin-form select{background:#f8f8f8;border:1px solid #e4d4cf;border-radius:8px;min-height:40px;padding:0 10px}.product-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.product-card{background:#fffefe;border:1px solid #eadeda;border-radius:8px;display:grid;gap:12px;min-height:236px;padding:14px}.product-topline,.card-actions,.split-actions,.total-line,.cart-line{align-items:center;display:flex;gap:10px;justify-content:space-between}.product-topline{color:#687386;font-size:.78rem}.product-card p{color:#5f6b7c;font-size:.9rem;line-height:1.4;min-height:40px}.product-stats{display:grid;gap:4px}.product-stats span{color:#667286;font-size:.85rem}.status{border-radius:999px;font-size:.75rem;padding:4px 8px}.status.active{background:#f7e8e4;color:#500e11}.status.inactive{background:#f2f4f7;color:#687386}.primary-button,.danger-button,.icon-button{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:38px;padding:0 12px;white-space:nowrap}.primary-button{background:#500e11;color:#fff}.danger-button{background:#fff2ef;border-color:#edc9c0;color:#c3332c}.icon-button{background:#fff;border-color:#cfd8e3;color:#293547}.text-button{min-width:102px}.side-panel{display:grid;gap:14px}.tool-panel{display:grid;gap:14px;padding:16px}.cart-lines{display:grid;gap:8px}.cart-line{background:#fbf7f6;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) 72px 36px;min-height:42px;padding:8px 10px}.cart-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-line input{background:#fff;border:1px solid #d7dee7;border-radius:7px;min-height:30px;padding:0 6px;width:72px}.checkout-line input:disabled{background:#eef2f6}.square-button{min-height:32px;padding:0;width:36px}.form-stack{display:grid;gap:10px}.order-box{background:#fbf7f6;border:1px solid #e4d4cf;border-radius:8px;display:grid;gap:8px;padding:12px}.order-box span{color:#667286;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;overflow-wrap:anywhere}.expiry-box{background:#500e11;border:1px solid #500e11;border-radius:8px;color:#fff;font-weight:700;padding:12px}.order-item{align-items:center;border-top:1px solid #dce3eb;display:flex;gap:10px;justify-content:space-between;padding-top:8px}.order-item span{color:#293547;font-family:inherit}.seller-page{display:grid;gap:18px;margin:18px auto 0;max-width:1440px}.admin-form{align-items:end;display:grid;gap:10px;grid-template-columns:160px repeat(5,minmax(0,1fr)) auto;padding:16px}.seller-table,.order-list{display:grid;gap:8px}.pagination{align-items:center;color:#687386;display:flex;gap:12px;justify-content:space-between;margin-top:14px}.pagination div{display:flex;gap:8px}.seller-row{align-items:center;border:1px solid #e0e6ee;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(220px,1.35fr) minmax(130px,.8fr) 90px 90px minmax(220px,1fr);min-height:58px;padding:10px 12px}.seller-head{background:#fbf7f6;color:#657084;font-size:.82rem;font-weight:700;min-height:42px}.seller-row strong,.seller-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.seller-row small{color:#748095;font-size:.76rem;margin-top:2px}.inventory-editor{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(72px,1fr) auto}.inventory-editor input{background:#f8f8f8;border:1px solid #e4d4cf;border-radius:8px;min-height:38px;min-width:0;padding:0 10px}.order-entry{align-items:center;border:1px solid #e0e6ee;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(260px,1.4fr) minmax(160px,.8fr) minmax(180px,.8fr);min-height:70px;padding:12px}.order-entry div{display:grid;gap:4px;min-width:0}.order-entry div:last-child{align-items:center;display:flex;justify-content:space-between}.order-entry span{color:#687386;font-size:.84rem;min-width:0;overflow-wrap:anywhere}.status-text{color:#500e11}.compact-order-list{display:grid;gap:10px}.customer-order-entry{background:#fbf7f6;border:1px solid #eadeda;border-radius:8px;display:grid;gap:10px;padding:12px}.customer-order-entry div{display:grid;gap:4px;min-width:0}.customer-order-entry strong,.customer-order-entry span{min-width:0;overflow-wrap:anywhere}.customer-order-entry span{color:#6d5855;font-size:.84rem}.payment-shell{background:linear-gradient(180deg,#fff,#fbf7f6)}.payment-panel{background:#500e11;border-color:#500e11;color:#fff}.payment-panel h2{color:#fff}.payment-panel input,.payment-panel select{background:#fffffff5}.payment-panel .primary-button{background:#c3332c}.payment-countdown{background:#ffffff24;border-color:#ffffff40}.toggle-line{align-items:center;color:#4f5a6d;display:flex;gap:8px;min-height:40px}.toggle-line input{width:auto}.toast{align-items:center;border-radius:8px;bottom:22px;box-shadow:0 18px 50px #14202e2e;display:flex;gap:10px;max-width:min(520px,calc(100vw - 32px));min-height:46px;padding:12px 14px;position:fixed;right:22px;z-index:10}.toast.success{background:#eaf7ef;color:#135c35}.toast.error{background:#fff1f0;color:#9a2a20}.toast.info{background:#eef5ff;color:#194e87}.empty-state,.muted{color:#748095;font-size:.9rem}.empty-state{border:1px dashed #cfd8e3;border-radius:8px;padding:28px;text-align:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.workspace,.checkout-grid{grid-template-columns:1fr}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-row,.order-entry{grid-template-columns:1fr}}@media (max-width: 720px){main{padding:16px}.app-header,.header-actions,.panel-header,.filters{align-items:stretch;flex-direction:column}.status-strip{grid-template-columns:1fr 1fr}.product-grid,.admin-form{grid-template-columns:1fr}.page-tabs{width:100%}.page-tabs button{flex:1}h1{font-size:1.75rem}}
