:root{--ag-text:#101828;--ag-subtext:#667085;--ag-primary:#177a32;--ag-primary-dark:#126228;--ag-danger:#ef4444;--ag-shadow:0 8px 26px #10182814}.page-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-header{align-items:flex-start;gap:14px;display:flex}.page-header-icon{border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d6dfd0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--ag-primary);border-color:var(--ag-primary);color:#fff}.btn-primary:hover{background:var(--ag-primary-dark)}.search-box{height:42px;color:var(--ag-subtext);background:#fff;border:1px solid #d9e2ce;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:0 12px;display:flex}.entity-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;display:grid}.entity-card,.product-card{background:#fff;border:1px solid #d9ddd4;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 4px 10px #1018280a}.entity-left{align-items:center;gap:14px;min-width:0;display:flex}.entity-avatar,.product-icon{border-radius:999px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.entity-title{color:var(--ag-text);font-size:15px;font-weight:800}.entity-subtitle,.entity-meta,.muted{color:var(--ag-subtext);margin-top:2px;font-size:13px}.entity-actions{align-items:center;gap:12px;display:flex}.icon-button{cursor:pointer;color:#111827;background:0 0;border:none;place-items:center;padding:0;display:grid}.icon-button.delete{color:var(--ag-danger)}.modal-overlay{z-index:80;background:#0f172a6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,700px);max-height:calc(100vh - 40px);box-shadow:var(--ag-shadow);background:#fff;border:1px solid #edf0f4;border-radius:18px;padding:24px;overflow:auto}.modal-card.narrow{width:min(100%,520px)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{color:var(--ag-text);font-size:18px;font-weight:800}.modal-close{cursor:pointer;color:#555;background:0 0;border:none}.modal-footer{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.form-grid{gap:14px;display:grid}.form-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{gap:7px;display:grid}.form-group label{color:#1f2937;font-size:14px;font-weight:700}.form-group small{color:var(--ag-subtext);font-size:12px}.form-group input,.form-group select,.form-group textarea,.qty-input{width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #dbe3ee;border-radius:10px;outline:none;padding:0 12px}.empty-state,.error-state{color:var(--ag-subtext);background:#fff;border:1px solid #e5edf5;border-radius:16px;padding:22px}.error-state{color:#b42318}.filters-inline{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 18px;display:flex}.pill{border:none;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.kg{color:#17744c;background:#dcfce7}.ltr{color:#9a5b07;background:#ffe7c2}.und{color:#2156d6;background:#dbeafe}.status-soft{color:#795d12;background:#f1ead8}.success-soft{color:#0f8a57;background:#dcfce7}.warning-soft{color:#b45b00;background:#fff1cf}.danger-soft{color:#dc2626;background:#fde7e7}.neutral-soft{color:#475467;background:#eef2f7}.code-tag{color:#7a6b43;background:#f4f0e4;border-radius:6px;padding:2px 8px;font-size:12px}.recipe-list{gap:16px;display:grid}.recipe-card,.history-card{background:#fff;border:1px solid #d7e1d0;border-radius:18px;padding:18px;box-shadow:0 4px 10px #10182808}.recipe-head{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.recipe-topline{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.recipe-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.recipe-columns div{line-height:1.7}.recipe-columns strong{color:#111827}.expand-button{cursor:pointer;background:0 0;border:none}.recipe-details{border-top:1px solid #e7ecf2;margin-top:16px;padding-top:14px}.product-select-list{background:#fff;border:1px solid #d8e0cf;border-radius:14px;max-height:220px;overflow:hidden auto}.product-select-row{border-bottom:1px solid #edf2e7;grid-template-columns:28px 1fr 120px;align-items:center;gap:10px;padding:12px 14px;display:grid}.product-select-row:last-child{border-bottom:none}.product-select-row.active{background:#f5faf4}.delivery-item{background:#fff;border:1px solid #d9e6d6;border-radius:14px;overflow:hidden}.delivery-item.pending{background:#fff5f5;border-color:#f7caca}.delivery-item-head{justify-content:space-between;gap:12px;padding:14px 14px 8px;display:flex}.delivery-item-body{color:var(--ag-subtext);padding:0 14px 14px}.alert-warning{color:#b45309;background:#fff8e7;border:1px solid #f5d162;border-radius:12px;gap:12px;margin-top:18px;padding:16px;display:flex}.summary-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px;margin-bottom:18px;display:grid}.summary-card{background:#fff;border:1px solid #e5edf5;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.summary-icon{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.summary-value{color:var(--ag-text);font-size:18px;font-weight:800}.summary-label{color:var(--ag-subtext);margin-top:3px;font-size:13px}.history-product-list{border-top:1px solid #e6ece1;margin-top:14px;padding-top:14px}.history-product-row{background:#fafbfc;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.recipe-columns,.form-grid.two-cols{grid-template-columns:1fr}}@media (width<=820px){.page-toolbar{flex-direction:column}.entity-grid,.summary-grid{grid-template-columns:1fr}.product-select-row{grid-template-columns:28px 1fr}.product-select-row>:last-child{grid-column:2}}html,body,#root{height:100%;margin:0;padding:0}:root{color:#111827;background:#f3f5f7;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{color:#111827;background:#f3f5f7}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{background:#f3f5f7;min-height:100vh;display:flex}.sidebar{color:#111827;z-index:1200;background:#fff;border-right:1px solid #e8ecef;flex-direction:column;justify-content:space-between;width:250px;min-width:250px;max-width:250px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-top{padding:18px 12px 16px}.brand{border-bottom:1px solid #edf1f4;align-items:center;gap:10px;margin-bottom:12px;padding:2px 6px 12px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 8px 20px #10b98138}.brand-title{color:#1f2937;font-size:15px;font-weight:800;line-height:1.1}.brand-subtitle{color:#98a2b3;margin-top:2px;font-size:11px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-link{color:#475467;border-radius:10px;align-items:center;gap:10px;min-height:40px;padding:0 12px;font-size:13px;font-weight:500;transition:background .18s,color .18s;display:flex}.sidebar-link:hover{color:#1f2937;background:#f5f7fa}.sidebar-link.active{color:#fff;background:#0f9f6e;font-weight:700;box-shadow:0 10px 24px #0f9f6e38}.sidebar-bottom{background:#fbfcfd;border-top:1px solid #edf1f4;padding:14px 14px 16px}.user-role{color:#344054;margin-bottom:3px;font-size:13px;font-weight:700}.user-email{color:#98a2b3;word-break:break-word;margin-bottom:6px;font-size:11px}.user-status{color:#12b76a;margin-bottom:12px;font-size:11px;font-weight:700}.logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;height:38px;font-size:13px;font-weight:600;display:flex}.logout-btn:hover{background:#fef2f2}.main-content{background:#f3f5f7;flex:1;margin-left:250px;padding:24px 28px}.page-wrap{min-height:calc(100vh - 48px)}.mobile-menu-btn{z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#0f9f6e;background:#fffffff0;border:1px solid #e5e7eb;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;transition:all .2s;display:none;position:fixed;top:16px;left:16px;box-shadow:0 10px 25px #0000001f}.mobile-menu-btn:hover{transform:translateY(-2px)}.mobile-menu-btn:active{transform:scale(.97)}.mobile-sidebar-overlay{z-index:2000;background:#0006;position:fixed;inset:0}.mobile-sidebar-drawer{z-index:2500;width:250px;height:100vh;transition:left .28s;position:fixed;top:0;left:-250px}.mobile-sidebar-drawer.open{left:0}.sidebar.sidebar-mobile{width:250px;min-width:250px;max-width:250px;height:100vh;position:relative;top:0;left:0}.dashboard-page{max-width:980px}.welcome-banner{color:#426a2e;background:#f4f7f2;border:1px solid #d8e0d2;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:26px;padding:16px 18px;display:flex}.welcome-banner strong{margin-bottom:4px;font-size:15px;font-weight:700;display:block}.welcome-banner span{color:#5f6b63;font-size:13px}.page-header{align-items:center;gap:14px;margin-bottom:22px;display:flex}.page-header-icon{color:#2f7d3f;background:#dfe8df;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.page-title{color:#111827;font-size:24px;font-weight:800;line-height:1.1}.page-subtitle{color:#4b5563;margin-top:4px;font-size:14px}.dashboard-section-title{color:#374151;align-items:center;gap:8px;margin:18px 0 12px;font-size:14px;font-weight:700;display:flex}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(250px,250px));gap:18px;display:grid}.dashboard-card{background:#fff;border:1px solid #d9ddd4;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:145px;padding:16px;display:flex;box-shadow:0 4px 10px #10182808}.dashboard-card-top{justify-content:space-between;align-items:flex-start;display:flex}.dashboard-card-icon{color:#ef4444;background:#feecee;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.dashboard-card-arrow{color:#c4c7cc}.dashboard-card-title{color:#111827;margin-top:16px;font-size:14px;font-weight:700}.dashboard-card-text{color:#6b7280;margin-top:8px;font-size:12px;line-height:1.5}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dde3ea;border-radius:10px;height:40px;padding:0 14px}.btn-primary{color:#fff;background:#0f9f6e;border-color:#0f9f6e}.search-box{background:#fff;border:1px solid #dde3ea;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%}.client-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.client-card{background:#fff;border:1px solid #e8edf2;border-radius:16px;justify-content:space-between;align-items:center;padding:18px;display:flex}.client-left{align-items:center;gap:14px;display:flex}.client-avatar{color:#166534;background:#dcfce7;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.client-name{color:#111827;font-weight:700}.client-phone{color:#64748b;margin-top:4px}.client-actions{gap:8px;display:flex}.client-actions button{cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:10px;width:34px;height:34px}.client-actions .delete{color:#dc2626}.client-empty,.client-error{background:#fff;border:1px solid #e5edf5;border-radius:14px;padding:18px}.client-error{color:#b91c1c}.login-screen{background:radial-gradient(circle at 20% 20%,#00ff8c24,#0000 25%),radial-gradient(circle at 75% 30%,#0066ff2e,#0000 25%),radial-gradient(circle at 50% 80%,#00287833,#0000 26%),#06122c;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";filter:blur(60px);opacity:.9;pointer-events:none;background:linear-gradient(90deg,#00ff8014 0%,#00a2ff14 50%,#004cff14 100%);position:absolute;inset:0}.login-card{z-index:2;color:#fff;background:#071536e0;border:1px solid #7892c82e;border-radius:18px;width:100%;max-width:420px;padding:34px 30px 22px;position:relative;box-shadow:0 20px 80px #00000061}.login-logo-wrap{justify-content:center;margin-bottom:18px;display:flex}.login-logo{background:linear-gradient(135deg,#13d2b4,#0ea5e9);border-radius:16px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 30px #13d2b440}.login-title{text-align:center;margin-bottom:6px;font-size:21px;font-weight:800}.login-subtitle{text-align:center;color:#9ca3af;margin-bottom:28px;font-size:14px}.form-group{margin-bottom:16px}.form-label{color:#d1d5db;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-wrap{position:relative}.input-icon{color:#9ca3af;pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.form-input{color:#111827;background:#fffffff2;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;height:46px;font-weight:500;transition:all .2s}.form-input.has-left-icon{padding-left:46px!important}.form-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.login-text-input{caret-color:#111827;color:#111827!important;-webkit-text-fill-color:#111827!important}.login-text-input::placeholder{color:#6b7280;opacity:1}.has-left-icon{padding-left:88px}.has-right-icon{padding-right:44px}.password-toggle{color:#64748b;cursor:pointer;z-index:2;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0ea86f,#10b7d8);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:8px;font-weight:700;display:flex}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-error{color:#fecaca;background:#ef444426;border:1px solid #ef444459;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px}.login-footer{text-align:center;color:#74829b;border-top:1px solid #94a3b826;margin-top:18px;padding-top:16px;font-size:11px}@media (width<=768px){.mobile-menu-btn{display:flex}.main-content{width:100%;max-width:100%;margin-left:0;padding:82px 14px 16px}.page-wrap{min-height:auto}.sidebar-link{border-radius:14px}.sidebar-bottom{border-top:1px solid #eef2f7}}.sidebar-mobile .brand{border-bottom:1px solid #edf1f4;padding-right:0}