:root{font-family:Segoe UI,Arial,sans-serif;color:#203246;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:white;padding:22px 30px;display:flex;justify-content:space-between;border-bottom:1px solid #dce4ed}a{color:inherit;text-decoration:none}header a{color:#087c87}main{max-width:1180px;margin:26px auto;padding:0 22px}.hero{padding:28px 32px;border-radius:20px;background:linear-gradient(110deg,#1c344d,#117d82);color:white;display:flex;align-items:center;justify-content:space-between}.hero h1{font-size:36px;margin:5px 0}.hero p{margin:5px 0;color:#cee4eb}.hero a{border:1px solid #86bcc2;border-radius:10px;padding:12px}section,#settings{background:white;border-radius:14px}.toolbar{display:flex;gap:12px;align-items:end;padding:20px;flex-wrap:wrap}.toolbar label{min-width:260px;flex:1}label{display:block;font-size:14px;color:#475a6e}input,select,textarea{display:block;width:100%;font:inherit;font-size:16px;border:1px solid #ccd9e3;border-radius:8px;padding:11px;margin:7px 0 14px;background:white;color:#203246}input[type=checkbox]{width:auto;display:inline;margin-right:12px}button{font:inherit;cursor:pointer;border:1px solid #d1dde7;border-radius:9px;padding:12px 18px;background:#eff5f8;color:#21354c}.primary{background:#087d86;color:white;border-color:#087d86}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}.notice{margin:0 20px 18px;padding:16px 20px;background:#edf5f8;border-radius:9px;color:#38596b;line-height:1.6}nav{display:flex;flex-wrap:wrap;gap:5px;padding:0 20px;border-bottom:1px solid #dce4ed}nav button{background:transparent;border:none;border-radius:7px 7px 0 0}nav button.active{background:#087d86;color:white}#fields,#cashiers{padding:26px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}#fields h2{margin-top:0}#fields .help{color:#5d7084;line-height:1.6}.footer{border-top:1px solid #e2e8ee;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}#status{min-height:24px;line-height:1.6;color:#9a3a1a;white-space:pre-wrap}textarea{min-height:100px}[hidden]{display:none!important}@media(max-width:650px){.grid{grid-template-columns:1fr}.hero{display:block}.hero a{display:inline-block;margin-top:18px}.footer{display:block}.toolbar button{flex:1}}