:root{--navy:#151020;--primary:#c84fa7;--blue:#0868d8;--bg:#f4f6fb;--text:#18243a;--muted:#758299;--line:#dfe6ef}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}aside{position:fixed;inset:0 auto 0 0;width:240px;padding:24px 15px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(180deg,#21142a,#100b17)}.admin-brand{display:flex;align-items:center;gap:10px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand span,.admin-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#c84fa7,#8f63dd);font-weight:900}.admin-brand b{font-size:16px}aside nav{display:grid;gap:5px;margin-top:22px}aside nav a{padding:11px 13px;border-radius:10px;color:#cfc4d4;font-size:12px;font-weight:700}aside nav a:hover,aside nav a.active{color:#fff;background:rgba(255,255,255,.09)}.logout{margin-top:auto;padding:10px;color:#bdaec3;font-size:11px}main{margin-left:240px;padding:0 30px 50px}main>header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}main>header div{display:flex;gap:10px;align-items:baseline}main>header span{color:var(--muted);font-size:11px}main>header a{color:var(--blue);font-size:11px;font-weight:800}.admin-heading{margin:28px 0 18px}.admin-heading span,.card-head span{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.14em}.admin-heading h1{margin:5px 0;font-size:31px}.admin-heading p{margin:0;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-stats article,.admin-card{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(25,45,76,.07)}.admin-stats span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.admin-stats strong{display:block;margin-top:9px;font-size:28px}.admin-card{margin-top:18px}.card-head{margin-bottom:15px}.card-head h2{margin:5px 0}.appt-list{display:grid}.appt-list article{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #edf1f5}.appt-list article>div{display:grid}.appt-list small{color:var(--muted);font-size:9px}.appt-list form{display:flex;gap:6px}.appt-list select,.appt-list button,.settings-form input{padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff}.appt-list button,.settings-form button{border:0;color:#fff;background:linear-gradient(135deg,#c84fa7,#8f63dd);font-weight:800;cursor:pointer}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-form label{display:grid;gap:6px;font-size:10px;font-weight:750}.settings-form button{grid-column:1/-1;padding:11px}.empty{padding:25px;color:var(--muted);text-align:center}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,rgba(200,79,167,.3),transparent 25rem),linear-gradient(145deg,#170e1e,#34203b)}.login-card{width:min(410px,calc(100% - 30px));padding:34px;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-card .admin-logo{margin-bottom:18px}.login-card h1{margin:0}.login-card p{color:var(--muted)}.login-card label{display:grid;gap:6px;margin-top:12px;font-size:10px;font-weight:750}.login-card input{padding:11px;border:1px solid var(--line);border-radius:9px}.login-card button{width:100%;margin-top:16px;padding:11px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#c84fa7,#8f63dd);font-weight:800}.login-card small{display:block;margin-top:12px;color:var(--muted)}.admin-alert{padding:10px;border-radius:9px;color:#a53029;background:#fff0ee}
@media(max-width:800px){aside{position:relative;width:auto;height:auto}main{margin:0;padding:0 15px 35px}.admin-stats{grid-template-columns:1fr 1fr}.appt-list article{grid-template-columns:1fr}.settings-form{grid-template-columns:1fr}.settings-form button{grid-column:auto}}