:root{font-family:"Avenir Next","Noto Sans SC",sans-serif;color:#18211d;background:#edf0ea}*{box-sizing:border-box}body{margin:0}.shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:28px 0 64px}header{display:flex;align-items:center;justify-content:space-between;height:52px}.brand{color:#18211d;text-decoration:none;font:700 22px Georgia,serif}.brand span{color:#dc5f3c}.identity{font-size:13px;color:#617068}.login{width:min(470px,100%);margin:13vh auto;padding:42px;border:1px solid #cad1c8;background:#fdfefb;box-shadow:0 20px 60px #3b4b4020}.kicker{margin:0 0 12px;color:#64866f;font-size:11px;font-weight:800;letter-spacing:.12em}h1,h2{margin:0;font-family:Georgia,"Songti SC",serif;letter-spacing:0}h1{font-size:42px}h2{font-size:26px}.login>p:not(.kicker){color:#68726c;line-height:1.7}.login form{display:grid;gap:14px;margin-top:28px}.login label{display:grid;gap:7px;font-size:13px;font-weight:700}input{height:44px;border:1px solid #bcc6bc;background:#fff;padding:0 11px;font:15px inherit}input:focus{outline:2px solid #557d64;outline-offset:1px}button{border:0;background:#1d4b36;color:#fff;min-height:42px;padding:0 14px;font:700 14px inherit;cursor:pointer}button:hover{background:#163d2b}.hidden{display:none}.toolbar{display:flex;align-items:end;justify-content:space-between;margin:42px 0 20px}.toolbar h1{font-size:38px}.icon-button{width:42px;padding:0;font-size:21px}.summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c7d0c7;background:#f9fbf7}.summary div{padding:20px 24px;border-right:1px solid #d7ded6}.summary div:last-child{border:0}.summary small,.order small{display:block;color:#738078;font-size:12px}.summary strong{display:block;margin-top:5px;font:500 30px Georgia,serif}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:18px;margin-top:18px}.orders,.detail{border:1px solid #c7d0c7;background:#fdfefb}.table-head,.order{display:grid;grid-template-columns:2fr .75fr .7fr .75fr;gap:10px;align-items:center}.table-head{padding:12px 18px;border-bottom:1px solid #d7ded6;color:#718078;font-size:11px;font-weight:800;letter-spacing:.08em}.order{width:100%;min-height:68px;padding:12px 18px;background:transparent;color:#26322c;text-align:left;border-bottom:1px solid #e2e7e0}.order:hover,.order.active{background:#edf4eb}.order b{font-size:13px}.status{font-size:12px;font-weight:800}.status.paid{color:#a36b00}.status.fulfilled{color:#177044}.detail{padding:27px}.detail dl{margin:24px 0}.detail dl div{padding:12px 0;border-top:1px solid #e0e6df}.detail dt{color:#728077;font-size:12px}.detail dd{margin:4px 0 0;font-size:14px;overflow-wrap:anywhere}.detail button{width:100%;margin-top:10px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.error{min-height:18px;margin:8px 0 0;color:#b43d2f;font-size:13px}.empty{padding:30px;color:#718078}@media(max-width:760px){.shell{width:min(100% - 24px,1180px)}.layout{grid-template-columns:1fr}.table-head{display:none}.order{grid-template-columns:1.5fr 1fr}.order span:nth-child(3){display:none}.summary div{padding:15px}.toolbar{margin-top:26px}}