:root{--bg:#090a0b;--panel:#111213;--line:#2c2d2e;--text:#f4f1e9;--muted:#96938c;--gold:#ffc55f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(255,197,95,.1),transparent 28%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}.top{height:82px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#090a0be8}.logo{color:#fff;text-decoration:none;display:flex;flex-direction:column}.logo strong{font:italic 800 35px/.7 'Barlow Condensed';letter-spacing:-.07em}.logo span{margin-top:8px;color:var(--gold);font-size:7px;letter-spacing:.38em}.top nav{margin-left:auto;display:flex;gap:25px}.top nav a{color:#ddd;text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.shell{width:min(1160px,92%);margin:65px auto}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:.2em}.shell h1{font:700 clamp(55px,8vw,105px)/.75 'Barlow Condensed';margin:20px 0 45px}.card{background:var(--panel);border:1px solid var(--line);padding:28px}.account-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}.card h2{font:28px 'Barlow Condensed';margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label{display:grid;gap:6px;color:#999;font-size:9px;text-transform:uppercase}.fields input,.login-card input,.login-card select{padding:14px;background:#171819;border:1px solid var(--line);color:#fff}.button{padding:15px 18px;border:0;background:linear-gradient(135deg,#ffd477,#f0a83c);color:#17120a;font-weight:700;text-transform:uppercase;cursor:pointer}.fields .button{grid-column:1/-1}.appointment{display:grid;grid-template-columns:90px 1fr auto;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.appointment time{color:var(--gold);font:25px 'Barlow Condensed'}.appointment b,.appointment small{display:block}.appointment small{color:#888;margin-top:5px}.status{padding:6px 9px;border:1px solid #504934;color:var(--gold);font-size:8px;text-transform:uppercase}.empty{padding:35px;color:#777;border:1px dashed #333}.login-card{width:min(470px,92%);margin:10vh auto;padding:35px;background:var(--panel);border:1px solid var(--line)}.login-card label{display:grid;gap:7px;margin:15px 0;color:#999;font-size:9px;text-transform:uppercase}.login-card .button{width:100%;margin-top:10px}.error{color:#e98282;font-size:11px}.barber-dashboard{display:none}.barber-dashboard.open{display:block}.barber-head{display:flex;justify-content:space-between;align-items:end}.barber-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.barber-stats .card b{display:block;color:var(--gold);font:38px 'Barlow Condensed';margin-top:10px}.logout{background:none;border:1px solid #555;color:#fff;padding:10px 15px}@media(max-width:700px){.top nav a:nth-child(2){display:none}.shell{margin-top:35px}.account-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.barber-stats{grid-template-columns:1fr 1fr}.appointment{grid-template-columns:65px 1fr}.appointment .status{grid-column:2}.barber-head{display:block}}
