*{box-sizing:border-box}body{margin:0;background:#f7f4ed;color:#171715;font:16px system-ui,sans-serif}button,input,a{font:inherit}button,a{border:0;border-radius:12px;padding:12px 16px;background:#e5eee5;color:#1f3a32;text-decoration:none;cursor:pointer}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #a9a396;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#1f3a32;color:#fff;padding:20px 24px}h1{font-size:23px;margin:0 0 8px}header span{font-size:13px}nav{display:flex;flex-wrap:wrap;gap:8px}.hint{padding:0 24px;color:#756f65;font-size:13px}main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:10px 24px 30px}.column{min-width:0}.column h2{font-size:20px}.column h2 span{margin-left:8px;color:#756f65}.order{padding:20px;background:#fffdf8;border:1px solid #e3dccf;border-radius:18px;margin:14px 0}.order-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.pickup{font-size:32px;font-weight:750;color:#1f3a32}.meta{font-size:12px;line-height:1.7;color:#756f65;overflow-wrap:anywhere}.order ul{list-style:none;padding:0;margin:16px 0}.order li{padding:10px 0;border-bottom:1px solid #ece6dc;line-height:1.5}.order li strong{display:block}.order li small{display:block;color:#6b4936}.notes{padding:10px;background:#f1e8d7;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.order button{width:100%;background:#1f3a32;color:#fff;min-height:48px}.overdue{border-color:#b78a4f}.empty{padding:30px 12px;color:#756f65;border:1px dashed #d6cdbc;border-radius:14px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login form{width:min(100%,380px);padding:28px;background:#fffdf8;border-radius:20px}.login img{width:110px}.login label{display:block;margin:18px 0}.login input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #d6cdbc;border-radius:8px}.login button{width:100%;background:#1f3a32;color:white}#message{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:90%;padding:15px 24px;background:#6b4936;color:#fff;border-radius:12px;z-index:10}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;padding:16px}nav{width:100%}nav>*{padding:10px;font-size:13px}main{grid-template-columns:1fr;padding:0 14px 25px}.hint{padding:0 16px}}