@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');:root{--ink:#171512;--paper:#f5f0e8;--line:#d5ccc0;--gold:#ae8b53}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}main{max-width:1100px;margin:auto;padding:7vh 30px}#login{max-width:370px;margin:10vh auto}p{letter-spacing:2px;text-transform:uppercase;font-size:11px}h1{font:64px Italiana;margin:8px 0 32px}form{display:grid;gap:10px}input,select,button{font:inherit;padding:12px;border:1px solid var(--line);background:transparent}button{background:var(--ink);color:var(--paper);cursor:pointer}header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);margin-bottom:25px}header h1{margin-bottom:20px}#summary{display:flex;gap:25px;font-size:13px;margin:20px 0}.toolbar{display:flex;gap:10px;margin:22px 0}.toolbar input{flex:1}.appointment{display:grid;grid-template-columns:120px 1fr auto;gap:20px;border-top:1px solid var(--line);padding:20px 0}.appointment h2{font:28px Italiana;margin:0}.appointment p{margin:5px 0;text-transform:none;letter-spacing:0;color:#625b54}.appointment select{align-self:start}@media(max-width:600px){main{padding:25px 17px}.appointment{grid-template-columns:1fr;gap:6px}.toolbar{display:grid}h1{font-size:48px}}
.clients-panel{margin-top:60px;border-top:1px solid var(--ink);padding-top:26px}.clients-panel h2{font:40px Italiana;margin:0 0 10px}.client{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:11px 0}.client strong{font-weight:500}.client span{font-size:13px;color:#625b54}@media(max-width:600px){.client{display:grid;gap:2px}}
.login-brand{font:72px Italiana!important;letter-spacing:-2px!important;text-transform:none!important;margin:0!important}.login-brand::after{content:'BROWS | LASHES | WAXING';display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:8px;text-align:center}.login-brand+ h1{display:none}#enable-notifications{margin-right:8px;background:transparent;color:var(--ink)}#enable-notifications:hover{background:var(--ink);color:var(--paper)}@media(max-width:600px){.login-brand{font-size:60px!important}#dashboard header{align-items:flex-start;gap:8px;flex-wrap:wrap}#enable-notifications{order:3;margin:0}}
.admin-tabs{display:flex;gap:8px;margin-left:auto}.admin-tabs button{background:transparent;color:var(--ink);padding:10px 12px}.admin-tabs button:hover{background:var(--ink);color:var(--paper)}.settings-panel{margin-top:60px;border-top:1px solid var(--ink);padding-top:26px;max-width:520px}.settings-panel h2{font:40px Italiana;margin:0}.settings-panel>p{letter-spacing:0;text-transform:none;color:#625b54}.settings-panel form{display:grid;gap:12px}.settings-panel label{display:grid;gap:5px;font-size:12px}.settings-panel form button{justify-self:start}.settings-panel small{min-height:18px;color:#73501a}@media(max-width:600px){.admin-tabs{order:3;margin:0;width:100%}.admin-tabs button{flex:1}#enable-notifications{order:4;margin:0}}
#enable-notifications{margin:0}
.modal-open{overflow:hidden}.client-modal{position:fixed;inset:0;z-index:20;background:rgb(23 21 18/.56);padding:4vh 4vw;display:grid;place-items:center}.client-modal[hidden]{display:none}.client-modal-dialog{width:min(930px,100%);max-height:92vh;overflow:auto;background:var(--paper);padding:26px}.client-modal-dialog header{position:sticky;top:-26px;background:var(--paper);padding-top:1px;z-index:1}.client-modal-dialog header h2{font:48px Italiana;margin:0 0 15px}.modal-close{background:transparent;color:var(--ink);border-color:var(--ink)}.client-modal-tools{position:sticky;top:96px;background:var(--paper);padding:12px 0;border-bottom:1px solid var(--line);z-index:1}.client-modal-tools input{width:100%}.client-modal-tools p{letter-spacing:0;text-transform:none;margin:8px 0 0;color:#625b54}.modal-client{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.modal-client div{display:grid;gap:2px}.modal-client strong{font-weight:500}.modal-client span{font-size:13px;color:#625b54}.modal-client>span{font-size:11px;text-transform:uppercase;letter-spacing:1px}.client-modal-dialog>#load-more-clients{margin:20px auto 0;background:transparent;color:var(--ink);border-color:var(--ink)}@media(max-width:600px){.client-modal{padding:0;place-items:stretch}.client-modal-dialog{width:100%;max-height:none;height:100vh;padding:19px}.client-modal-dialog header{top:-19px}.client-modal-dialog header h2{font-size:42px}.client-modal-tools{top:88px}.modal-client{display:grid;gap:4px}.modal-client>span{text-align:left}}
.settings-dialog{width:min(560px,100%)}.settings-dialog>p{letter-spacing:0;text-transform:none;color:#625b54}.settings-dialog form{display:grid;gap:14px;margin-top:25px}.settings-dialog label{display:grid;gap:5px;font-size:12px}.settings-dialog form button{justify-self:start}.settings-dialog small{min-height:18px;color:#73501a}