:root{color-scheme:light;--bg:#f3f8fa;--p:#fff;--ink:#102a37;--muted:#66808c;--line:#d6e4e9;--green:#008c78;--red:#d94152}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui}main{max-width:1450px;margin:auto;padding:18px}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}a,button{padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-weight:800;text-decoration:none}.brand{margin-right:auto;display:flex;gap:8px;align-items:center}.brand img{width:28px}.brand i{background:var(--ink);color:#fff;padding:3px 7px;border-radius:99px;font-size:.7rem}header{display:grid;grid-template-columns:1fr 260px;gap:20px;margin-top:12px;padding:38px;border-radius:28px;background:linear-gradient(135deg,#093d5b,#087069);color:#fff}small{color:var(--green);font-weight:900;letter-spacing:.11em}header small{color:#7ef6df}h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:.9;margin:.2em 0}select,input{padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}.builder{display:grid;grid-template-columns:1.5fr 1.5fr .7fr .8fr auto;gap:8px;align-items:center;margin-top:10px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:14px}.builder h2{margin:0}.builder p{grid-column:1/-1;margin:0;color:var(--muted)}#bookingBuilder{grid-template-columns:repeat(4,1fr)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.metrics article,.panel{padding:18px;background:#fff;border:1px solid var(--line);border-radius:17px}.metrics span,.metrics strong{display:block}.metrics span{color:var(--muted)}.metrics strong{font-size:2rem}.layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.span2{grid-column:span 2}.item{padding:13px;margin-top:8px;background:#f3f8fa;border-radius:10px}.item span{display:block;color:var(--muted)}.conflict{border-left:5px solid var(--red)}footer{display:flex;justify-content:space-between;padding:22px;color:var(--muted)}@media(max-width:950px){.builder,#bookingBuilder,.layout{grid-template-columns:1fr 1fr}.span2{grid-column:span 2}}@media(max-width:600px){header,.builder,#bookingBuilder,.layout,.metrics{grid-template-columns:1fr}.span2{grid-column:auto}footer{display:block}}