:root{--ink:#f5f7fa;--muted:#9aa3ad;--paper:#080909;--card:#121416;--card2:#181b1f;--accent:#f2c300;--accent2:#ffda31;--line:#2b3036;--danger:#ff6268;--success:#63e695}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:radial-gradient(circle at 80% -20%,#292000 0,#080909 36%);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(18px,5vw,72px);background:#050505eF;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-weight:800;color:var(--ink);text-decoration:none}.topbar nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.topbar nav a{color:#e8eaed;text-decoration:none;padding:8px 12px;border:1px solid transparent;border-radius:8px}.topbar nav a:hover{border-color:var(--accent);color:var(--accent)}.container{max-width:1220px;margin:auto;padding:54px 22px;min-height:70vh}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:45px 0 80px}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;max-width:700px;margin:15px 0}.hero p{color:var(--muted);font-size:1.2rem;max-width:600px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.button,.actions a:not(.brand),button[type=submit]{border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#090909;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 17px;text-decoration:none;font-weight:800;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.button:hover,.actions a:hover,button[type=submit]:hover{background:var(--accent2);border-color:var(--accent2);transform:translateY(-1px)}.button.secondary,.actions a.secondary{background:transparent;color:var(--accent);border-color:#8f7700}.button.secondary:hover,.actions a.secondary:hover{background:#2a250d}.button.danger{background:transparent;color:#ff8589;border-color:#8d3c40}.hero-card{background:linear-gradient(145deg,#1a1d21,#101112);color:white;border:1px solid var(--line);border-radius:24px;padding:45px;min-height:260px;display:flex;flex-direction:column;justify-content:end;gap:8px;box-shadow:0 22px 45px #0008}.hero-card span{color:#c7ced4}.status-dot{width:16px;height:16px;background:var(--success);border-radius:50%;margin-bottom:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.form-card,.panel-card,.admin-card,.booking-card,.appointments-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:0 16px 30px #0004}.cards article span{color:var(--accent);font-weight:800}.cards h2{margin:8px 0}.cards p,.muted{color:var(--muted)}footer{padding:30px 22px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.narrow{max-width:520px;margin:30px auto}label{display:block;font-weight:750;margin:16px 0;color:#dfe3e8}input,select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #3a4148;border-radius:9px;margin-top:6px;font:inherit;background:#0b0c0d;color:var(--ink);color-scheme:dark}input::placeholder,textarea::placeholder{color:#68727c}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.alert{padding:12px;border-radius:8px;background:#4b2326;color:#ffdadd;border:1px solid #91454b;margin:15px 0}.flash{color:var(--success);min-height:1.4em}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat strong{display:block;font-size:2rem;color:var(--accent)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}.data-table{border-collapse:collapse;width:100%;background:var(--card);color:var(--ink);min-width:720px}.data-table th,.data-table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;background:#0e1012}.data-table tr:hover td{background:#1a1e22}.data-table a{color:var(--accent);font-weight:800}.quick-grid a{display:flex;align-items:center;justify-content:center;text-align:center}.chart-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.chart-card h3{margin-top:0}.donut{width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--accent) 0 52%,#5b8cff 52% 77%,#63e695 77% 91%,#414850 91% 100%);display:grid;place-items:center;margin:10px auto}.donut:after{content:"";width:92px;height:92px;border-radius:50%;background:var(--card)}.chart-legend{display:grid;gap:7px;font-size:.86rem;color:#cbd0d5}.chart-legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-right:7px}.chart-legend span:nth-child(2):before{background:#5b8cff}.chart-legend span:nth-child(3):before{background:#63e695}.chart-legend span:nth-child(4):before{background:#414850}.bars{height:150px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #3c434b;padding:12px 4px 0}.bars i{flex:1;background:linear-gradient(#f2c300,#876d00);border-radius:6px 6px 0 0;min-height:12px;position:relative}.bars i b{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);font-size:.68rem;color:#87909a;font-weight:600}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:20px}.cards,.dashboard-grid{grid-template-columns:1fr}.topbar{height:auto;padding:15px 18px;align-items:flex-start}.container{padding-top:30px}}@media(max-width:600px){.topbar{flex-direction:column}.topbar nav{justify-content:flex-start}.data-table{min-width:640px}}