:root{font-family:system-ui,sans-serif;color:#242331;background:#f5f5fa;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{border-top:6px solid transparent;border-image:linear-gradient(90deg,#8000d9,#009ff1) 1;background:#fff;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:22px max(20px,calc((100% - 1000px)/2))}header strong{font-size:22px}header small{display:block;color:#686577}header form{margin-left:auto}nav{background:white;padding:12px max(20px,calc((100% - 1000px)/2));display:flex;gap:24px}a{color:#6500ca}main{max-width:800px;margin:32px auto;padding:0 20px}h1{font-size:26px}h2{font-size:20px}.panel{background:white;border:1px solid #e5e4ee;border-radius:12px;padding:24px;margin:20px 0}label{display:block;margin:0 0 18px}input:not([type=hidden]),select{display:block;width:100%;padding:11px;margin-top:6px;font:inherit;border:1px solid #c8c5d3;border-radius:7px}button,.primary{display:inline-block;padding:11px 18px;border:1px solid #d5d2df;border-radius:8px;font:inherit;background:white;color:#242331;text-decoration:none;cursor:pointer}.primary{background:#7800ef;color:white;border-color:#7800ef}.error{color:#9d2020;background:#fff0ef;padding:16px;border-radius:8px}.success{color:#176b36}footer{max-width:800px;margin:32px auto;padding:0 20px;color:#686577;font-size:13px}li{padding:6px 0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #009ff1;outline-offset:3px}@media(max-width:600px){header{gap:16px;padding:16px}main{margin-top:20px}.panel{padding:18px}}

nav{flex-wrap:wrap}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.entry-three{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-grid>*{min-width:0}.entry-total{display:flex;justify-content:space-between;gap:16px;background:#f2eaff;border-radius:8px;padding:16px;margin-top:12px}.entry-total output{font-weight:600}.entry-actions{display:flex;gap:12px;flex-wrap:wrap}textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #c8c5d3;border-radius:7px;margin-top:6px}small{color:#686577}@media(max-width:600px){.entry-grid,.entry-three{grid-template-columns:1fr}}