:root{--ink:#14213d;--bg:#f4f6f8;--card:#fff;--line:#d9dee5;--acc:#0f766e;--accd:#0b5953;--bad:#b42318;--mut:#5b6573}
@media(prefers-color-scheme:dark){:root{--ink:#e8ecf2;--bg:#0f141b;--card:#18202b;--line:#2b3644;--acc:#2dd4bf;--accd:#5eead4;--bad:#f97066;--mut:#9aa6b6}}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:var(--card);border-bottom:1px solid var(--line)}
.brand{font-weight:800;font-size:1.25rem;color:var(--ink);text-decoration:none}nav a{margin-left:20px;color:var(--ink)}
main{max-width:1000px;margin:0 auto;padding:32px 5vw 60px}footer{text-align:center;color:var(--mut);padding:20px;font-size:.9rem}
h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;margin:0 0 .6em}h2{margin:0 0 .6em;font-size:1.2rem}a{color:var(--acc)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding:20px 0}
@media(max-width:760px){.hero,.grid{grid-template-columns:1fr!important}}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:20px}
.narrow{max-width:560px;margin-inline:auto}.center{text-align:center}
label{display:block;font-weight:600;margin:14px 0 4px}
input,select,textarea{display:block;width:100%;padding:10px 12px;margin-top:4px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px}
input:focus,select:focus,textarea:focus,.btn:focus-visible,a:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
input[type=range]{padding:0}fieldset{border:0;border-top:1px solid var(--line);margin:18px 0 0;padding:0}legend{font-weight:700;padding-right:8px;color:var(--mut)}
.btn{display:inline-block;margin-top:18px;padding:11px 20px;background:var(--acc);color:#fff;border:0;border-radius:6px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--accd)}.btn.ghost{background:transparent;color:var(--acc);border:1px solid var(--acc)}
.err{color:var(--bad);margin:4px 0 0}.ok{color:var(--acc);font-weight:700}.emi{font-size:1.2rem}.ref{font:700 2rem ui-monospace,monospace;letter-spacing:.05em}
.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.8rem;font-weight:700;vertical-align:middle;background:var(--line)}
.badge.approved{background:#d1f2e4;color:#065f46}.badge.rejected{background:#fde2de;color:#912018}.badge.in_review{background:#e0e7ff;color:#3730a3}.badge.pending{background:#fef0c7;color:#7a4b00}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tabs a{padding:6px 14px;border:1px solid var(--line);border-radius:99px;text-decoration:none;color:var(--ink)}.tabs a.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px}dt{color:var(--mut)}dd{margin:0}