*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033}button,input{font:inherit}button{cursor:pointer}:root{--nav:#0f172a;--nav2:#172554;--green:#16a34a;--green-dark:#15803d;--bg:#f6f8fb;--line:#e5eaf0;--muted:#667085;--white:#fff;--red:#dc2626;--teal:#0f766e}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:272px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,var(--nav),#101b35 65%,#0b1220);color:#fff;display:flex;flex-direction:column;z-index:30}.brand{height:74px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.09)}.zaga-mark,.login-logo{width:38px;height:38px;border-radius:9px;background:#e11d48;display:grid;place-items:center;color:#fff;font-weight:900;font-size:21px;box-shadow:0 8px 20px #e11d4840}.brand strong{display:block;font-size:18px;letter-spacing:.08em}.brand span{display:block;color:#94a3b8;font-size:11px;margin-top:2px}.provider-mini{margin:18px 14px 10px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0d;display:flex;gap:11px;align-items:center}.provider-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#14b8a6,#4f46e5);display:grid;place-items:center;font-weight:900}.provider-mini strong,.provider-mini span{display:block;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-mini span{font-size:11px;color:#94a3b8;margin-top:3px}.sidebar nav{padding:8px 12px;display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;color:#b9c4d6;text-decoration:none;padding:11px 13px;border-radius:10px;font-size:14px;font-weight:650}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,#0f766e,#3730a3);box-shadow:0 7px 20px #00000029}.sidebar-bottom{margin-top:auto;padding:16px;border-top:1px solid rgba(255,255,255,.09)}.role-chip{display:inline-flex;padding:5px 9px;border-radius:99px;background:#dcfce7;color:#166534;font-size:11px;font-weight:800}.sidebar .role-chip{background:#14b8a624;color:#5eead4}.logout-side{margin-top:12px;width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#cbd5e1;padding:9px}.workspace{flex:1;min-width:0;margin-left:272px}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.topbar h1{font-size:18px;margin:1px 0}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:850;color:#0f766e}.top-user{display:flex;align-items:center;gap:13px}.top-user div{text-align:right}.top-user strong,.top-user span{display:block}.top-user strong{font-size:13px}.top-user span{font-size:11px;color:var(--muted);margin-top:2px}.top-user button,.mobile-menu,.mobile-close{border:0;background:#f1f5f9;border-radius:9px;width:38px;height:38px;display:grid;place-items:center}.mobile-menu,.mobile-close{display:none}.page{padding:26px;max-width:1540px;margin:0 auto}.page-heading,.detail-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.page-heading h2,.detail-heading h2{font-size:26px;margin:4px 0 5px}.page-heading p,.detail-heading p{color:var(--muted);margin:0;font-size:13px}.primary,.secondary,.danger-outline,.ready-btn,.back-link{border-radius:9px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;font-size:13px}.primary{border:1px solid var(--green);background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{border:1px solid #d7dde5;background:#fff;color:#344054}.danger-outline{border:1px solid #fecaca;background:#fff;color:#b91c1c}.ready-btn{border:1px solid #0f766e;background:#0f766e;color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0f172a06}.metric-card span,.summary-strip span{font-size:12px;color:var(--muted);font-weight:650}.metric-card strong{display:block;font-size:29px;margin-top:7px}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.metric-blue .metric-icon{background:#eff6ff;color:#2563eb}.metric-teal .metric-icon{background:#f0fdfa;color:#0f766e}.metric-amber .metric-icon{background:#fffbeb;color:#d97706}.metric-green .metric-icon{background:#f0fdf4;color:#16a34a}.summary-strip{display:flex;gap:34px;background:linear-gradient(90deg,#0f172a,#172554);color:#fff;border-radius:13px;padding:14px 18px;margin:14px 0}.summary-strip div{display:flex;align-items:center;gap:10px}.summary-strip span{color:#a8b3c6}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 8px #0f172a06;overflow:hidden}.panel-title{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.panel-title h3,.facts h3{margin:0;font-size:15px}.panel-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.07em;background:#fafbfc;padding:11px 15px;border-bottom:1px solid var(--line)}td{padding:13px 15px;border-bottom:1px solid #edf0f3;vertical-align:middle}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fafc}td small{display:block;color:var(--muted);margin-top:3px}.domain{text-transform:capitalize}.money{font-weight:800}.status{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:850;white-space:nowrap;background:#f1f5f9;color:#475569}.status-new{background:#eff6ff;color:#1d4ed8}.status-accepted{background:#f0fdfa;color:#0f766e}.status-preparing{background:#fffbeb;color:#b45309}.status-ready_for_pickup{background:#f0fdf4;color:#15803d}.status-declined,.status-timed_out{background:#fef2f2;color:#b91c1c}.filters{display:flex;gap:8px;margin-bottom:14px;overflow:auto}.filter{border:1px solid #dfe4ea;background:#fff;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:750;white-space:nowrap}.filter.active{background:#0f172a;color:#fff;border-color:#0f172a}.loading,.empty{padding:48px;text-align:center;color:var(--muted)}.empty{display:flex;flex-direction:column;align-items:center;gap:6px}.empty strong{color:#344054;margin-top:6px}.error-box{padding:11px 13px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:9px;margin-bottom:14px;font-size:13px}.back-link{border:0;background:transparent;padding-left:0;color:#475569;margin-bottom:15px}.detail-heading{align-items:center}.action-bar{display:flex;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:15px}.viewer-note{background:#f8fafc;border:1px solid var(--line);padding:12px;border-radius:10px;color:#64748b;margin-bottom:15px;font-size:13px}.detail-grid,.profile-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:15px}.item-row{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.item-row strong,.item-row span{display:block}.item-row span{font-size:11px;color:var(--muted);margin-top:4px}.total-row{display:flex;justify-content:space-between;padding:17px 18px;background:#fafbfc}.facts{padding:18px}.facts dl{margin:15px 0}.facts dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:0;font-weight:700;font-size:12px;text-align:right}.profile-card{text-align:center;padding:32px}.profile-avatar{width:70px;height:70px;margin:0 auto 13px;border-radius:18px;background:#ecfdf5;color:#15803d;display:grid;place-items:center}.profile-card h3{margin:0;font-size:20px}.profile-card p{color:var(--muted);margin:5px 0 13px}.permission{display:flex;gap:8px;align-items:center;padding:11px;background:#f0fdf4;color:#166534;border-radius:9px;font-size:12px}.logout-main{margin-top:18px}.login-page{min-height:100vh;background:radial-gradient(circle at 15% 20%,#1e3a8a 0,transparent 32%),linear-gradient(135deg,#0b1220,#0f172a 52%,#172554);display:grid;grid-template-columns:1fr 440px;align-items:center;gap:70px;padding:8vw;color:#fff}.login-brand{text-align:center}.login-logo{width:66px;height:66px;border-radius:16px;font-size:34px;margin:0 auto}.login-brand h1{font-size:44px;letter-spacing:.12em;margin:16px 0 2px}.login-brand p{color:#a8b3c6}.login-card{background:#fff;color:#172033;padding:32px;border-radius:18px;box-shadow:0 30px 70px #00000052}.login-icon{width:46px;height:46px;background:#ecfdf5;color:#15803d;border-radius:12px;display:grid;place-items:center}.login-card h2{margin:18px 0 5px}.login-card>p{margin:0 0 22px;color:var(--muted);font-size:13px}.login-card label{display:block;font-size:12px;font-weight:750;margin-top:14px}.login-card input{width:100%;border:1px solid #d8dee7;border-radius:9px;padding:11px 12px;margin-top:6px;outline:none}.login-card input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a17}.login-card .primary{width:100%;margin-top:20px;padding:11px}.login-note{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);text-align:center}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar-open{transform:none}.sidebar-overlay{position:fixed;inset:0;background:#0f172a73;z-index:25}.mobile-close{display:grid;margin-left:auto;background:#ffffff14;color:#fff}.mobile-menu{display:grid;margin-right:12px}.workspace{margin-left:0}.topbar{padding:0 15px}.page{padding:18px}.metrics{grid-template-columns:repeat(2,1fr)}.detail-grid,.profile-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr;padding:28px}.login-brand{display:none}.login-card{max-width:440px;width:100%;margin:auto}.top-user div{display:none}}@media(max-width:560px){.metrics{grid-template-columns:1fr 1fr}.page-heading{gap:10px}.page-heading h2{font-size:22px}.summary-strip{justify-content:space-between}.action-bar{flex-direction:column}.topbar h1{font-size:15px}.table-wrap table{min-width:760px}}.business-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.business-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 8px #0f172a06}.business-card-head{display:flex;justify-content:space-between;align-items:center;color:#0f766e}.business-card-head span{font-size:12px;font-weight:750;color:var(--muted)}.business-card>strong{display:block;font-size:27px;margin:9px 0 5px}.business-card small,.weekpart-card small{display:block;color:var(--muted);font-size:11px}.business-card em{display:block;margin-top:9px;font-style:normal;font-size:11px;font-weight:800}.business-card em.up{color:#15803d}.business-card em.down{color:#b45309}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.8fr);gap:14px;margin-bottom:14px}.analytics-panel{min-height:280px}.trend-chart{height:205px;padding:20px 16px 12px;display:flex;align-items:flex-end;gap:7px;overflow:hidden}.trend-col{height:175px;flex:1;min-width:22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.trend-col>span{font-size:8px;color:#64748b;white-space:nowrap}.trend-bar{width:72%;max-width:32px;min-height:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#14b8a6,#0f766e)}.trend-col small{font-size:8px;color:#667085;white-space:nowrap}.weekpart-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.weekpart-card{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fafcfd}.weekpart-card span{font-size:11px;color:var(--muted);font-weight:750}.weekpart-card strong{display:block;font-size:20px;margin:7px 0 4px}.peak-box{margin:0 16px 16px;padding:13px;border-radius:11px;background:#f8fafc}.peak-box>strong{font-size:12px}.peak-box div{display:flex;justify-content:space-between;padding-top:8px;font-size:11px}.peak-box div span{color:var(--muted)}.peak-box div b{font-size:11px}.top-products{margin-bottom:22px}.product-performance{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px;padding:4px 18px 12px}.product-performance-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.product-performance-row strong,.product-performance-row span{display:block}.product-performance-row strong{font-size:12px}.product-performance-row span{font-size:10px;color:var(--muted);margin-top:3px}.product-performance-row b{font-size:12px}.ops-heading{display:flex;justify-content:space-between;align-items:end;margin:8px 0 12px}.ops-heading h3{margin:4px 0 0}.dashboard-orders{margin-top:14px}@media(max-width:1100px){.business-metrics{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media(max-width:620px){.business-metrics,.product-performance{grid-template-columns:1fr}.trend-col>span{display:none}}