:root{font-family:Inter,system-ui,sans-serif;color:#152019;background:#f4f6f2}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:34px 22px}header,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin:3px 0;font-size:30px}h2{font-size:18px;margin:0 0 7px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#7a4e1d}.login{min-height:100vh;display:grid;place-items:center}.login section{width:min(460px,100%);background:#fff;padding:42px;border-radius:16px;box-shadow:0 12px 45px #24301b14}.login p,p{color:#617064;line-height:1.5}form,label{display:grid;gap:8px;margin-top:24px;font-weight:700}input{font:inherit;padding:11px;border:1px solid #cdd4cc;border-radius:8px;background:#fff}button{border:0;border-radius:8px;padding:11px 16px;background:#315c38;color:#fff;font:inherit;font-weight:750;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.secondary,.password-toggle{background:#e6ebe4;color:#26332a}.password-field{display:flex;gap:8px}.password-field input{min-width:0;flex:1}.password-toggle{padding:8px 12px;font-size:13px}.notice{margin:26px 0;background:#fff7e7;border-left:4px solid #b47729;padding:15px 18px;border-radius:8px;color:#604519}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}article,section:not(.notice){background:#fff;border:1px solid #e3e8e1;border-radius:12px;padding:22px;margin-bottom:20px}article button{margin-top:16px;display:block}small{display:block;margin-top:10px;color:#687568}#qr{max-width:220px;margin:12px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 8px;border-bottom:1px solid #edf0ec;font-size:14px}th{color:#69746a;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.phone{font-family:ui-monospace,monospace}.history{color:#5c685e;font-size:14px;display:grid;gap:8px}.history div{padding:10px;background:#f5f7f4;border-radius:7px}dialog{border:0;border-radius:14px;max-width:480px;padding:28px;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#10201488}dialog div{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}@media(max-width:700px){.grid{grid-template-columns:1fr}header,.section-head{align-items:flex-start;flex-direction:column}main{padding:22px 14px}}