:root{font-family:Arial,Helvetica,sans-serif;color:#20272d;background:#f1f3f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff8a4b;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}.shell{max-width:640px;margin:0 auto;padding:0 20px 36px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0 22px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:85px;height:auto}.brand span{border-left:1px solid #cdd3d8;padding-left:12px;font-size:14px;font-weight:700}.quiet{border:0;background:transparent;color:#5d6872;padding:10px 0 10px 12px;font-size:14px}.welcome{font-size:14px;color:#69737d;margin:3px 0 7px}h1{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:0 0 23px}h2{font-size:19px;line-height:1.4;margin:9px 0 16px}.balance{background:#20272d;color:white;border-radius:20px;padding:25px 24px;position:relative;overflow:hidden}.balance:before{content:'';height:4px;position:absolute;top:0;left:0;right:0;background:#fb6b20}.balance-label{font-size:14px;color:#d4d9dd}.balance strong{display:block;font-size:38px;letter-spacing:-1px;margin:12px 0 14px;overflow-wrap:anywhere}.balance p{font-size:13px;color:#bcc5cc;line-height:1.5;margin:0}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.section-title h2{margin:0;font-size:20px}.count{background:#e0e5e9;border-radius:20px;padding:5px 10px;font-size:13px}.order{background:#fff;border:1px solid #e3e7ea;border-radius:17px;padding:21px;margin:0 0 14px;box-shadow:0 2px 4px #18232d03}.order-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.number{font-size:16px;font-weight:700;color:#dc5817}.status{font-size:12px;border-radius:5px;background:#f4f5f6;color:#66727b;padding:5px 8px;max-width:55%;text-align:right}.period{font-size:14px;color:#68747e;margin-bottom:20px}.hours{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #edf0f2;padding-top:18px}.hours span{font-size:12px;line-height:1.5;color:#7a858e;display:block}.hours strong{display:block;font-size:22px;margin-top:5px}.payout{border-top:1px solid #edf0f2;margin-top:18px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.payout span{font-size:13px;color:#69757e}.payout strong{font-size:25px;white-space:nowrap}.incomplete{font-size:13px;color:#94511d;background:#fff5e9;border-radius:8px;padding:12px;margin-top:14px;line-height:1.5}.order details{margin-top:16px;font-size:13px}.order summary{color:#66727b;cursor:pointer;padding:4px 0}.calculation{padding:10px 0;border-top:1px solid #edf0f2;margin-top:10px;line-height:1.8;color:#606d77}.empty,.error{background:white;padding:26px;border:1px solid #e2e7eb;border-radius:16px;line-height:1.6}.empty h2{margin-top:0}.muted{color:#77838c;font-size:13px;line-height:1.5}.footer{text-align:center;margin-top:25px;font-size:12px;color:#8b949b}.login{max-width:420px;margin:8vh auto 0}.login h1{font-size:30px;margin:30px 0 12px}.login p{color:#77838c;font-size:15px;line-height:1.6;margin-bottom:28px}.login label{display:block;margin:18px 0;font-size:14px;font-weight:600}.login input{margin-top:8px;display:block;width:100%;padding:16px;border:1px solid #d8dee4;border-radius:10px;background:white;font-size:16px}.primary{width:100%;border:0;background:#f66b22;color:white;border-radius:10px;padding:16px;font-weight:700;font-size:16px;margin-top:6px}.form-error{color:#ae3525;font-size:14px;line-height:1.5}.loading{text-align:center;padding:30vh 20px;color:#74808a}.refresh{font-size:13px}.error .quiet{padding-left:0}.error h2{margin-top:0}@media(max-width:380px){.shell{padding:0 14px 28px}.order{padding:17px}.balance strong{font-size:33px}.payout strong{font-size:22px}.brand span{font-size:12px}}