:root{--bg:#f7f8f4;--surface:#ffffff;--surface-2:#eef4f1;--text:#17211d;--muted:#63726b;--line:#dce4df;--accent:#116149;--accent-2:#e4aa3b;--danger:#b3261e;--ok:#176b35;--radius:8px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}main{min-height:calc(100vh - 72px)}.site-header{align-items:center;background:rgba(247,248,244,.96);border-bottom:1px solid var(--line);display:flex;height:72px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{color:var(--accent);font-size:24px;font-weight:800;letter-spacing:0}nav{display:flex;gap:18px;color:var(--muted);font-size:14px;font-weight:700}.language-select{align-items:center;display:flex;gap:8px;width:auto}.language-select span{color:var(--muted);font-size:12px}.language-select select{min-height:36px;min-width:112px}.page{margin:0 auto;max-width:1120px;padding:48px 24px}.hero{align-items:center;display:grid;grid-gap:42px;gap:42px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);padding-bottom:34px}.hero h1{font-size:clamp(40px,7vw,76px);line-height:.95;margin:0 0 22px}.lead{color:var(--muted);font-size:19px;line-height:1.6;margin:0 0 28px;max-width:640px}.hero-visual{background:linear-gradient(135deg,rgba(17,97,73,.88),rgba(23,33,29,.7)),url(https://images.unsplash.com/photo-1556740758-90de374c12ad?auto=format&fit=crop&w=1200&q=80);background-position:50%;background-size:cover;border-radius:var(--radius);min-height:420px}.actions{display:flex;flex-wrap:wrap;gap:12px}.button,button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:white;cursor:pointer;display:inline-flex;font-size:15px;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 16px}.button.secondary,button.secondary{background:white;color:var(--accent)}button.danger{background:var(--danger);border-color:var(--danger)}button:disabled{cursor:not-allowed;opacity:.6}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel{padding:24px}.grid{display:grid;grid-gap:18px;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:20px}.card h3,.panel h2{margin:0 0 10px}.muted{color:var(--muted)}.form{grid-gap:18px;gap:18px;max-width:720px}.form,label{display:grid}label{color:var(--muted);font-size:13px;font-weight:800;grid-gap:7px;gap:7px}input,select{background:white;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font:inherit;min-height:44px;padding:10px 12px;width:100%}.stepper{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.step{background:var(--surface-2);border-radius:var(--radius);color:var(--muted);font-size:13px;font-weight:800;padding:12px;text-align:center}.step.active{background:var(--accent);color:white}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:5px 10px;text-transform:uppercase}.status.pending{background:#fff2c7;color:#765500}.status.approved,.status.paid{background:#dcf7e5;color:var(--ok)}.status.rejected{background:#fde7e5;color:var(--danger)}.loan-list{display:grid;grid-gap:12px;gap:12px}.loan-row{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:1.2fr .8fr .8fr auto}.thumbs{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.thumbs img{aspect-ratio:4/3;border:1px solid var(--line);object-fit:cover;width:100%}.notice,.thumbs img{border-radius:var(--radius)}.notice{background:var(--surface-2);color:var(--muted);padding:14px}@media (max-width:820px){.site-header{align-items:flex-start;flex-direction:column;height:auto;gap:12px;padding:18px 20px}nav{flex-wrap:wrap}.grid.four,.grid.three,.grid.two,.hero,.loan-row{grid-template-columns:1fr}.hero-visual{min-height:260px}.stepper,.thumbs{grid-template-columns:1fr 1fr}}