:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2933;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f6f8;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#18624f;border:1px solid #18624f;border-radius:6px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}input,select{border:1px solid #cad2dc;border-radius:6px;width:100%;min-height:38px;padding:8px 10px}input[type=color]{min-height:38px;padding:4px}.secondary-button{color:#1f2933;background:#fff;border-color:#d7dde6}.secondary-link{color:#1f2933;background:#fff;border:1px solid #d7dde6;border-radius:6px;align-items:center;min-height:38px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{background:#fff;border:1px solid #dfe5ec;border-radius:8px;gap:14px;width:100%;max-width:420px;padding:26px;display:grid}.login-panel h1,.login-panel p{margin:0}.login-panel p,.panel p,.topbar p,.brand span,.summary-grid span,.data-table span{color:#667085}.brand-mark{color:#1f2933;background:#ffc247;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.alert{color:#a7331f;background:#fff1ed;border:1px solid #ffd1c4;border-radius:6px;padding:10px 12px}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#202733;padding:22px 18px}.brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.brand span{font-size:13px;display:block}.side-nav{gap:22px;display:grid}.nav-group{gap:8px;display:grid}.nav-group-title{color:#aab4c3;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.sidebar button{color:#fff;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:12px;font-weight:800;display:flex}.sidebar button:hover,.sidebar button.active{background:#30394a}.main{padding:28px}.topbar,.panel-heading,.subheading,.topbar-actions,.form-actions{align-items:center;gap:12px;display:flex}.topbar,.panel-heading,.subheading{justify-content:space-between}.topbar{margin-bottom:22px}.workspace{gap:16px;display:grid}.workspace-header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.workspace-header h2,.workspace-header p{margin:0}.workspace-header h2{font-size:24px}.workspace-header p{color:#52627a;margin-top:4px}.workspace-actions{align-items:center;gap:10px;display:flex}.topbar h1,.topbar p,.panel h2,.panel p{margin:0}.topbar-actions{flex-wrap:wrap}.status-pill{color:#667085;border:1px solid #d7dde6;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800}.status-pill.ok{color:#18624f;border-color:#9ed8c9}.summary-grid,.content-grid{gap:16px;display:grid}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.summary-grid div,.panel{background:#fff;border:1px solid #dfe5ec;border-radius:8px}.summary-grid div{gap:8px;padding:18px;display:grid}.summary-grid strong{font-size:28px}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.module-tile{background:#fff;border:1px solid #dfe5ec;border-radius:8px;gap:8px;min-height:94px;padding:16px;display:grid}.module-tile.active{border-color:#80c8b4;box-shadow:inset 4px 0 #1f8a70}.module-tile strong{font-size:16px}.module-tile span{color:#52627a;font-size:13px;line-height:1.4}.panel{padding:18px}.subheading{margin-bottom:12px}.subheading h3,.subheading p{margin:0}.form-grid{border-bottom:1px solid #dfe5ec;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;padding-bottom:14px;display:grid}.config-form{gap:18px;margin-top:14px;display:grid}.config-form section{border:1px solid #dfe5ec;border-radius:8px;padding:14px}.config-form h3{margin:0 0 12px}.form-grid.compact{border-bottom:0;margin:0;padding-bottom:0}.inline-input{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.form-grid label{color:#344054;gap:6px;font-size:13px;font-weight:800;display:grid}.wide-field{grid-column:span 2}.image-field{border:1px solid #dfe5ec;border-radius:8px;grid-column:span 2;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.image-field img,.product-cell img{aspect-ratio:4/3;object-fit:cover;background:#f3f5f7;border:1px solid #dfe5ec;border-radius:8px;width:100%}.image-field label{gap:6px;display:grid}.product-cell{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;display:grid}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px;display:grid}.orders-layout{grid-template-columns:360px minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.orders-list{gap:10px;display:grid}.order-card{color:#1f2933;text-align:left;background:#fff;border:1px solid #dfe5ec;place-items:stretch start;gap:7px;min-height:auto;padding:12px;display:grid}.order-card.selected{border-color:#18624f;box-shadow:0 0 0 2px #18624f1f}.order-card small{color:#667085}.order-card b{font-size:17px}.order-detail{border:1px solid #dfe5ec;border-radius:8px;gap:14px;min-height:360px;padding:16px;display:grid}.detail-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-heading h3,.detail-heading p,.order-detail p{margin:0}.order-items{gap:10px;display:grid}.order-item{border-bottom:1px solid #dfe5ec;justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.order-item div{gap:3px;display:grid}.order-item span{color:#667085}.totals-box{background:#f4f6f8;border-radius:8px;gap:8px;padding:12px;display:grid}.totals-box span{justify-content:space-between;display:flex}.empty-box{color:#667085;text-align:center;background:#f4f6f8;border-radius:8px;justify-content:center;align-items:center;min-height:160px;padding:18px;display:flex}.danger-button{color:#a7331f}.options-grid section{border:1px solid #dfe5ec;border-radius:8px;padding:14px}.option-form{border-bottom:1px solid #dfe5ec;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;padding-bottom:12px;display:grid}.option-form label{color:#344054;gap:6px;font-size:13px;font-weight:800;display:grid}.mini-table-wrap{overflow-x:auto}.mini-table{border-collapse:collapse;width:100%;min-width:520px}.mini-table th,.mini-table td{text-align:left;border-bottom:1px solid #dfe5ec;padding:10px 8px}.mini-table th{color:#667085;font-size:12px}.checkbox-row{align-items:center;gap:8px!important;display:flex!important}.checkbox-row input{width:auto;min-height:auto}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:880px}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #dfe5ec;padding:12px 10px}.data-table th{color:#667085;font-size:13px}.status-badge{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.status-badge.active{color:#18624f;background:#e7f5ef}.status-badge.cancelled{color:#a7331f;background:#fde9e4}@media (width<=920px){.app-shell,.summary-grid,.module-grid,.form-grid,.options-grid,.option-form,.orders-layout{grid-template-columns:1fr}.main{padding:18px}.topbar,.workspace-header,.panel-heading,.subheading{flex-direction:column;align-items:stretch}.wide-field{grid-column:auto}.image-field{grid-column:auto;grid-template-columns:1fr}}