:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#232e28;background:#f5f5f0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}header{padding:22px 5%;background:#283c30;color:white;display:flex;align-items:center;justify-content:space-between}.logo{text-decoration:none;color:#fff;font-size:29px;font-weight:850;letter-spacing:-2px}.logo span{color:#e6a27a}.logo small{font-size:13px;letter-spacing:1px;font-weight:650;margin-left:12px}.top-tag{letter-spacing:2px;font-size:10px;color:#c1d1c2}.container{max-width:1180px;margin:0 auto;padding:48px 22px 70px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:#9a745e;letter-spacing:2px;font-size:11px;font-weight:800}.heading h1{font-size:35px;margin:9px 0}.heading p{font-size:13px;color:#838b82;line-height:1.7}.outline{border:1px solid #bac4b8;background:transparent;border-radius:5px;padding:12px 18px;color:#4d6753}.solid{background:#294534;border:0;border-radius:5px;padding:12px 22px;color:#fff;font-weight:750}.login-card,.order-card{background:#fff;border:1px solid #e4e6df;border-radius:7px;padding:26px;box-shadow:0 8px 30px #44503908}.login-card{max-width:660px;margin-top:35px}.login-card h2{font-size:20px}.login-card p{color:#7f867d;font-size:13px}.login-row{display:flex;gap:10px;margin-top:18px}.login-row input{flex:1;min-width:0;border:1px solid #cdd7cb;border-radius:5px;padding:12px}.error{color:#ba573a!important;min-height:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:25px}.stats>div{background:white;padding:21px 24px;border-radius:6px;border:1px solid #e4e6df}.stats small{display:block;font-size:11px;color:#869184}.stats strong{display:block;font-size:33px;margin-top:7px}.notice{padding:17px 19px;background:#f9eada;border-radius:5px;color:#926c45;font-size:12px;line-height:1.7;margin:22px 0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-card{padding:21px}.order-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.code{font-weight:850;font-size:20px;letter-spacing:1px}.status{padding:6px 9px;background:#f9eedb;color:#96734a;border-radius:20px;font-size:11px;white-space:nowrap}.status.PAID,.status.RECEIVED{background:#e8f1eb;color:#4d8960}.status.PRINTED{background:#ecece9;color:#67716a}.meta{color:#8b938a;font-size:11px;margin:11px 0}.line{border-top:1px solid #edf0ec;padding-top:12px;display:flex;justify-content:space-between;font-size:13px;margin-top:15px}.line strong{color:#c36c48;font-size:19px}.photo-row{margin-top:13px;padding:9px;background:#f6f8f3;border-radius:4px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#526155;gap:9px}.buttons{margin-top:15px;display:flex;gap:9px;flex-wrap:wrap}.buttons button{font-size:12px;padding:10px 13px;border-radius:3px;border:1px solid #cddace;background:#fff;color:#355742;font-weight:700}.buttons button.primary{background:#2c503b;color:white;border-color:#2c503b}.buttons button:disabled{opacity:.45}.empty{grid-column:1/-1;color:#89938a;text-align:center;padding:40px}.toast{color:#b34c33;font-size:12px;margin:10px 0}footer{text-align:center;color:#9da49a;padding:20px;font-size:11px}
@media(max-width:760px){.container{padding:27px 15px}.heading h1{font-size:28px}.heading{align-items:start}.heading p{font-size:11px}.outline{padding:10px;font-size:11px}.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.login-row{flex-direction:column}.order-card{padding:16px}}