:root{--lilac-50:#e8e7f8;--lilac-100:#d1cef1;--lilac-300:#a09cde;--lilac-500:#736eb4;--lilac-900:#4e2780;--teal-50:#e3f0f2;--teal-100:#c7e2e6;--teal-300:#9dc8cf;--teal-500:#6ba5af;--teal-900:#0c4160;--fuchsia:#ab1d79;--slate:#68869a;--cream:#faf9f8;--cream-2:#efebe2;--gray-line:#dad9d6;--gray-100:#eee;--gray-200:#e2e2e2;--text-1:#26215c;--text-2:#5a5875;--text-muted:#8b89a0;--white:#fff;--radius:8px;--radius-lg:14px}*{box-sizing:border-box}body,html{margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--text-1)}button,input,select,textarea{font-family:inherit}a{color:inherit}.topbar{justify-content:space-between;padding:14px 24px;background:var(--white);border-bottom:1px solid var(--gray-line);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-family:Comfortaa,Manrope,sans-serif;font-weight:700;font-size:18px}.brand .dot{width:28px;height:28px;border-radius:50%;background:var(--teal-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand .dot i{font-size:15px;color:var(--teal-900)}.admin-shell{display:flex;min-height:calc(100vh - 57px)}.sidebar{width:210px;flex-shrink:0;background:var(--white);border-right:1px solid var(--gray-line);padding:18px 12px}.navitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;margin-bottom:2px;text-decoration:none}.navitem i{font-size:17px}.navitem.active{background:var(--lilac-50);color:var(--lilac-900)}.navitem:not(.active):hover{background:var(--cream-2)}.content{flex:1 1;padding:28px 32px;min-width:0}h1.page-title{font-size:20px;font-weight:600;margin:0 0 4px}p.page-sub{color:var(--text-muted);font-size:13px;margin:0 0 20px}.btn{border:1px solid var(--gray-line);background:var(--white);padding:9px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--text-1);cursor:pointer}.btn:hover{background:var(--cream-2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--lilac-100);border-color:var(--lilac-100);color:var(--lilac-900)}.btn-primary:hover{background:var(--lilac-300);color:var(--lilac-900)}.btn-danger{color:#993c1d}.btn-sm{padding:5px 11px;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:26px}.kpi{background:var(--white);border:1px solid var(--gray-line);border-radius:var(--radius-lg);padding:16px 18px}.kpi p.label{font-size:12px;color:var(--text-muted);margin:0 0 6px}.kpi p.value{font-size:24px;font-weight:600;margin:0}.card{background:var(--white);border:1px solid var(--gray-line);border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:16px}.card h3.section-title{font-size:13px;font-weight:600;margin:0 0 14px;display:flex;align-items:center;gap:7px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-line)}.list-row:last-child{border-bottom:none}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge{font-size:11px;padding:3px 9px;border-radius:6px;font-weight:500;white-space:nowrap}.badge-paid{background:#eaf3de;color:#27500a}.badge-pending{background:#faeeda;color:#633806}.badge-unpaid{background:var(--cream-2);color:var(--text-muted)}.badge-connected{background:#eaf3de;color:#27500a}.badge-noshow{background:#fbeaf0;color:#72243e}.clickrow{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:var(--white);border:1px solid var(--gray-line);border-radius:var(--radius-lg);margin-bottom:8px}.clickrow:hover{border-color:var(--lilac-300)}.clickrow.selected{border:2px solid var(--lilac-300)}.menu-item:hover:not(:disabled){background:var(--lilac-50)}.menu-item:disabled{color:var(--text-muted);cursor:not-allowed}.accordion-group{border:2px solid var(--lilac-300);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px}.accordion-group .card,.accordion-group .clickrow,.accordion-group>div:first-child{border:none;border-radius:0;margin-bottom:0;border-bottom:1px solid var(--gray-line)}.accordion-group .card:last-of-type{border-bottom:none}.clickrow p.name{margin:0;font-weight:600;font-size:14px}.clickrow p.meta{margin:3px 0 0;font-size:12.5px;color:var(--text-muted)}label.f-label{display:block;font-size:12px;color:var(--text-2);margin-bottom:5px;font-weight:500}.f-input,select.f-select,textarea.f-textarea{width:100%;padding:9px 11px;border:1px solid var(--gray-line);border-radius:var(--radius);font-size:14px;color:var(--text-1);background:var(--white)}textarea.f-textarea{resize:vertical}.grid-2{grid-template-columns:1fr 1fr;grid-gap:14px}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:14px}.field{margin-bottom:14px}.toggle-row{display:flex;align-items:center;gap:8px;font-size:13.5px}.toggle-row input{width:auto}.timepick{display:flex;align-items:center;gap:5px}.timepick select{width:60px;padding:4px 2px;text-align:center;font-size:13px;border:1px solid var(--gray-line);border-radius:6px}.timepick span{color:var(--text-muted);font-size:12px}.day-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--gray-line)}.day-row:last-child{border-bottom:none}.day-row .dname{width:78px;flex-shrink:0;font-size:13.5px;font-weight:500;padding-top:6px}.day-row .blocks{flex:1 1;display:flex;flex-direction:column;gap:6px}.block-line{display:flex;align-items:center;gap:8px}.block-line i{font-size:14px;color:var(--text-muted);cursor:pointer}.add-block{align-self:flex-start;font-size:11.5px;padding:4px 10px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.cal-head{font-size:11px;color:var(--text-muted);text-align:center;padding-bottom:6px}.cal-cell{aspect-ratio:1;border-radius:6px;background:var(--cream);padding:5px;display:flex;flex-direction:column;font-size:11px;cursor:pointer}.cal-cell.empty{background:transparent;cursor:default}.cal-cell .h,.cal-cell .n{font-weight:500}.cal-cell .h{font-size:10.5px;color:var(--text-2);margin-top:auto;line-height:1.25;white-space:pre-line}.cal-cell.blocked{border:2px solid #d85a30;background:#faece7}.cal-cell.blocked .n{color:#4a1b0c}.cal-cell.blocked .h{color:#993c1d}.cal-cell.holiday{background:var(--lilac-50)}.cal-cell.holiday .h,.cal-cell.holiday .n{color:var(--lilac-900)}.cal-cell.special{background:var(--teal-50)}.cal-cell.special .h,.cal-cell.special .n{color:var(--teal-900)}.cal-cell.suggested{background:var(--white);border:2px dashed var(--lilac-300)}.cal-cell.selected{outline:2px solid var(--teal-500)}.legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--text-2);flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.link-box{display:flex;align-items:center;gap:8px;background:var(--cream-2);border-radius:var(--radius);padding:9px 12px;font-size:13px;color:var(--text-2)}.link-box i{color:var(--text-muted)}.rec-card{border:1px solid var(--gray-line);border-radius:var(--radius);margin-bottom:8px;overflow:hidden}.rec-header{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;background:var(--white)}.rec-header:hover{background:var(--cream-2)}.rec-header .rec-time{font-size:13.5px;font-weight:600;width:120px;flex-shrink:0}.rec-header .rec-channels{display:flex;gap:14px;flex:1 1;flex-wrap:wrap}.chswitch{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.sw{width:30px;height:17px;border-radius:20px;background:var(--gray-line);position:relative;cursor:pointer;flex-shrink:0;display:inline-block}.sw .dot{width:13px;height:13px;border-radius:50%;background:var(--white);position:absolute;top:2px;left:2px;transition:left .12s}.sw.on{background:var(--lilac-300)}.sw.on .dot{left:15px}.rec-header i.chevron{margin-left:auto;color:var(--text-muted);font-size:16px}.rec-body{display:none;padding:14px;background:var(--cream);border-top:1px solid var(--gray-line)}.rec-body.open{display:block}.rec-channel-block{margin-bottom:12px}.rec-channel-block:last-child{margin-bottom:0}.rec-channel-block .cb-label{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:6px;display:flex;align-items:center;gap:6px}.rec-channel-block.disabled{opacity:.45}.rec-channel-block textarea{width:100%;padding:8px 10px;border:1px solid var(--gray-line);border-radius:var(--radius);font-size:13px;resize:vertical}.rec-channel-block textarea:disabled{background:var(--cream-2)}.notif-card{border:1px solid var(--gray-line);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.notif-card-header{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--white)}.notif-card-title{flex:1 1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer}.notif-card-title i{font-size:15px}.notif-card-title i,.notif-card-title:hover{color:var(--lilac-900)}.notif-card-header .chevron{color:var(--text-muted);font-size:15px;cursor:pointer}.notif-card-body{padding:14px;background:var(--cream);border-top:1px solid var(--gray-line)}.notif-card-desc{margin:0;padding:0 14px 11px 40px;font-size:11.5px;line-height:1.4;color:var(--text-muted);background:var(--white)}.chip{display:flex;align-items:center;gap:6px;background:var(--lilac-50);color:var(--lilac-900);font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px}.chip i{font-size:13px}.chip-empty{font-size:12.5px;color:var(--text-muted)}.month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600;font-size:13.5px}.month-nav i{cursor:pointer;color:var(--text-muted);font-size:17px}.month-nav i:hover{color:var(--text-1)}.exc-editor{margin-top:14px;padding-top:14px;border-top:1px solid var(--gray-line)}.type-options{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.type-btn{border:1px solid var(--gray-line);background:var(--white);padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:500;cursor:pointer;color:var(--text-2);transition:background .1s,color .1s,border-color .1s}.type-btn:hover{border-color:var(--teal-300)}.type-btn.active{background:var(--teal-100);border-color:var(--teal-100);color:var(--teal-900)}.info-tip{position:relative;display:inline-flex;align-items:center;cursor:help;color:var(--text-muted);margin-left:5px;font-size:13px;vertical-align:-2px}.info-tip .tip-bubble{position:absolute;bottom:135%;left:0;background:var(--text-1);color:var(--white);font-size:11.5px;font-weight:400;line-height:1.45;padding:9px 14px;border-radius:8px;width:480px;max-width:min(480px,80vw);opacity:0;visibility:hidden;transition:opacity .15s;z-index:20;pointer-events:none}.info-tip:hover .tip-bubble{opacity:1;visibility:visible}.empty-state,.spinner-text{font-size:13px;color:var(--text-muted)}.empty-state{padding:20px 0;text-align:center}.integ-row{display:flex;align-items:center;gap:10px;padding:9px 0}.integ-row:not(:last-child){border-bottom:1px solid var(--gray-line)}@media (max-width:820px){.admin-shell{flex-direction:column}.sidebar{width:100%;display:flex;overflow-x:auto;padding:10px 12px;gap:4px}.navitem{flex-shrink:0;margin-bottom:0}.content{padding:20px 16px}.kpis{grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}}.fam-wrap{max-width:1140px;margin:0 auto;padding:32px 20px}.fam-topbar{display:flex;align-items:center;gap:8px;margin-bottom:22px;font-size:13px;color:var(--text-muted)}.fam-book{background:var(--white);border:1px solid var(--gray-line);border-radius:var(--radius-lg);display:flex;overflow:hidden}.fam-info{width:320px;flex-shrink:0;padding:30px 26px;border-right:1px solid var(--gray-line)}.fam-info .brand{margin-bottom:18px}.fam-info h2{font-size:18px;font-weight:600;margin:0 0 12px}.fam-meta{display:flex;gap:14px;margin-bottom:14px;font-size:13px;color:var(--text-2)}.fam-meta span{display:flex;align-items:center;gap:5px}.fam-desc{font-size:13.5px;color:var(--text-2);line-height:1.6;margin:0 0 14px}.fam-note{font-size:12px;color:var(--text-muted);line-height:1.5}.fam-cal{flex:1 1;padding:26px 24px;min-width:0}.fam-cal .month-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:600;font-size:14px}.fam-cal .month-head i{color:var(--text-muted);cursor:pointer;font-size:17px}.fam-day{cursor:default;color:var(--text-1);transition:background .1s,color .1s;border-radius:var(--radius);aspect-ratio:1;display:flex}.fam-day.available{cursor:pointer;font-weight:500;background:var(--gray-100)}.fam-day.available:hover{background:var(--gray-200)}.fam-day.past{color:var(--gray-line);cursor:not-allowed}.fam-day.selected{background:var(--lilac-100)!important;color:var(--lilac-900)!important;font-weight:600}.fam-day.waitlist-selected{background:var(--teal-100)!important;color:var(--teal-900)!important;font-weight:600}.fam-slots{width:320px;flex-shrink:0;border-left:1px solid var(--gray-line);padding:30px 24px;display:flex;flex-direction:column}.fam-slots-scroll{flex:1 1;min-height:0;overflow-y:auto}.fam-slots p.d{font-weight:600;font-size:14px;margin:0 0 12px}.slotbtn{width:100%;padding:9px;margin-bottom:8px;border:1px solid transparent;border-radius:var(--radius);background:var(--gray-100);font-size:13px;cursor:pointer;font-weight:500;color:var(--text-1)}.slotbtn:hover{background:var(--gray-200)}.slotbtn.selected{background:var(--lilac-100);border-color:var(--lilac-100);color:var(--lilac-900)}.fam-legend{display:flex;gap:14px;margin-top:14px;font-size:11.5px;color:var(--text-muted);flex-wrap:wrap}.fam-legend span{display:flex;align-items:center;gap:5px}@media (max-width:720px){.fam-book{flex-direction:column}.fam-info,.fam-slots{width:100%;border-right:none;border-bottom:1px solid var(--gray-line)}.fam-slots{border-left:none;height:auto!important;max-height:260px}.cal-grid{gap:3px}}