:root{font-family:PingFang SC,system-ui,sans-serif;color:#214c42;background:#edf3ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:36px 24px 80px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{letter-spacing:.25em;font-size:13px;color:#69857b}h1,h2{font-family:Songti SC,serif;font-weight:500}h1{font-size:38px;margin:8px 0}h2{font-size:24px;margin:0 0 22px}.card,.stats article{background:#ffffffbc;border:1px solid #fff;border-radius:20px;padding:26px;box-shadow:0 8px 32px #264a3b08}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats article{display:flex;flex-direction:column;gap:12px}.stats strong{font-size:32px;font-weight:500}.stats small,p{color:#658278}p{line-height:1.7}label{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:14px}input,select,textarea{font:inherit;padding:13px;border:1px solid #cbded4;border-radius:10px;background:#f7fbf8;color:inherit;min-width:0}button{font:inherit;padding:12px 18px;border:1px solid #c5d8cd;border-radius:12px;background:#fff;color:#295e4d;cursor:pointer;min-height:44px}button:hover,button.selected{background:#225e4c;color:#fff}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap}.error{background:#fae9e1;color:#9a4338;padding:16px;border-radius:12px}.login{max-width:420px;margin:60px auto}.login button{width:100%;background:#225e4c;color:#fff}.order{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #dce7df;padding:20px 0}.empty{padding:30px;color:#6b8076}@container desktop-viewport (max-width:700px){main{padding:20px 16px 60px}.grid,.stats{grid-template-columns:1fr}.stats article{padding:18px}.card{padding:20px}.order{align-items:flex-start;flex-direction:column}h1{font-size:30px}}