*{box-sizing:border-box}body{color:#102841;background:#f1f5f7;margin:0;font:16px system-ui,sans-serif}header{color:#fff;background:#102b48}.bar{justify-content:space-between;align-items:center;max-width:740px;margin:auto;padding:16px 24px;display:flex}.bar strong{font-size:24px}main{max-width:740px;margin:28px auto;padding:0 24px}h1{margin:0 0 20px;font-size:32px}h2{margin:0 0 16px;font-size:21px}fieldset{border:0;min-width:0;margin:0;padding:0}.card{background:#fff;border:1px solid #d8e2e8;border-radius:14px;margin-bottom:16px;padding:22px;box-shadow:0 3px 12px #0b263b08}.login{max-width:420px;margin:55px auto}.login button{width:100%}.fields{grid-template-columns:minmax(0,1fr) max-content max-content;gap:14px;display:grid}label{margin-bottom:14px;font-weight:600;display:block}input{width:100%;color:inherit;font:inherit;background:#fff;border:1px solid #aebfc9;border-radius:8px;margin-top:6px;padding:9px;display:block}button{color:#fff;font:inherit;cursor:pointer;background:#087e73;border:0;border-radius:8px;padding:9px 15px;font-weight:700}button:disabled{opacity:.5;cursor:default}.secondary{color:#173a50;background:#e3eef2}.actions{gap:8px;margin-top:12px;display:flex}.scroll{margin-bottom:12px;overflow:auto}table{border-collapse:collapse;text-align:right;width:max-content;max-width:100%}th,td{white-space:nowrap;border-bottom:1px solid #e2eaef;padding:8px}th{background:#dcefeb}td input{width:8ch;min-width:0;margin:0;padding:6px 8px}.notice,.feedback{background:#fff4d9;border-radius:8px;padding:12px 20px}.feedback{position:sticky;bottom:12px;box-shadow:0 3px 12px #0002}:focus-visible{outline-offset:2px;outline:3px solid #329bb0}th,td{padding-inline:12px}@media (max-width:580px){.fields{grid-template-columns:1fr}main{padding:0 12px}.card{padding:14px}}body{color:#172d42;background:#f4f7fa;line-height:1.5}h1{letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(24px,5vw,32px)}h2{margin-bottom:16px;font-size:20px}.card{border-color:#dce5ed;padding:clamp(16px,4vw,26px);box-shadow:0 4px 16px #172d4208}.fields{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:12px}.fields label{font-size:14px}.fields input[type=number]{inline-size:100%}.fields input{height:44px;min-inline-size:0;font-weight:500}input[type=file]{background:#f8fafc;padding:5px}input::file-selector-button{color:#145750;font:inherit;cursor:pointer;background:#e1f0ed;border:0;border-radius:5px;margin-inline-end:8px;padding:6px 8px}.scroll{border:1px solid #dce5ed;border-radius:10px}table{width:100%;max-width:none;font-size:14px}th{color:#314c61;background:#edf4f6}th,td{padding:8px clamp(8px,3vw,18px)}th:last-child,td:last-child{text-align:end}tbody tr:nth-child(2n){background:#f8fafc}tbody tr:last-child td{border-bottom:0}td input{font-variant-numeric:tabular-nums;border-color:#c7d5e0;width:11ch}td .secondary{color:#35566d;background:0 0;padding:5px 10px}td .secondary:hover:not(:disabled){background:#e6eff4}.actions{flex-wrap:wrap}@media (max-width:580px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fields label:has(input[type=file]){grid-column:1/-1}td input{width:8ch}}@media (max-width:360px){.fields{grid-template-columns:minmax(0,1fr)}}
