:root{--ink:#17202a;--muted:#6b7280;--bg:#f3f5f2;--primary:#0d6b5a;--line:#e3e7e3;--positive:#15803d;--negative:#dc2626}*{box-sizing:border-box}body{margin:0;font:15px Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:var(--primary);color:#fff;padding:.7rem 1rem}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#d3ece4,var(--bg) 45%)}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.4rem;box-shadow:0 5px 18px #17352b0a}.auth-card{width:min(420px,92vw);text-align:center;padding:2.5rem}.brand{margin:auto;background:var(--primary);color:#fff;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;font-size:1.6rem}.auth-card label,dialog label{display:grid;text-align:left;gap:.4rem;margin:1rem 0;color:var(--muted)}input,select{border:1px solid #ccd4ce;border-radius:9px;padding:.7rem;background:#fff}.auth-card>button:not(.link){width:100%}.link{background:none;color:var(--primary)}.error{color:var(--negative)}#application{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{background:#fff;border-right:1px solid var(--line);padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.logo{font-size:1.2rem;font-weight:750}.logo:first-letter{color:var(--primary)}nav{display:grid;gap:.5rem}nav button,nav a{background:none;color:var(--muted);text-align:left;text-decoration:none;padding:.7rem;border-radius:8px}nav .active,nav button:hover{background:#e8f2ef;color:var(--primary)}aside>#logout{margin-top:auto;background:none;color:var(--muted);text-align:left}main{padding:2.5rem;max-width:1500px;width:100%;margin:auto}header,.section-title{display:flex;justify-content:space-between;align-items:center}h1,h2{margin:.25rem 0}.eyebrow{color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.12em}.month{display:grid;color:var(--muted);gap:.3rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.metrics article{background:#fff;padding:1.25rem;border-radius:14px;border:1px solid var(--line)}.metrics span{display:block;color:var(--muted);margin-bottom:.8rem}.metrics strong{font-size:1.65rem}.positive{color:var(--positive)}.negative{color:var(--negative)}.grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem}.chart{height:330px}.chart canvas{max-height:250px}.filters{display:flex;gap:.7rem;margin:1rem 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid var(--line);padding:.85rem .5rem}th{color:var(--muted);font-size:.8rem}.pill{padding:.25rem .55rem;border-radius:20px;background:#eef1ef;font-size:.75rem}.delete{background:none;color:var(--negative);padding:.3rem}dialog{border:0;border-radius:16px;padding:1.5rem;width:min(520px,94vw);box-shadow:0 20px 60px #0003}dialog::backdrop{background:#13251f99}.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.actions{display:flex;justify-content:flex-end;gap:.6rem}.secondary{background:#e8ece9;color:var(--ink)}@media(max-width:900px){#application{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:3;flex-direction:row;align-items:center;padding:.8rem 1rem}aside nav{display:flex;margin-left:auto}aside nav button:not(#openBooking),aside nav a,aside>#logout,.logo span{display:none}main{padding:1rem}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.two{grid-template-columns:1fr}header{align-items:end}.metrics strong{font-size:1.4rem}}
