:root{--navy:#101b2d;--navy2:#1b2a43;--blue:#315e91;--ice:#f2f6fa;--paper:#fff;--ink:#182234;--muted:#687487;--line:#dce3eb;--green:#247354;--red:#a23b4a;--amber:#a86617;--shadow:0 18px 55px rgba(22,42,70,.09)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:var(--ice);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.topbar{height:70px;padding:0 clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between;color:#dce7f5;background:var(--navy)}.topbar a{color:inherit;text-decoration:none;font-size:13px}.brand{display:flex;align-items:center;gap:10px;font-weight:750}.brand span{width:34px;height:34px;display:grid;place-items:center;color:#fff;border:1px solid #8094b0;border-radius:8px;font-size:11px}main{max-width:1240px;margin:auto;padding:0 clamp(20px,5vw,64px) 60px}.hero{padding:64px 0 38px;max-width:790px}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em}h2{margin-bottom:0;font-size:25px;letter-spacing:-.035em}.hero>p:last-child{color:var(--muted);font-size:17px;line-height:1.65}.workspace{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:20px;align-items:start}.panel{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.badge{padding:6px 9px;color:var(--blue);background:#e8f0f9;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase}form{display:grid;gap:18px}label{display:grid;gap:7px;color:#3b485b;font-size:12px;font-weight:700}input,textarea{width:100%;padding:12px 13px;color:var(--ink);background:#fbfcfe;border:1px solid #cfd8e3;border-radius:8px;outline:none;font:inherit;font-size:14px}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,94,145,.1)}input:disabled{color:var(--muted);background:#edf1f5}textarea{min-height:92px;resize:vertical}small{color:var(--muted);font-weight:450}.field-action{display:flex;gap:8px}.field-action input{min-width:0}.field-action button,.icon-button{flex:none;color:var(--blue);background:#eef3f9;border:1px solid #ccd8e6;border-radius:8px;cursor:pointer;font-weight:750}.field-action button{padding:0 12px;font-size:11px}.amount-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}button.primary{min-height:45px;color:#fff;background:var(--navy2);border:0;border-radius:8px;cursor:pointer;font:inherit;font-weight:750}.icon-button{width:36px;height:36px;font-size:20px}.message{padding:11px 13px;border-radius:8px;font-size:12px}.message.success{color:var(--green);background:#e6f3ed}.message.error{color:var(--red);background:#f8e7ea}.hidden{display:none}.bookings{display:grid;gap:10px}.booking{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border:1px solid var(--line);border-radius:10px}.booking strong{font-size:14px}.booking .meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px;color:var(--muted);font-size:11px}.booking .purpose{margin:10px 0 0;color:#455267;font-size:13px}.amount{text-align:right;color:var(--navy);font-size:17px;font-weight:800;white-space:nowrap}.iban-state{padding:3px 6px;border-radius:5px;font-size:9px;font-weight:850;text-transform:uppercase}.iban-state.valid{color:var(--green);background:#e6f3ed}.iban-state.invalid{color:var(--red);background:#f8e7ea}.empty{padding:50px 15px;text-align:center;color:var(--muted);border:1px dashed #ccd6e1;border-radius:10px}footer{max-width:1240px;margin:auto;padding:24px clamp(20px,5vw,64px) 38px;display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);font-size:11px}@media(max-width:900px){.workspace{grid-template-columns:1fr}}@media(max-width:560px){.topbar{height:62px}.hero{padding-top:44px}.panel{padding:22px}.field-action{display:grid}.field-action button{min-height:40px}.amount-row{grid-template-columns:1fr}.booking{grid-template-columns:1fr}.amount{text-align:left}footer{flex-direction:column;gap:8px}}