:root{--navy:#0b1426;--blue:#2563eb;--muted:#64748b;--line:#dbe2ea;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182235}header{background:var(--navy);padding:16px max(20px,calc((100vw - 1080px)/2));display:flex;align-items:center;gap:18px;color:#fff}header h1{font-size:18px;flex:1;margin:0}header a{color:#cbd5e1;text-decoration:none}main{max-width:1080px;margin:24px auto;padding:0 18px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin-top:16px;box-shadow:0 1px 2px #0f172a0d}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:17px;margin:0 0 16px}.bar h2{margin:0}fieldset{border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:16px}legend{font-weight:700;padding:0 5px}label{display:block;font-weight:600;margin:9px 0}input,textarea{display:block;width:100%;margin-top:4px;border:1px solid #b9c5d4;border-radius:5px;padding:9px;font:inherit}textarea{min-height:70px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.checks{display:flex;gap:18px}.checks label{font-weight:400}.checks input{display:inline;width:auto;margin-right:5px}.line{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;align-items:end;border-bottom:1px solid #eef2f7;padding:9px 0}.line label{font-size:12px}.line .amount{font-weight:700;padding:10px 0}.hint{color:var(--muted);font-size:12px}.total{font-size:16px;text-align:right}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;padding:15px;border:1px solid var(--line);border-radius:9px}.metric b{display:block;font-size:20px}.metric span{color:var(--muted);font-size:12px}button{border:0;border-radius:6px;padding:10px 14px;background:var(--blue);color:#fff;font:inherit;font-weight:600;cursor:pointer}.secondary{background:#e8edf5;color:#223047}.success{background:#15803d}#notice{min-height:1px;margin-top:10px}.notice-error,.notice-ok{padding:10px;border-radius:6px}.notice-error{background:#fee2e2;color:#991b1b}.notice-ok{background:#dcfce7;color:#166534}.budget{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #eef2f7}.status{font-size:12px;font-weight:700;text-transform:uppercase}.status-approved{color:#15803d}.status-pending{color:#b45309}.status-rejected{color:#b91c1c}.over{color:#b91c1c;font-weight:700}@media(max-width:700px){header{padding:14px}.grid,.metrics{grid-template-columns:1fr}.line{grid-template-columns:1fr 1fr}.budget{grid-template-columns:1fr 1fr}.checks{flex-wrap:wrap}}