:root{--orange:#e84e1b;--ink:#0d1216;--panel:#151d23;--line:#2a353e;--muted:#9aaab5;--white:#f4f7f8;--green:#57c38c;--red:#ed7373}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:1240px;margin:auto;padding:24px}header,.headerActions,.sectionHead,.categorySwitch,.legend,.actions{align-items:center;gap:12px;display:flex}header{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:20px}.brand{letter-spacing:.08em;grid-template-rows:22px 14px;grid-template-columns:38px auto;align-items:center;display:grid}.brand span{color:var(--orange);grid-row:1/3;font-size:36px;font-weight:900}.brand b{font-size:20px}.brand small{color:var(--muted);font-size:10px}button{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 16px;font-weight:700}.ghost,.linkButton{border:1px solid var(--line);background:0 0}.linkButton{color:var(--muted);width:100%}.pill,.status{background:#25313a;border-radius:99px;padding:6px 10px;font-size:12px}.hero{justify-content:space-between;gap:28px;padding:72px 0 38px;display:flex}.hero h1{max-width:760px;margin:8px 0 16px;font-size:clamp(2.25rem,5vw,4.7rem);line-height:.98}.hero p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.5}.eyebrow{color:var(--orange);letter-spacing:.12em;margin:0;font-size:12px;font-weight:800}.categorySwitch{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-self:end;padding:6px}.categorySwitch button{color:var(--muted);background:0 0}.categorySwitch .active{background:var(--orange);color:#fff}nav{border-bottom:1px solid var(--line);gap:22px;margin-bottom:24px;padding:0 0 16px;display:flex}nav a{color:var(--muted);font-weight:700;text-decoration:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:20px 0;padding:24px}.sectionHead{justify-content:space-between}.sectionHead h2,.admin h2{margin:5px 0 0}.calendar{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(7,1fr);margin-top:20px;display:grid}.calendar>b,.day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}.calendar>b{color:var(--muted);font-size:12px}.day{height:108px;color:var(--muted)}.booking{color:#ffe0b3;background:#473b25;border-radius:5px;margin-top:6px;padding:5px;font-size:10px;display:block;overflow:hidden}.booking strong,.booking span,td small{display:block}.booking.aprobada{color:#aee9cb;background:#173e35}.booking.negada{color:#ffb5b5;background:#42262a}.legend{margin-top:12px;font-size:12px}.legend span:before{content:"";background:#b98835;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.legend .approved:before{background:var(--green)}.legend .denied:before{background:var(--red)}.two{grid-template-columns:.75fr 1.25fr;gap:30px;display:grid}.form{gap:14px;display:grid}.compact{grid-template-columns:repeat(2,1fr)}.form label{color:var(--muted);gap:6px;font-size:13px;display:grid}.form input,.form select{border:1px solid var(--line);color:#fff;width:100%;font:inherit;background:#0d1318;border-radius:7px;padding:11px}.full{grid-column:1/-1}.tableWrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--line);padding:13px;font-size:14px}th{color:var(--muted);font-size:12px}td small{color:var(--muted);margin-top:3px}.empty{text-align:center;color:var(--muted);padding:40px}.status.pendiente{color:#ffe0b3}.status.aprobada{color:#aee9cb}.status.negada{color:#ffb5b5}.admin{padding:40px 0}.adminGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.adminGrid .panel{margin:18px 0}.admin h3{margin-top:0}.danger{background:#6f3035}.notice{color:#c9f1d9;background:#253a31;border-radius:8px;max-width:380px;padding:14px 18px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #0008}.auth{align-content:center;place-items:center;gap:30px;min-height:100vh;display:grid}.auth .card{max-width:460px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px}.wide{max-width:600px!important}.auth h1{margin:8px 0}.auth p{color:var(--muted);line-height:1.5}@media (max-width:760px){main{padding:16px}.hero,.two{display:block}.hero{padding:42px 0 24px}.categorySwitch{align-self:auto;margin-top:26px;overflow:auto}.calendar{min-width:650px}.panel{padding:16px}.calendar{margin-left:-16px;margin-right:-16px}.compact,.adminGrid{grid-template-columns:1fr}.sectionHead{flex-direction:column;align-items:flex-start}.headerActions .pill{display:none}nav{overflow:auto}.actions{flex-direction:column;align-items:stretch}.actions button{padding:8px}}
