:root{color:#18231f;background:#f5f7f6;font-family:Inter,system-ui,sans-serif}body{margin:0}main{max-width:960px;margin:0 auto;padding:32px 20px}header{color:#087f5b}section{background:#fff;border-radius:16px;margin-top:48px;padding:32px;box-shadow:0 8px 30px #1232}h1{margin-top:0}.orders{gap:16px;display:grid}.orders article{border:1px solid #dfe7e3;border-radius:12px;padding:18px}.orders article header{color:inherit;justify-content:space-between;display:flex}.orders article header span{color:#087f5b;background:#e6fcf5;border-radius:999px;padding:4px 8px}.actions{gap:8px;margin-top:16px;display:flex}button{color:#fff;cursor:pointer;background:#087f5b;border:0;border-radius:8px;padding:9px 13px}button.danger{color:#c92a2a;background:#fff;border:1px solid #c92a2a}.error{color:#c92a2a}.login{gap:12px;max-width:420px;display:grid}.login input{font:inherit;border:1px solid #bdcbc5;border-radius:8px;padding:11px}