:root{font-family:system-ui,sans-serif;color:#172b48;background:#f1f5fb}*{box-sizing:border-box}body{margin:0}header{background:#17365d;color:white;padding:22px max(20px,calc((100vw - 1000px)/2));display:flex;justify-content:space-between;gap:20px}main{max-width:1000px;margin:28px auto;padding:0 18px}nav,.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}button{background:#245fa5;border:0;border-radius:8px;color:white;padding:12px 18px;cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:wait}input,select{width:100%;font:inherit;padding:12px;border:1px solid #b8c9df;border-radius:7px;background:white}label{display:block;margin:14px 0}input[type=checkbox]{width:auto;margin-right:8px}article,.panel{background:white;border:1px solid #d6e0ee;border-radius:12px;padding:22px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.muted{color:#516987}h1{font-size:1.7rem}h2{font-size:1.15rem}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #e2eaf5}.scroll{overflow:auto}#message{white-space:pre-line;color:#8c301c}#message:empty{display:none}.login{max-width:460px;margin:30px auto}.secret{overflow-wrap:anywhere;font-family:monospace;background:#edf3fc;padding:15px}small{line-height:1.6}button.secondary{background:#617b9f}[hidden]{display:none!important}@media(max-width:580px){.grid{grid-template-columns:1fr}header{padding:18px}article,.panel{padding:16px}button{flex-grow:1}}

input[type=checkbox]{accent-color:#245fa5}button:hover{background:#1c4d88}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #83b6f1;outline-offset:2px}a{color:#205ea6}

textarea{width:100%;font:inherit;padding:12px;border:1px solid #b8c9df;border-radius:7px;resize:vertical}a.receipt-link{display:inline-block;padding:12px 18px;background:#edf3fc;border-radius:8px}