@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap");:root{--i:#191521;--m:#756e7d;--p:#6c50e7;--pp:#eeeaff;--bg:#f8f7fb;--l:#e7e4ec;--g:#127d49;--a:#bc7000;--r:#c42c4d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--i);font:14px "DM Sans",Arial}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#1b1722;color:#c6bfce;padding:20px 13px;display:flex;flex-direction:column;gap:17px}.logo{color:#fff;font:700 22px "Playfair Display"}.mark,.av{display:inline-grid;place-items:center;background:var(--p);color:#fff;width:30px;height:30px;border-radius:9px;font:700 15px Arial}.space{background:#2c2634;border-radius:12px;padding:12px;font-size:12px}.space b{display:block;color:#fff}.nav{display:grid;gap:3px}.nav button{border:0;background:transparent;color:#c5bfce;text-align:left;padding:10px;border-radius:9px}.nav button:hover,.nav .on{background:#342d40;color:white}.nav .qr{margin-top:7px;background:#50409f;color:#fff}.profile{margin-top:auto;border-top:1px solid #393141;padding:12px 4px}.top{height:69px;background:#fff;border-bottom:1px solid var(--l);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.main{padding:27px;max-width:1550px;margin:auto}.head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.head h1,.head h2{font:700 28px "Playfair Display";margin:0 0 5px}.sub{font-size:12px;color:var(--m)}.btn{border:1px solid var(--l);background:#fff;border-radius:10px;padding:10px 13px;font-weight:600}.btn.primary{background:var(--p);border-color:var(--p);color:#fff}.btn.red{color:var(--r)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid var(--l);border-radius:16px;padding:17px;box-shadow:0 6px 22px #2218340c}.metric b{display:block;font-size:26px;margin:8px 0}.metric small{color:var(--g)}.two{display:grid;grid-template-columns:1.2fr .8fr;gap:17px;margin-top:17px}.line{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--l)}.line:last-child{border:0}.pill{font-weight:700;font-size:11px;padding:4px 8px;border-radius:99px;background:#e7f7ee;color:#176f3e}.pending{background:#fff4dc;color:#936100}.bad{background:#ffe9ed;color:#a7203d}.tablebox{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:12px;border-bottom:1px solid var(--l);text-align:left}.table th{font-size:11px;text-transform:uppercase;color:var(--m)}.calendar{overflow:auto;background:#fff;border:1px solid var(--l);border-radius:16px}.cal{display:grid;grid-template-columns:58px repeat(3,minmax(205px,1fr));min-width:680px}.ch,.time,.slot{border-right:1px solid var(--l);border-bottom:1px solid var(--l)}.ch{padding:13px;font-weight:700}.ch small{display:block;font-weight:400;color:var(--m)}.time,.slot{height:74px}.time{padding:6px;font-size:11px;color:var(--m)}.slot{background:linear-gradient(#fff 49%,#f1f0f4 50%,#fff 51%)}.appt{margin:5px;padding:7px;border:0;border-left:3px solid;border-radius:8px;width:calc(100% - 10px);text-align:left;font-size:11px}.am{background:#e7e1ff;border-color:var(--p)}.no{background:#ddf5e9;border-color:var(--g)}.so{background:#ffeed8;border-color:var(--a)}.block{margin:5px;padding:8px;background:#eeeef2;border-left:3px solid #918b99;font-size:11px;border-radius:8px}.modalbg,.drawbg{position:fixed;inset:0;background:#160f2250;z-index:20}.modalbg{display:grid;place-items:center;padding:16px}.modal{background:white;width:min(600px,100%);border-radius:19px;padding:25px;max-height:90vh;overflow:auto}.drawbg{display:flex;justify-content:flex-end}.drawer{background:white;width:min(470px,100%);height:100%;overflow:auto;padding:24px}.x{float:right;border:0;border-radius:50%;width:32px;height:32px;font-size:18px}.form{display:grid;gap:11px}.field{display:grid;gap:5px;font-size:12px;font-weight:700}.field input,.field select,.field textarea{padding:10px;border:1px solid #dcd8e4;border-radius:9px;font-weight:400}.booking{min-height:100vh}.bnav{height:68px;padding:0 5vw;background:#fff;border-bottom:1px solid var(--l);display:flex;align-items:center;justify-content:space-between}.bmain{max-width:1110px;margin:auto;padding:34px 20px;display:grid;grid-template-columns:1fr 330px;gap:40px}.progress{display:flex;gap:5px;margin-bottom:20px}.progress i{flex:1;height:4px;background:#dfdbe8;border-radius:5px}.progress .on{background:var(--p)}.choice{display:flex;gap:12px;text-align:left;width:100%;background:#fff;border:1px solid var(--l);border-radius:13px;padding:14px;margin:9px 0}.choice.sel{border-color:var(--p);box-shadow:0 0 0 3px #6c50e716}.dot{height:18px;width:18px;border:2px solid #bcb5c8;border-radius:50%;flex:none}.sel .dot{border:5px solid var(--p)}.choice h3{margin:0 0 4px}.choice p{margin:0;color:var(--m);font-size:13px}.summary{height:max-content;position:sticky;top:17px}.dates{display:flex;gap:8px;overflow:auto}.date,.tchip{border:1px solid var(--l);background:white;border-radius:10px;padding:10px}.date.sel,.tchip.sel{background:var(--pp);border-color:var(--p)}.date b{display:block}.times{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.chart{height:200px;position:relative;border-left:1px solid var(--l);border-bottom:1px solid var(--l);display:flex;align-items:end;gap:10px;padding:18px 10px 0}.bar{background:linear-gradient(#aa9dff,var(--p));flex:1;border-radius:6px 6px 0 0;position:relative}.bar span{position:absolute;top:-19px;font-size:10px;left:0}.axis{display:flex;justify-content:space-between;color:var(--m);font-size:11px;margin-top:7px}.stepdots{display:flex;gap:5px;margin:20px 0}.stepdots i{height:7px;flex:1;background:#e1dde9;border-radius:5px}.stepdots .on{background:var(--p)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#251d31;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;z-index:40;transition:.2s}#toast.show{opacity:1}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:fixed;height:100vh;width:245px;z-index:30;transform:translateX(-105%);transition:.2s}.side.open{transform:none}.cards{grid-template-columns:repeat(2,1fr)}.two,.bmain{grid-template-columns:1fr}.summary{position:static;order:-1}}@media(max-width:560px){.main{padding:16px}.cards{grid-template-columns:1fr}.top{padding:0 15px}.bmain{padding:24px 15px}.times{grid-template-columns:1fr}}