*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0d0c0b;color:#f3efe8}body{min-height:100vh;background:radial-gradient(circle at 20% -10%,#3a2d20 0,transparent 30%),#0d0c0b}button,input,select,textarea{font:inherit}.splash,.login{min-height:100vh;display:grid;place-items:center}.splash{gap:12px;align-content:center;color:#b9b0a5}.login-card{width:min(420px,calc(100vw - 32px));padding:32px;background:#171513;border:1px solid #302b26;border-radius:24px;box-shadow:0 30px 80px #0008}.login-card h1{font-size:34px;margin:8px 0}.brandmark{width:48px;height:48px;border-radius:15px;background:#d4a76a;color:#17110b;display:grid;place-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;color:#9c8d7d;font-weight:800;margin:0}.muted{color:#8f887f}.login-card label,.modal label{display:grid;gap:7px;font-size:12px;color:#aaa096;font-weight:700;margin:14px 0}input,select,textarea{width:100%;border:1px solid #3a342e;background:#11100f;color:#f3efe8;border-radius:12px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#c69b62}.primary,.secondary,.icon,.avatar,.day,.appointment{border:0;cursor:pointer}.primary{background:#d4a76a;color:#17110b;padding:12px 16px;border-radius:12px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary:disabled{opacity:.5}.secondary{background:#211e1b;color:#d8d0c6;border:1px solid #37312b;padding:10px 13px;border-radius:11px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.icon{width:42px;height:42px;border-radius:12px;background:#1b1816;color:#bdb4aa;display:grid;place-items:center;border:1px solid #302b26}.icon svg,.primary svg,.secondary svg{width:18px}.error{color:#ff9e94;font-size:13px}.app-shell{min-height:100vh}header{height:78px;padding:0 clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27231f;background:#100f0ed9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand,.header-actions,.avatar{display:flex;align-items:center;gap:12px}.brand .brandmark{width:42px;height:42px;border-radius:13px}.brand h1{font-size:20px;margin:2px 0}.header-actions{gap:8px}.avatar{height:42px;padding:0 12px;border-radius:12px;background:#171513;border:1px solid #302b26;color:#eee5dc}.avatar svg{width:17px}.avatar span{font-size:13px;font-weight:800}.avatar small{font-size:10px;text-transform:uppercase;color:#9d8d7d}.layout{padding:24px clamp(14px,4vw,48px) 48px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px;max-width:1500px;margin:auto}.calendar-card,.agenda,.bottom-card{background:#151311;border:1px solid #2c2824;border-radius:20px;overflow:hidden}.calendar-top,.agenda-head{padding:20px;display:flex;align-items:center;justify-content:space-between}.calendar-top h2,.agenda h2,.bottom-card h2{margin:4px 0 0;font-size:22px}.calendar-nav{display:flex;gap:7px}.weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays{padding:0 12px;color:#766e66;font-size:10px;font-weight:900;text-align:center}.weekdays span{padding:10px}.month-grid{border-top:1px solid #292521}.day{min-height:98px;padding:10px;background:#141210;color:#ddd5cc;border-right:1px solid #292521;border-bottom:1px solid #292521;text-align:left;position:relative}.day:nth-child(7n){border-right:0}.day:hover,.day.selected{background:#201b17}.day.outside{color:#5f5952;background:#100f0e}.day.today b{background:#d4a76a;color:#17110b;border-radius:9px;padding:5px 8px}.dots{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:4px;align-items:center}.dots i{width:7px;height:7px;border-radius:50%;background:#d4a76a}.dots em{font-size:9px;color:#978b7e}.agenda{min-height:620px;display:flex;flex-direction:column}.compact{padding:10px 12px}.appointment-list{padding:0 12px;display:grid;gap:8px}.appointment{width:100%;background:#1b1815;color:#eee7df;border:1px solid #302b26;border-radius:14px;padding:12px;text-align:left;display:grid;grid-template-columns:72px 1fr;gap:12px}.appointment:hover{border-color:#5b4b3a}.time{font-weight:850;font-size:14px;color:#d9ad73}.time small{display:block;font-size:10px;color:#766f68;margin-top:3px}.appt-main>div:first-child{display:flex;justify-content:space-between;gap:8px}.appt-main strong{font-size:14px}.appt-main span{font-size:11px;color:#948a80}.appt-main p{font-size:12px;color:#aaa096;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;gap:10px}.status{display:inline-flex;padding:4px 7px;border-radius:20px;background:#29241f;color:#baa68d;font-size:9px!important;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.status.completed{background:#17251b;color:#8bc39a}.status.cancelled,.status.no_show{background:#291919;color:#d58f88}.status.review{background:#332616;color:#e7b96f}.empty{margin:auto;text-align:center;color:#706960}.empty svg{width:34px}.empty h3{color:#bdb4aa;margin:8px 0 3px}.empty p{margin:0;font-size:12px}.quick{padding:14px;margin-top:auto}.wide{width:100%}.bottom-card{grid-column:1/-1;padding:20px}.upcoming{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:14px}.up-row{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:10px;background:#1a1715;border-radius:13px}.datebox{width:44px;height:44px;border:1px solid #3a332c;border-radius:10px;display:grid;place-items:center;align-content:center}.datebox b{font-size:17px}.datebox span,.up-row>div:nth-child(2) span{font-size:9px;text-transform:uppercase;color:#887e74}.up-row>div:nth-child(2){display:grid;gap:3px}.up-row strong{font-size:12px}.modal-bg{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:16px;z-index:50;backdrop-filter:blur(8px)}.modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#171513;border:1px solid #39322c;border-radius:22px;padding:22px;box-shadow:0 40px 100px #000}.modal.small{width:min(540px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal h2{margin:5px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.span2{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}.check input{width:auto}.toast{position:fixed;right:20px;bottom:20px;z-index:80;background:#e2b677;color:#17110b;font-weight:800;padding:13px 16px;border-radius:12px;max-width:360px;box-shadow:0 15px 50px #0008;cursor:pointer}@media (max-width:900px){.layout{grid-template-columns:1fr}.bottom-card{grid-column:auto}.agenda{min-height:420px}.day{min-height:72px}.avatar span,.avatar small{display:none}}@media (max-width:560px){header{height:68px}.brand .eyebrow{display:none}.layout{padding:10px}.calendar-card,.agenda,.bottom-card{border-radius:16px}.calendar-top{padding:14px}.calendar-top h2{font-size:18px}.calendar-nav .secondary{display:none}.weekdays span{font-size:8px;padding:7px 2px}.day{min-height:58px;padding:6px}.day b{font-size:11px}.dots{left:6px;bottom:6px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.modal{padding:16px}.appointment{grid-template-columns:62px 1fr}.upcoming{grid-template-columns:1fr}}.settings-modal{width:min(760px,100%)}.settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 22px}.settings-section{border-top:1px solid #302b26;padding-top:20px}.settings-section h3{margin:5px 0 14px}.block-list{display:grid;gap:8px}.block-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#11100f;border:1px solid #302b26;border-radius:13px;padding:11px 12px}.block-row>div{display:grid;gap:4px}.block-row strong{font-size:13px}.block-row span{font-size:11px;color:#948a80}.danger{color:#e28d85}.success{color:#9ed0a9;font-size:13px}.login-logo{width:48px;height:48px;display:block;object-fit:cover;border-radius:15px;margin-bottom:0}.header-logo{width:42px;height:42px;display:block;object-fit:cover;border-radius:13px}