:root{--navy:#0b1528;--blue:#0b1528;--line:#dfe6f0;--muted:#8e806d;--gold:#245dff;--paper:#ffffff}body{font-family:'DM Sans',Arial,sans-serif;background:var(--paper);color:#17253d;font-size:12px}.layout{display:block;min-height:100vh}.managementHeader{background:#0b1528;color:#fffdf7;padding:0 23px 9px;box-shadow:0 4px 15px #0b152808}.headerTitle{min-height:44px;border-bottom:1px solid #ffffff2a;display:flex;align-items:center;justify-content:center;position:relative;gap:10px}.adminBrand{font:600 18px/1.2 'Playfair Display',Georgia,serif;text-decoration:none}.adminBrand small{font:600 10px/1 'DM Sans',Arial,sans-serif;color:#78a0ff;vertical-align:middle;margin-left:5px}.modeLabel{position:absolute;left:6px;font-size:9px;color:#a9bee5;letter-spacing:.5px}.userMenu{position:absolute;right:8px;top:12px;z-index:5}.userMenu summary{cursor:pointer;list-style:none;font:italic 600 14px/1.2 'Playfair Display',Georgia,serif}.userMenu>div{position:absolute;right:0;top:27px;min-width:230px;padding:14px;background:#ffffff;color:#0b1528;border:1px solid #dfe6f0;box-shadow:0 8px 25px #0002;display:grid;gap:12px;font-size:11px}.userMenu>div button{background:none;border:0;text-align:left;padding:0;color:#0b1528}.managementNav{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding-top:8px;max-width:1700px;margin:0 auto}.managementNav .navlink{display:inline-block;border:1px solid #ffffff30;border-radius:3px;padding:7px 10px;font-size:10px;line-height:1.3;font-weight:600;white-space:nowrap;background:#ffffff03;color:white;text-decoration:none}.managementNav .navlink:hover{background:#ffffff12}.managementNav .navlink.active{background:#ffffff;color:#245dff;border-color:#245dff}.managementNav .supplierNav,.managementNav .openStore{background:#245dff;border-color:#245dff;color:#0b1528}.managementNav .supplierNav.active{background:#356aff;color:#0b1528}.content{max-width:1320px;padding:32px 30px 60px;margin:auto}.dashDate{font-size:16px;font-weight:600;margin:0 0 28px}.dailyOperations h1{font-size:14px;font-weight:500;letter-spacing:0;line-height:1.4;margin:0 0 12px}.operationsIntro{color:#75859b;font-size:11px;margin:0 0 3px}.operationsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.operationCard{border:1px solid #dfe6f0;background:#f7f9fc;min-height:274px;padding:16px 18px 19px;position:relative;display:flex;align-items:start;flex-direction:column}.operationCard h2{font-size:14px;font-weight:600;margin:1px 0 11px;line-height:1.5}.operationCard p{font-size:11px;color:#75859b;line-height:1.7;margin:0 0 8px}.operationCard .cardAction{margin-top:auto;align-self:end;background:#0b1528;color:white;border-radius:0;font-size:10px;font-weight:600;padding:9px 14px;line-height:1.4}.operationCard .cardAction:hover{background:#21447e}.operationArt{height:58px;width:155px;align-self:center;margin:-16px 0 14px;display:flex;align-items:center;justify-content:center;background:#e9effa}.operationArt svg{width:100%;height:100%}.truckArt{background:#163d8f}.supplierArt{gap:13px;color:#23477e;font-size:17px;font-weight:700}.supplierArt i{font-size:21px;font-style:normal;font-weight:400;color:#6687bd}.supplierArt span{border:1px solid #a6bbdc;padding:3px 6px;font-size:13px}.connectionState{font-size:10px;padding:4px 7px;border:1px solid #cbd9f3;color:#46628e;background:#edf3ff;margin:4px 0 17px}.connectionState.ready{color:#376448;background:#eef4e9}.operationCard label{font-size:10px;color:#75859b;font-weight:400;margin:0 0 3px}.operationCard input[type=date]{font-size:11px;height:37px;width:100%;border-radius:0;padding:8px;margin-bottom:8px}.ordersGraphic{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex:1;margin:6px 0 15px}.orderLegend{display:grid;gap:7px;flex:1;font-size:10px;line-height:1.35;max-width:128px}.orderLegend>div{display:grid;grid-template-columns:12px 1fr 14px;gap:7px;align-items:center}.orderLegend i{width:12px;height:12px;border-radius:3px}.orderLegend b{font-size:10px;font-weight:500;color:#75859b;text-align:right}.orderDonut{width:123px;height:123px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.orderDonut>div{width:80px;height:80px;background:#f7f9fc;border-radius:50%;display:grid;align-content:center;text-align:center;gap:3px}.orderDonut small{font-size:8px;letter-spacing:1px;color:#75859b}.orderDonut strong{font:500 20px/1.1 'Playfair Display',Georgia,serif}.demoFootnote{font-size:10px;color:#75859b;margin:13px 0 0}.storeOverview{margin-top:42px}.storeOverview h2{font-size:14px;font-weight:500;margin-bottom:15px}.overviewItems{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.overviewItems>a{border-top:1px solid #dfe6f0;padding:15px 4px;text-decoration:none;display:flex;align-items:center;gap:10px}.overviewItems b{font-size:19px;font-weight:500}.overviewItems span{font-size:10px;color:#75859b}h1{font-size:25px;letter-spacing:-.5px}h2{font-size:17px}.head .eyebrow{font-size:9px;color:#245dff}.head{margin-bottom:23px}.head .muted{font-size:11px}.btn{border-radius:0;font-size:11px}.btn.secondary{background:#edf2fa;color:#3d557a}.panel,.metric{border-radius:0;background:#f7f9fc}.panel{padding:23px}.notice{border-color:#245dff;background:#edf3ff;color:#48648c;border-radius:0;font-size:11px}.pill{background:#eaf0fb;color:#48648c;border-radius:2px}.pill.warning{background:#e8f0ff;color:#3b5d96}.pill.success{background:#e6eddf;color:#3e6340}th{background:#eff4fb;color:#667b98}table{background:#ffffff}input,select,textarea{border-color:#d4deed;border-radius:0;font-size:12px}.login{background:#ffffff;border-radius:0}.login h1{font-family:'Playfair Display',Georgia,serif}.close{background:#edf2fa}dialog{background:#ffffff;border-radius:2px}.toolbar input,.toolbar select{font-size:12px}.formActions{border-color:#dfe6f0}.error{color:#ac4332}
@media(min-width:1600px){.managementNav .navlink{padding:7px 11px;font-size:10px}}@media(max-width:1150px){.operationsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.operationCard{min-height:270px}.ordersGraphic{justify-content:center;gap:25px}.orderLegend{max-width:160px}.managementNav{gap:6px}.managementNav .navlink{padding:7px 9px}.overviewItems{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.managementHeader{padding:0 14px 12px}.headerTitle{justify-content:start;min-height:57px;padding-bottom:8px;align-items:end}.adminBrand{font-size:17px}.adminBrand small{font-size:8px}.modeLabel{left:0;top:7px;font-size:8px}.userMenu{right:0;top:10px}.userMenu summary{font-size:11px}.managementNav{justify-content:start;flex-wrap:nowrap;overflow:auto;padding:10px 0 4px;gap:7px}.managementNav .navlink{flex-shrink:0;font-size:10px}.content{padding:25px 17px 40px}.dashDate{font-size:13px;margin-bottom:25px}.operationsGrid{grid-template-columns:1fr;gap:15px}.operationCard{min-height:250px;padding:18px 20px}.operationArt{margin-top:-18px}.ordersGraphic{justify-content:space-between;max-width:350px;margin:12px auto 18px}.orderLegend{font-size:11px;max-width:165px}.orderDonut{width:115px;height:115px}.orderDonut>div{width:77px;height:77px}.operationCard h2{font-size:14px}.operationCard p{font-size:12px}.operationCard .cardAction{font-size:11px}.overviewItems{grid-template-columns:1fr 1fr}.overviewItems>a{display:block}.overviewItems b,.overviewItems span{display:block}.overviewItems span{margin-top:5px}.demoFootnote{font-size:10px}.panel{padding:17px}.toolbar input{min-width:0;width:100%}}

.managementNav .supplierNav,.managementNav .openStore,.managementNav .supplierNav.active{color:white}.adminBrand{font-family:"DM Sans",Arial,sans-serif;font-weight:700;letter-spacing:-.4px}.adminBrand small{letter-spacing:.5px}.connectionState.ready{color:#2e6648;background:#e8f4ed}
.trendsHero{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:3px solid #245dff}.trendsHero h2{font-size:23px;margin:8px 0 14px}.trendsHero p{max-width:680px;line-height:1.7}.trendsActions{display:grid;gap:12px;min-width:175px}.trendsActions .pill{text-align:center;padding:8px}.trendsMetrics{margin:22px 0}.trendsMetrics>div{padding:18px;background:#f7f9fc;border:1px solid #dfe6f0}.trendsMetrics b,.trendsMetrics span{display:block}.trendsMetrics b{font-size:20px;margin-bottom:8px}.trendsMetrics span{line-height:1.5}.trendsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.trendCard{border:1px solid #dfe6f0;background:white;overflow:hidden}.trendPhoto{height:215px;background:#f1f4fa;position:relative;padding:18px}.trendPhoto img{width:100%;height:100%;object-fit:contain}.trendPhoto>span{position:absolute;left:12px;top:12px;background:#0b1528;color:white;padding:7px 10px;font-weight:700}.trendBody{padding:20px}.trendBody>small{color:#75859b;font-size:10px}.trendBody h2{font-size:15px;line-height:1.5;min-height:46px;margin:10px 0}.trendBody p{line-height:1.6}.trendPrice{font-size:17px;font-weight:600;color:#245dff}.trendPrice small{font-size:10px;font-weight:400;color:#75859b}.supplierLink{display:inline-block;margin-top:17px;font-size:11px;color:#46628e}.trendBody .actions{justify-content:start;flex-wrap:wrap}@media(max-width:1000px){.trendsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.trendsHero{display:block}.trendsHero h2{font-size:21px}.trendsActions{margin-top:20px}.trendsGrid{grid-template-columns:1fr}.trendPhoto{height:230px}}
