:root{--ink:#17152f;--muted:#6f6d80;--line:#e8e6ee;--paper:#fff;--bg:#f6f5f8;--violet:#6558e8;--violet-dark:#4d42c7;--mint:#1eb980;--danger:#d6455d;--amber:#db8b20;--shadow:0 14px 40px rgba(31,27,61,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:"DM Sans",sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,.logo{font-family:Manrope,sans-serif}h1{font-size:clamp(26px,3vw,38px);margin:0 0 8px}h2{margin:0 0 16px}.muted,.page-header p{color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#17152f;color:#d9d6ec;padding:28px 18px;z-index:20;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:18px;padding:0 10px 28px}.logo span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8b7ffc,#5b4cdb)}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 14px;border-radius:10px;text-decoration:none;font-weight:600}.sidebar nav a:hover{background:#292642;color:#fff}.sidebar-user{margin-top:auto;padding:16px 8px 0;border-top:1px solid #343148;display:flex;gap:10px;align-items:center;min-width:0}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{color:#9d99b4;margin-top:2px}.avatar{width:38px;height:38px;border-radius:50%;background:#7367ee;display:grid;place-items:center;color:#fff;font-weight:800;flex:none}.app-main{margin-left:252px;min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.topbar>div:first-of-type strong,.eyebrow{display:block}.eyebrow{font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:700}.top-actions{display:flex;align-items:center;gap:18px}.top-actions>a:last-child{text-decoration:none;color:var(--muted)}.menu-toggle{display:none;background:none;border:0;font-size:24px}.content{padding:32px 34px 60px;max-width:1500px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.page-header p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:11px 16px;background:var(--violet);color:#fff;text-decoration:none;font-weight:700;min-height:43px}.btn:hover{background:var(--violet-dark)}.btn-light{background:#f1effd;color:#5147bd}.btn-light:hover{background:#e6e2fc}.btn-danger{background:#fff0f2;color:var(--danger)}.btn-sm{padding:7px 11px;min-height:34px;font-size:13px}.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 1px 2px rgba(20,18,40,.02)}.stat strong{font-family:Manrope,sans-serif;font-size:31px;display:block;margin-top:10px}.stat small{color:var(--muted);font-weight:600}.stat .trend{color:var(--mint);font-size:12px;margin-top:7px}.section{margin-top:24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:19px;margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}.table{border-collapse:collapse;width:100%;min-width:740px}.table th,.table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#faf9fb}.table tr:last-child td{border:0}.badge{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:700;background:#f0eff3}.badge-confirmed,.badge-active{background:#e8f8f2;color:#16825c}.badge-completed{background:#eceafd;color:#574ac9}.badge-cancelled,.badge-inactive{background:#fff0f2;color:#bc3c52}.badge-no_show{background:#fff5e8;color:#a96714}.form-card{max-width:850px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #dcd9e4;border-radius:10px;padding:11px 12px;background:#fff;min-height:44px}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #eeecff;border-color:#8b80ef}.form-actions{display:flex;gap:10px;margin-top:22px}.flash{position:fixed;z-index:100;right:24px;top:88px;max-width:420px;padding:14px 18px;border-radius:10px;color:#fff;box-shadow:var(--shadow);animation:fadeout .3s 4.5s forwards}.flash-success{background:#15825b}.flash-error{background:#bd3b53}@keyframes fadeout{to{opacity:0;transform:translateY(-6px);pointer-events:none}}.meeting-card{position:relative;border-left:5px solid var(--violet)}.meeting-card h3{margin:0 0 7px}.meeting-meta{display:flex;gap:12px;color:var(--muted);font-size:14px;flex-wrap:wrap}.meeting-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.empty{text-align:center;padding:45px 24px;color:var(--muted)}.availability-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.availability-row:last-child{border:0}.time-pair{display:flex;align-items:center;gap:8px}.time-pair input{max-width:140px}.auth-page{min-height:100vh;background:#f7f6fa}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{background:radial-gradient(circle at 15% 10%,#776aee,#282247 60%,#17152f);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:space-between}.auth-visual h1{font-size:clamp(38px,5vw,66px);max-width:680px;line-height:1.05}.auth-visual p{font-size:18px;max-width:580px;color:#d9d5fb}.auth-panel{display:grid;place-items:center;padding:32px}.auth-card{width:100%;max-width:460px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:35px;box-shadow:var(--shadow)}.auth-card .logo{color:var(--ink);padding:0 0 30px}.auth-card h2{font-size:27px}.auth-card form{display:grid;gap:16px}.auth-card .btn{width:100%;margin-top:5px}.public-page{background:#fff}.public-nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.public-nav .logo{color:var(--ink);padding:0}.public-nav a{text-decoration:none}.hero{background:linear-gradient(180deg,#f6f4ff,#fff);padding:80px 24px 105px;text-align:center}.hero h1{font-size:clamp(42px,7vw,78px);max-width:900px;margin:0 auto 20px;line-height:1.03}.hero p{font-size:19px;color:var(--muted);max-width:680px;margin:0 auto 32px}.booking-shell{max-width:1050px;margin:40px auto;padding:0 22px}.booking-card{display:grid;grid-template-columns:340px 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);min-height:560px}.booking-info{background:#f8f7fb;padding:34px;border-right:1px solid var(--line)}.booking-info h1{font-size:27px}.booking-form{padding:34px}.dates{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.date-chip{padding:10px 7px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:center;text-decoration:none}.date-chip.active,.date-chip:hover{background:#ece9ff;border-color:#7669e7}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.slot{padding:11px;border:1px solid #7569e6;color:#554bc2;background:#fff;border-radius:9px;font-weight:700}.slot.selected,.slot:hover{background:var(--violet);color:#fff}.success-box{text-align:center;padding:55px 25px}.success-icon{width:66px;height:66px;border-radius:50%;background:#e7f8f1;color:#128158;display:grid;place-items:center;font-size:30px;margin:0 auto 20px}.calendar-list{display:grid;gap:12px}.appointment-item{display:grid;grid-template-columns:85px 1fr auto;gap:16px;align-items:center;padding:16px;background:#fff;border:1px solid var(--line);border-radius:13px}.appointment-time strong,.appointment-time small{display:block}.appointment-time small{color:var(--muted)}.health{font-family:monospace;white-space:pre-wrap}
@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.booking-card{grid-template-columns:280px 1fr}.dates{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:none}.menu-open:after{content:"";position:fixed;inset:0;background:#0008;z-index:15}.app-main{margin-left:0}.topbar{padding:0 18px}.menu-toggle{display:block}.topbar>div:first-of-type{margin-right:auto;margin-left:10px}.top-actions .btn{display:none}.content{padding:24px 18px 50px}.grid-3,.grid-2{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.booking-card{grid-template-columns:1fr}.booking-info{border-right:0;border-bottom:1px solid var(--line)}.slots{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid-4{grid-template-columns:1fr 1fr;gap:12px}.card{padding:17px}.stat strong{font-size:25px}.page-header{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.availability-row{grid-template-columns:1fr}.time-pair{flex-wrap:wrap}.appointment-item{grid-template-columns:70px 1fr}.appointment-item>div:last-child{grid-column:1/-1}.booking-shell{padding:0;margin:0}.booking-card{border-radius:0;border-left:0;border-right:0;box-shadow:none}.booking-info,.booking-form{padding:25px 20px}.dates{grid-template-columns:repeat(3,1fr)}.auth-panel{padding:16px}.auth-card{padding:26px 20px}.public-nav{padding:0 16px}.hero{padding:55px 18px 75px}}

.company-logo{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;min-width:0;font-family:Manrope,sans-serif}
.company-logo img{display:block;max-width:180px;max-height:52px;width:auto;height:auto;object-fit:contain}
.company-logo span{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;color:#fff;font-weight:800;font-size:20px}
.company-logo strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-brand{padding:0 10px 28px;color:#fff}
.sidebar-brand img{max-width:160px;max-height:48px}
.public-nav .company-logo{color:var(--ink)}
.booking-info>.company-logo{margin-bottom:28px}
.tenant-booking .btn:not(.btn-danger):not(.btn-light){background:var(--tenant-color)}
.tenant-booking .date-chip.active{border-color:var(--tenant-color);color:var(--tenant-color)}
.tenant-booking .success-icon{box-shadow:inset 0 0 0 2px var(--tenant-color)}
.meeting-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.meeting-title-row h3{margin:0}
.price-badge{display:inline-flex;padding:6px 10px;border-radius:99px;background:#e8f8f2;color:#16825c;font-size:12px;font-weight:800;white-space:nowrap}
.payment-toggle{padding:15px;border:1px solid #ded9f5;border-radius:12px;background:#f8f7ff}
.booking-price{display:grid;gap:3px;padding:16px;margin:20px 0;border-radius:14px;background:#fff;border:1px solid var(--line)}
.booking-price small{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:800}
.booking-price strong{font:800 24px Manrope,sans-serif;color:var(--tenant-color)}
.booking-price span,.payment-note{font-size:13px;color:var(--muted)}
.payment-note{margin:12px 0 0}
.badge-pending_payment{background:#fff5e8;color:#a96714}