:root{color:#161616;background:#f5f5f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}.app{min-height:100vh}.top{z-index:3;background:#fff;border-bottom:1px solid #e5e5e0;justify-content:space-between;align-items:center;gap:12px;padding:16px max(16px,50vw - 380px);display:flex;position:sticky;top:0}.top span{color:#777;font-size:12px}.top h1{margin:2px 0;font-size:23px}.top>div:last-child{text-align:right}.top button,.section-title button{background:0 0;border:0;margin-left:12px;text-decoration:underline}main{max-width:760px;margin:auto;padding:18px 14px 70px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{font-size:18px}.delivery{background:#fff;border:1px solid #e3e3df;border-radius:18px;margin:12px 0;padding:16px;box-shadow:0 7px 25px #00000008}.delivery.out_for_delivery{border-color:#f0a500;box-shadow:0 7px 25px #f0a50014}.delivery.delivered{opacity:.7}.delivery header{justify-content:space-between;display:flex}.delivery header>div{align-items:center;gap:9px;display:flex}.delivery header span{color:#777;font-size:12px}.person{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.person h2{margin:0;font-size:21px}.person a{color:#111}.address{background:#f7f7f4;border-radius:12px;flex-direction:column;margin:12px 0;padding:14px;display:flex}.address span{color:#666}.address em{color:#8a5a00;margin-top:7px}.payment{border-top:1px solid #eee;justify-content:space-between;padding-top:12px;display:flex}.actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.actions button,.actions a{text-align:center;color:#fff;background:#111;border:0;border-radius:12px;padding:14px;font-weight:700;text-decoration:none}.actions .secondary{color:#111;background:#ecece7}.done{text-align:center;color:#166b2d;background:#e8f7ec;border-radius:12px;grid-column:1/-1;padding:13px}.error,.global-error{color:#991b1b;background:#fff0f0;border-radius:10px;margin:10px 0;padding:10px}.empty{text-align:center;color:#777;padding:35px}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login form{background:#fff;border:1px solid #e5e5df;border-radius:20px;width:min(430px,100%);padding:28px;box-shadow:0 18px 50px #0000000b}.mark{color:#fff;background:#111;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.login h1{margin-bottom:5px}.login p{color:#666}.login label{flex-direction:column;gap:6px;margin-top:14px;font-weight:600;display:flex}.login input{font:inherit;border:1px solid #d7d7d2;border-radius:10px;padding:13px}.login form>button{color:#fff;background:#111;border:0;border-radius:12px;width:100%;margin-top:18px;padding:14px;font-weight:700}@media (width<=520px){.top{padding:12px}.top h1{font-size:20px}.actions{grid-template-columns:1fr}.delivery{border-radius:14px}}