*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8fafc;color:#0f172a;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;border:none;background:none}input,select,textarea{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{max-width:100%}.dashboard-body{overflow-x:hidden}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;margin-left:240px;min-height:100vh;transition:margin-left .3s ease;display:flex;flex-direction:column}.dashboard-content{flex:1;padding:2rem 2.5rem;max-width:1400px;width:100%}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:#0f172a;display:flex;flex-direction:column;z-index:100;transition:width .3s ease;overflow:hidden}.sidebar-brand{padding:1.75rem 1.25rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08);flex-shrink:0}.brand-link{display:flex;align-items:center;gap:.5rem;text-decoration:none}.brand-link:hover .brand-name{color:hsla(0,0%,100%,.9)}.brand-heart{color:#c4b5fd;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(196, 181, 253, 0.5));transition:transform .3s ease}.brand-link:hover .brand-heart{transform:scale(1.15)}.brand-name{font-family:"Dancing Script",cursive;font-size:1.4rem;font-weight:700;color:hsla(0,0%,100%,.95);line-height:1.2;letter-spacing:-0.01em;transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.nav-section{padding:0 .75rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;color:hsla(0,0%,100%,.82);font-size:.875rem;font-weight:450;transition:all .15s ease;white-space:nowrap;margin-bottom:2px}.nav-item:hover{color:#fff;background:hsla(0,0%,100%,.09)}.nav-item.active{color:#fff;background:rgba(139,92,246,.25)}.nav-item.active .nav-icon{color:#c4b5fd}.nav-item.active{font-weight:600;border-left:2px solid #c4b5fd;padding-left:calc(.75rem - 2px)}.nav-item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.nav-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-label{flex:1}.nav-badge{font-size:.65rem;font-weight:600;letter-spacing:.02em;background:rgba(108,53,194,.3);color:#c4b5fd;padding:1px 6px;border-radius:20px;text-transform:uppercase}.nav-divider{height:1px;background:hsla(0,0%,100%,.06);margin:.75rem 1rem}.sidebar-footer{padding:1rem .75rem;border-top:1px solid hsla(0,0%,100%,.06);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, #6C35C2, #1E2A4A);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.8125rem;font-weight:500;color:hsla(0,0%,100%,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.7rem;color:hsla(0,0%,100%,.4)}.dashboard-navbar{height:60px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:50}.navbar-left,.navbar-right{display:flex;align-items:center;gap:.75rem}.breadcrumb-page{font-size:.9375rem;font-weight:600;color:#0f172a}.navbar-divider{width:1px;height:20px;background:#e2e8f0}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .18s ease;cursor:pointer;border:none;line-height:1;white-space:nowrap}.btn-primary{background:#6c35c2;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}.btn-primary:hover{background:#5a29a3;box-shadow:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:rgba(0,0,0,0);color:#64748b;border:1px solid #e2e8f0}.btn-ghost:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.btn-violet{background:#6c35c2;color:#fff}.btn-violet:hover{background:#5a29a3;box-shadow:0 4px 12px rgba(108,53,194,.3)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger-ghost{background:rgba(0,0,0,0);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-danger-ghost:hover{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.4)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-xs{padding:.25rem .6rem;font-size:.75rem}.btn-full{width:100%;justify-content:center}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.page-title{font-size:1.625rem;font-weight:700;color:#0f172a;letter-spacing:-0.02em;line-height:1.2}.page-subtitle{color:#64748b;font-size:.875rem;margin-top:.25rem}.page-actions{display:flex;align-items:center;gap:.75rem}.page-back{margin-bottom:1rem}.date-badge{font-size:.8125rem;font-weight:500;color:#64748b;background:#fff;border:1px solid #e2e8f0;padding:.375rem .875rem;border-radius:8px}.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.25rem;margin-bottom:2rem}.stats-grid--analytics{grid-template-columns:repeat(3, 1fr)}@media(max-width: 1200px){.stats-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:16px;padding:1.625rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);transition:all .22s ease;position:relative;overflow:hidden}.stat-card:hover{box-shadow:0 12px 28px rgba(15,23,42,.09),0 2px 8px rgba(15,23,42,.04);transform:translateY(-3px);border-color:rgba(108,53,194,.15)}.stat-card--primary{border-top:3px solid #6c35c2}.stat-card--primary::before{background:radial-gradient(circle at top right, rgba(108, 53, 194, 0.07), transparent 65%)}.stat-card::before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right, rgba(15, 23, 42, 0.03), transparent 70%);pointer-events:none}.stat-icon{width:40px;height:40px;border-radius:8px;background:rgba(15,23,42,.06);display:flex;align-items:center;justify-content:center;color:#0f172a;margin-bottom:1rem}.stat-icon--violet{background:rgba(108,53,194,.1);color:#6c35c2}.stat-icon--green{background:rgba(16,185,129,.1);color:#10b981}.stat-icon--warning{background:rgba(245,158,11,.1);color:#f59e0b}.stat-icon--muted{background:rgba(100,116,139,.1);color:#64748b}.stat-content{display:flex;flex-direction:column;gap:.2rem}.stat-value{font-size:2rem;font-weight:700;color:#0f172a;letter-spacing:-0.03em;line-height:1}.stat-label{font-size:.8125rem;color:#64748b;font-weight:450}.stat-trend{margin-top:.75rem;font-size:.75rem;color:#64748b}.stat-trend--up span{color:#10b981}.stat-trend--neutral span{color:#64748b}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}@media(max-width: 900px){.content-grid{grid-template-columns:1fr}}.content-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid #e2e8f0}.card-title{font-size:1rem;font-weight:600;color:#0f172a}.card-action{font-size:.8rem;color:#6c35c2;font-weight:500}.card-action:hover{text-decoration:underline}.card-count{font-size:.8rem;color:#64748b;background:#f8fafc;padding:2px 8px;border-radius:20px}.appointment-list{display:flex;flex-direction:column}.appointment-row{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid #f8fafc;border-radius:8px;transition:background .12s;padding-left:.5rem;padding-right:.5rem}.appointment-row:last-child{border-bottom:none}.appointment-row:hover{background:#f8fafc}.appt-time{width:64px;flex-shrink:0;display:flex;flex-direction:column}.appt-time .appt-hour{font-size:.9375rem;font-weight:600;color:#0f172a}.appt-time .appt-duration{font-size:.7rem;color:#64748b}.appt-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.appt-info{flex:1;display:flex;flex-direction:column}.appt-info .appt-patient{font-weight:500;color:#0f172a;font-size:.875rem}.appt-info .appt-service{font-size:.75rem;color:#64748b}.appt-staff{font-size:.8rem;color:#64748b;min-width:120px}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.status-badge--lg{padding:5px 14px;font-size:.8rem}.status-badge.status-confirmed{background:rgba(108,53,194,.12);color:#4a1a8c}.status-badge.status-pending{background:rgba(245,158,11,.12);color:#b45309}.status-badge.status-completed{background:rgba(16,185,129,.12);color:#059669}.status-badge.status-cancelled{background:rgba(239,68,68,.1);color:#dc2626}.status-badge.status-no_show{background:rgba(100,116,139,.1);color:#64748b}.data-table-wrapper{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.data-table th{padding:.875rem 1.25rem;font-size:.75rem;font-weight:600;color:#64748b;text-align:left;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.data-table td{padding:.875rem 1.25rem;font-size:.875rem;border-bottom:1px solid #f8fafc;color:#0f172a;vertical-align:middle}.data-table tbody tr{transition:background .1s}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:rgba(108,53,194,.02)}.table-patient{display:flex;align-items:center;gap:.75rem}.table-patient .patient-initials{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, #6C35C2, #1E2A4A);color:#fff;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.table-patient .patient-name{font-weight:500;display:block}.table-patient .patient-email{font-size:.75rem;color:#64748b}.table-service{display:flex;align-items:center;gap:.5rem}.table-service .service-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.table-datetime{display:flex;flex-direction:column}.table-datetime .time-muted{font-size:.75rem;color:#64748b}.filter-bar{margin-bottom:1.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1rem 1.25rem}.filter-form{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-group{display:flex}.form-control{width:100%;padding:.625rem .875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;transition:all .15s ease;appearance:none}.form-control:focus{outline:none;border-color:#6c35c2;box-shadow:0 0 0 3px rgba(108,53,194,.1)}.form-control::placeholder{color:#94a3b8}.form-control--sm{padding:.4rem .75rem;font-size:.8125rem}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}textarea.form-control{resize:vertical;min-height:80px}.form-label{display:block;font-size:.8125rem;font-weight:500;color:#0f172a;margin-bottom:.35rem}.form-group{margin-bottom:1.25rem}.form-group--full{grid-column:1/-1}.form-group--checkbox{display:flex;align-items:center}.form-hint{font-size:.75rem;color:#64748b;margin-top:.25rem;display:block}.form-error{font-size:.75rem;color:#ef4444;margin-top:.25rem}.required{color:#ef4444}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}@media(max-width: 640px){.form-grid{grid-template-columns:1fr}}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.checkbox-grid label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;cursor:pointer}.form-page-layout{max-width:760px}.form-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);padding:2.5rem}.form-card-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.cards-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem}@media(max-width: 1100px){.cards-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.cards-grid{grid-template-columns:1fr}}.service-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);overflow:hidden;transition:all .2s ease}.service-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transform:translateY(-2px)}.service-card-accent{height:4px}.service-card-body{padding:1.25rem}.service-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.service-name{font-size:.9375rem;font-weight:600;color:#0f172a}.service-status{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:20px}.service-status--active{background:rgba(16,185,129,.1);color:#10b981}.service-status--inactive{background:rgba(100,116,139,.1);color:#64748b}.service-desc{font-size:.8rem;color:#64748b;margin-bottom:.75rem}.service-meta{display:flex;gap:1rem;margin-bottom:1rem}.service-meta-item{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#64748b}.service-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #f8fafc}.staff-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem}@media(max-width: 1100px){.staff-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.staff-grid{grid-template-columns:1fr}}.staff-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);overflow:hidden;transition:all .2s ease}.staff-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transform:translateY(-2px)}.staff-card-image{position:relative;height:80px;background:linear-gradient(135deg, #F8FAFC, #EEF2F7);display:flex;align-items:center;justify-content:center}.staff-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}.staff-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #6C35C2, #1E2A4A);color:#fff;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;border:3px solid #fff}.staff-status-dot{position:absolute;bottom:8px;right:calc(50% - 36px);width:10px;height:10px;border-radius:50%;background:#64748b;border:2px solid #fff}.staff-status-dot--active{background:#10b981}.staff-card-body{padding:1rem;text-align:center}.staff-name{font-size:.9375rem;font-weight:600;color:#0f172a}.staff-title{font-size:.8rem;color:#64748b;margin-top:.2rem;margin-bottom:.75rem}.staff-services{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin-bottom:1rem}.service-tag{font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:20px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b}.staff-actions{display:flex;gap:.5rem;justify-content:center;padding-top:.75rem;border-top:1px solid #f8fafc}.detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}@media(max-width: 900px){.detail-layout{grid-template-columns:1fr}}.detail-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);padding:1.75rem;margin-bottom:1.25rem}.detail-card--meta{padding:1.25rem}.detail-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;gap:1rem}.detail-title{font-size:1.25rem;font-weight:700;color:#0f172a}.detail-ref{font-size:.75rem;color:#64748b;margin-top:.25rem}.detail-card-title{font-size:.9375rem;font-weight:600;color:#0f172a;margin-bottom:1rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width: 600px){.detail-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item--full{grid-column:1/-1}.detail-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.detail-value{font-size:.9rem;color:#0f172a;font-weight:500}.detail-link{color:#6c35c2}.detail-link:hover{text-decoration:underline}.status-options{display:flex;flex-direction:column;gap:.5rem}.status-option{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:8px;border:1.5px solid #e2e8f0;cursor:pointer;font-size:.875rem;transition:all .12s}.status-option input[type=radio]{display:none}.status-option:hover{border-color:#6c35c2;background:rgba(108,53,194,.04)}.status-option--active{border-color:#6c35c2;background:rgba(108,53,194,.08);font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot--confirmed{background:#6c35c2}.status-dot--pending{background:#f59e0b}.status-dot--completed{background:#10b981}.status-dot--cancelled{background:#ef4444}.status-dot--no_show{background:#64748b}.meta-list{display:flex;flex-direction:column;gap:.75rem}.meta-item{display:flex;justify-content:space-between;font-size:.8125rem;color:#64748b}.meta-item :last-child{color:#0f172a;font-weight:450}.patient-profile-card{text-align:center}.patient-avatar-large{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg, #6C35C2, #1E2A4A);color:#fff;font-size:1.375rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.patient-profile-name{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.patient-profile-meta{display:flex;flex-direction:column;gap:.5rem;text-align:left}.meta-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b}.meta-row a{color:#6c35c2}.meta-row a:hover{text-decoration:underline}.patient-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;text-align:left}.patient-notes h4{font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:.35rem;text-transform:uppercase}.patient-notes p{font-size:.875rem;color:#0f172a}.history-list{display:flex;flex-direction:column}.history-item{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid #f8fafc;transition:background .1s;border-radius:8px;padding-left:.5rem;padding-right:.5rem}.history-item:last-child{border-bottom:none}.history-item:hover{background:#f8fafc}.history-date{width:40px;text-align:center;flex-shrink:0}.history-date .history-day{display:block;font-size:1.125rem;font-weight:700;color:#0f172a;line-height:1}.history-date .history-month{display:block;font-size:.65rem;color:#64748b;text-transform:uppercase}.history-info{flex:1}.history-info .history-service{display:block;font-weight:500;font-size:.875rem}.history-info .history-staff{display:block;font-size:.75rem;color:#64748b}.calendar-layout{display:grid;grid-template-columns:220px 1fr;gap:1.5rem}@media(max-width: 768px){.calendar-layout{grid-template-columns:1fr}}.calendar-sidebar-mini{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.25rem;height:fit-content}.mini-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-size:.875rem;font-weight:600;color:#0f172a}.mini-nav{width:24px;height:24px;border-radius:8px;color:#64748b;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .12s}.mini-nav:hover{background:#f8fafc;color:#0f172a}.mini-cal-weekdays{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px;margin-bottom:.5rem}.mini-cal-weekdays span{text-align:center;font-size:.65rem;font-weight:600;color:#64748b;padding:4px 0;text-transform:uppercase}.mini-cal-days{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.mini-day{aspect-ratio:1;border-radius:8px;font-size:.75rem;color:#0f172a;display:flex;align-items:center;justify-content:center;transition:all .12s;width:100%}.mini-day:hover{background:#f8fafc}.mini-day--today{background:#0f172a;color:#fff;font-weight:600}.mini-day--empty{pointer-events:none}.calendar-main{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.5rem}.day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.day-title{font-size:1.125rem;font-weight:600;color:#0f172a}.day-count{font-size:.8rem;color:#64748b}.day-timeline{display:flex;flex-direction:column}.timeline-row{display:flex;gap:1rem;min-height:56px;border-bottom:1px solid #f8fafc}.timeline-row:last-child{border-bottom:none}.timeline-time{width:56px;flex-shrink:0;font-size:.75rem;color:#64748b;padding-top:.75rem;text-align:right}.timeline-slot{flex:1;padding:.375rem 0;display:flex;flex-direction:column;gap:.375rem}.timeline-appointment{background:rgba(108,53,194,.08);border-left:3px solid #6c35c2;border-radius:0 8px 8px 0;padding:.5rem .75rem;display:flex;align-items:center;gap:.75rem;transition:all .12s}.timeline-appointment:hover{background:rgba(108,53,194,.14)}.timeline-appointment .tl-time{font-size:.75rem;font-weight:600;color:#0f172a;min-width:40px}.timeline-appointment .tl-patient{font-size:.8125rem;font-weight:500;color:#0f172a}.timeline-appointment .tl-service{font-size:.75rem;color:#64748b}.timeline-appointment .tl-staff{font-size:.75rem;color:#64748b;margin-left:auto}.view-toggle{display:flex;gap:4px}.view-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.chart-container{position:relative;padding:.5rem 0}.ranking-list{display:flex;flex-direction:column;gap:.75rem}.ranking-item{display:flex;align-items:center;gap:.875rem;padding:.75rem;background:#f8fafc;border-radius:8px}.ranking-num{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#64748b;flex-shrink:0}.ranking-name{flex:1;font-size:.875rem;font-weight:500;color:#0f172a}.ranking-count{font-size:.8rem;color:#64748b;font-weight:500}.ranking-list--horizontal{flex-direction:row;flex-wrap:wrap}.ranking-item-h{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:#f8fafc;border-radius:12px;text-align:center;min-width:120px}.ranking-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg, #6C35C2, #1E2A4A);color:#fff;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center}.quick-stats{display:flex;flex-direction:column;gap:0}.quick-stat{display:flex;justify-content:space-between;align-items:center;padding:.875rem 0;border-bottom:1px solid #f8fafc}.quick-stat:last-child{border-bottom:none}.quick-stat .qs-label{font-size:.8125rem;color:#64748b}.quick-stat .qs-value{font-size:1.125rem;font-weight:700;color:#0f172a}.quick-stat .qs-value--warning{color:#f59e0b}.booking-link-box{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e2e8f0}.booking-link-label{font-size:.75rem;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.booking-link-row{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border-radius:8px;padding:.5rem .75rem}.booking-link-url{flex:1;font-size:.75rem;color:#64748b;word-break:break-all}.settings-layout{max-width:860px}.settings-section{margin-bottom:2.5rem}.settings-section-header{margin-bottom:1rem}.settings-section-title{font-size:1.0625rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.settings-section-desc{font-size:.8125rem;color:#64748b}.settings-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);padding:2rem}.settings-subsection{font-size:.875rem;font-weight:600;color:#0f172a;margin:1.5rem 0 1rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.toggle-list{display:flex;flex-direction:column}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #f8fafc}.toggle-item:last-child{border-bottom:none}.toggle-info{flex:1}.toggle-title{display:block;font-size:.875rem;font-weight:500;color:#0f172a}.toggle-desc{display:block;font-size:.8rem;color:#64748b;margin-top:.2rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{display:none}.toggle-switch .toggle-slider{position:absolute;inset:0;background:#e2e8f0;border-radius:20px;cursor:pointer;transition:background .2s}.toggle-switch .toggle-slider::before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}.toggle-switch input:checked+.toggle-slider{background:#6c35c2}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(20px)}.settings-notice{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#64748b;background:rgba(15,23,42,.03);border:1px solid #e2e8f0;border-radius:8px;padding:.625rem .875rem;margin-top:1rem}.booking-link-display{display:flex;align-items:center;gap:.75rem;background:#f8fafc;border-radius:8px;padding:.75rem 1rem}.booking-link-code{flex:1;font-family:"Fira Code",monospace;font-size:.8125rem;color:#6c35c2;word-break:break-all}.status-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:12px;margin-bottom:2rem;font-size:.875rem;font-weight:500}.status-banner--ok{background:rgba(16,185,129,.08);color:#059669;border:1px solid rgba(16,185,129,.2)}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:pulse-ok 2s infinite}.status-indicator--ok{background:#10b981}@keyframes pulse-ok{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(0.9)}}.status-updated{margin-left:auto;font-size:.75rem;opacity:.7}.support-cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem;margin-bottom:2rem}@media(max-width: 768px){.support-cards{grid-template-columns:1fr}}.support-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);padding:1.75rem;text-align:center;transition:all .2s}.support-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transform:translateY(-2px)}.support-card h3{font-size:1rem;font-weight:600;color:#0f172a;margin:1rem 0 .5rem}.support-card p{font-size:.8125rem;color:#64748b;margin-bottom:1.25rem}.support-card-icon{width:52px;height:52px;border-radius:12px;background:rgba(108,53,194,.08);color:#6c35c2;display:flex;align-items:center;justify-content:center;margin:0 auto}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid #f8fafc;cursor:pointer}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;font-size:.9rem;font-weight:500;color:#0f172a;gap:1rem}.faq-question .faq-arrow{color:#64748b;transition:transform .2s;flex-shrink:0}.faq-answer{padding:0 0 1rem;font-size:.875rem;color:#64748b;display:none}.faq-item--open .faq-answer{display:block}.faq-item--open .faq-arrow{transform:rotate(180deg)}.empty-state{text-align:center;padding:3rem;color:#64748b}.empty-state--sm{padding:2rem}.empty-state--full{grid-column:1/-1}.empty-state h3{font-size:1rem;font-weight:600;color:#0f172a;margin:1rem 0 .5rem}.empty-state p{font-size:.875rem;margin-bottom:1.25rem}.empty-icon{color:rgba(15,23,42,.15);margin-bottom:.5rem}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:16px;padding:2rem;max-width:420px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06)}.modal .modal-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.modal .modal-text{font-size:.875rem;color:#64748b;margin-bottom:1.5rem}.modal strong{color:#0f172a}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.auth-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 80%, rgba(108, 53, 194, 0.08) 0%, transparent 60%),radial-gradient(ellipse at 80% 20%, rgba(30, 42, 74, 0.06) 0%, transparent 60%),#f8fafc;padding:2rem}.auth-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}.auth-card{width:100%;background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);padding:2.5rem}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo .auth-logo-img{height:32px}.auth-title{font-size:1.5rem;font-weight:700;color:#0f172a;text-align:center;margin-bottom:.375rem;letter-spacing:-0.02em}.auth-subtitle{font-size:.875rem;color:#64748b;text-align:center;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-alert{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.auth-alert--error{background:rgba(239,68,68,.08);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.auth-footer{margin-top:1.5rem;font-size:.75rem;color:rgba(100,116,139,.7);text-align:center}.login-split{min-height:100vh;display:grid;grid-template-columns:60fr 40fr}@media(max-width: 860px){.login-split{grid-template-columns:1fr}}.login-hero{background:radial-gradient(ellipse at 75% 15%, rgba(108, 53, 194, 0.45) 0%, transparent 55%),radial-gradient(ellipse at 15% 85%, rgba(196, 181, 253, 0.18) 0%, transparent 50%),linear-gradient(155deg, #0F172A 0%, #18223D 55%, #1E0A3C 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:3rem 3.5rem 3rem}@media(max-width: 860px){.login-hero{min-height:260px;padding:2rem;justify-content:flex-end}}.login-hero-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.login-hero-orb--1{width:380px;height:380px;background:rgba(108,53,194,.28);top:-120px;right:-100px}.login-hero-orb--2{width:260px;height:260px;background:rgba(196,181,253,.14);bottom:-60px;left:-60px}.login-hero-orb--3{width:200px;height:200px;background:rgba(108,53,194,.12);top:45%;left:25%;transform:translateY(-50%)}.login-hero-ring{position:absolute;border-radius:50%;border:1px solid hsla(0,0%,100%,.055);pointer-events:none}.login-hero-ring--1{width:520px;height:520px;top:-220px;right:-180px}.login-hero-ring--2{width:320px;height:320px;bottom:-100px;left:-80px}.login-hero-brand{display:flex;align-items:center;gap:.5rem;z-index:1}.login-hero-brand .hero-heart{color:#c4b5fd;filter:drop-shadow(0 0 14px rgba(196, 181, 253, 0.6))}.login-hero-brand .hero-wordmark{font-family:"Dancing Script",cursive;font-size:1.875rem;font-weight:700;color:#fff;letter-spacing:-0.01em}.login-hero-content{z-index:1;position:relative;display:flex;align-items:center;justify-content:center}.login-hero-headline{font-size:clamp(2.6rem,4.5vw,3.8rem);font-weight:800;color:#fff;line-height:1.07;letter-spacing:-0.03em;margin-bottom:1.375rem}.login-hero-headline em{font-style:normal;color:#c4b5fd}.login-hero-sub{font-size:1.05rem;color:hsla(0,0%,100%,.52);line-height:1.65;max-width:370px}.login-hero-features{display:flex;flex-direction:column;gap:.75rem;margin-top:2.75rem;z-index:1}@media(max-width: 860px){.login-hero-features{display:none}}.login-hero-feature{display:flex;align-items:center;gap:.75rem;color:hsla(0,0%,100%,.68);font-size:.9rem}.login-hero-feature .feature-dot{width:6px;height:6px;border-radius:50%;background:#c4b5fd;flex-shrink:0;box-shadow:0 0 8px rgba(196,181,253,.6)}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2.5rem;background:#fff;min-height:100vh}@media(max-width: 860px){.login-panel{min-height:auto;padding:2.5rem 1.5rem}}.login-panel-inner{width:100%;max-width:390px}.login-panel-logo{display:flex;align-items:center;gap:.375rem;margin-bottom:2.75rem}.login-panel-logo .panel-heart{color:#6c35c2;filter:drop-shadow(0 0 8px rgba(108, 53, 194, 0.4))}.login-panel-logo .panel-wordmark{font-family:"Dancing Script",cursive;font-size:1.625rem;font-weight:700;color:#0f172a;letter-spacing:-0.01em}.login-panel-heading{font-size:1.875rem;font-weight:700;color:#0f172a;letter-spacing:-0.025em;margin-bottom:.375rem;line-height:1.15}.login-panel-sub{font-size:.875rem;color:#64748b;margin-bottom:2.25rem}.login-form{display:flex;flex-direction:column;gap:1.125rem}.lf-group{display:flex;flex-direction:column;gap:0}.lf-label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.45rem;letter-spacing:.01em}.lf-input{width:100%;padding:.8rem 1rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;color:#0f172a;background:#fff;transition:all .15s ease;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lf-input:focus{outline:none;border-color:#6c35c2;box-shadow:0 0 0 3px rgba(108,53,194,.12)}.lf-input::placeholder{color:#9ca3af}.lf-input.is-error{border-color:#ef4444;background:rgba(239,68,68,.02)}.lf-input.is-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.lf-error{font-size:.76rem;color:#ef4444;margin-top:.375rem;display:none;align-items:center;gap:.25rem;font-weight:500}.lf-error.show{display:flex}.lf-server-error{padding:.875rem 1rem;border-radius:10px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.22);color:#b91c1c;font-size:.875rem;font-weight:500;display:none;align-items:center;gap:.625rem}.lf-server-error.show{display:flex}.lf-submit{width:100%;padding:.9rem;background:#0f172a;color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .18s ease;margin-top:.5rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em}.lf-submit:hover{background:#1e2a4a;transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.22)}.lf-submit:active{transform:translateY(0);box-shadow:none}.lf-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-panel-footer{text-align:center;margin-top:2.25rem;font-size:.75rem;color:rgba(100,116,139,.65)}#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.625rem;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);font-size:.875rem;font-weight:500;max-width:380px;pointer-events:all;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease;border:1px solid rgba(0,0,0,0)}.toast--visible{opacity:1;transform:translateY(0)}.toast--exit{opacity:0;transform:translateY(8px)}.toast--success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.toast--error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.toast--warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.toast--info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.toast .toast-icon{flex-shrink:0}.toast .toast-message{flex:1}.toast .toast-close{background:rgba(0,0,0,0);border:none;opacity:.5;cursor:pointer;padding:2px;display:flex}.toast .toast-close:hover{opacity:1}.current-image{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8rem;color:#64748b}.current-image-preview{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid #e2e8f0}.mini-day--selected{background:rgba(108,53,194,.15);color:#6c35c2;font-weight:600;outline:1.5px solid #6c35c2}.mini-day--today.mini-day--selected{background:#6c35c2;color:#fff;outline:none}.patient-cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.25rem}.patient-crm-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);overflow:hidden;transition:all .22s ease}.patient-crm-card:hover{box-shadow:0 14px 36px rgba(15,23,42,.1),0 2px 8px rgba(15,23,42,.05);transform:translateY(-4px);border-color:rgba(108,53,194,.22)}.pcc-banner{height:72px;background:linear-gradient(135deg, #0F172A 0%, #3A2080 100%);position:relative;overflow:hidden}.pcc-banner::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%, rgba(108, 53, 194, 0.4), transparent 65%)}.pcc-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg, #6C35C2, #9B62E8);border:3px solid #fff;box-shadow:0 4px 14px rgba(15,23,42,.18);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);letter-spacing:-0.02em;z-index:1}.pcc-body{padding:2.25rem 1.25rem 1.25rem;text-align:center}.pcc-name{font-size:1.0625rem;font-weight:700;color:#0f172a;margin-bottom:.25rem;letter-spacing:-0.01em}.pcc-contact{font-size:.78rem;color:#64748b;margin-bottom:1.25rem;line-height:1.7}.pcc-contact a{color:#6c35c2}.pcc-contact a:hover{text-decoration:underline}.pcc-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;padding:.875rem;background:#f8fafc;border-radius:12px}.pcc-stat .pcc-stat-value{display:block;font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-0.03em;line-height:1}.pcc-stat .pcc-stat-label{display:block;font-size:.68rem;color:#64748b;margin-top:.2rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pcc-action{display:block;width:100%;padding:.6rem;background:#6c35c2;color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center;text-decoration:none}.pcc-action:hover{background:#5a29a3;transform:translateY(-1px);box-shadow:0 4px 12px rgba(108,53,194,.3)}.nav-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;color:#0f172a;flex-shrink:0;transition:background .15s,border-color .15s}.nav-hamburger:hover{background:#f8fafc;border-color:#cbd5e1}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:99;backdrop-filter:blur(2px)}.ob-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px);animation:ob-fade-in .3s ease}@keyframes ob-fade-in{from{opacity:0}to{opacity:1}}.ob-card{background:#fff;border-radius:24px;width:100%;max-width:480px;box-shadow:0 24px 80px rgba(15,23,42,.28);overflow:hidden;position:relative}.ob-progress-wrap{height:4px;background:#f8fafc}.ob-progress-bar{height:100%;background:linear-gradient(90deg, #6C35C2, #9B62E8);transition:width .4s ease;border-radius:0 2px 2px 0}.ob-card-inner{padding:2.5rem 2.5rem 2rem}.ob-step-label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem}.ob-icon-wrap{width:60px;height:60px;border-radius:16px;background:rgba(108,53,194,.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#6c35c2}.ob-title{font-size:1.375rem;font-weight:800;color:#0f172a;line-height:1.25;margin-bottom:.625rem;letter-spacing:-0.02em}.ob-desc{font-size:.9rem;color:#64748b;line-height:1.65;margin-bottom:1.5rem}.ob-plan-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .875rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:1.5rem}.ob-plan-badge--start{background:rgba(16,185,129,.1);color:#10b981}.ob-plan-badge--professional{background:rgba(108,53,194,.1);color:#6c35c2}.ob-plan-badge--enterprise{background:rgba(245,158,11,.1);color:#b45309}.ob-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-height:260px;overflow-y:auto;margin-bottom:1.5rem;padding-right:.25rem}.ob-features-grid::-webkit-scrollbar{width:4px}.ob-features-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.ob-features-grid::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.ob-feature-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f8fafc;border-radius:8px;font-size:.78rem;font-weight:500;color:#0f172a}.ob-feature-chip svg{color:#6c35c2;flex-shrink:0}.ob-feature-chip--pro{background:rgba(108,53,194,.06)}.ob-feature-chip--ent{background:rgba(245,158,11,.07)}.ob-feature-chip--ent svg{color:#d97706}.ob-action-card{background:rgba(108,53,194,.05);border:1.5px solid rgba(108,53,194,.15);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1rem}.ob-action-icon{width:36px;height:36px;background:rgba(108,53,194,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6c35c2;flex-shrink:0}.ob-action-body{flex:1}.ob-action-title{font-size:.875rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.ob-action-desc{font-size:.8rem;color:#64748b;line-height:1.5}.ob-link-box{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:1.5rem}.ob-link-url{flex:1;font-size:.8125rem;color:#6c35c2;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.ob-copy-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#6c35c2;color:#fff;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s}.ob-copy-btn:hover{background:#5a29a3}.ob-nav{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;border-top:1px solid #e2e8f0;margin-top:auto}.ob-nav-dots{display:flex;gap:5px}.ob-dot{width:6px;height:6px;border-radius:50%;background:#e2e8f0;transition:background .2s,transform .2s}.ob-dot.active{background:#6c35c2;transform:scale(1.3)}.ob-nav-right{display:flex;align-items:center;gap:.625rem}.ob-btn-back{padding:.5rem 1rem;border-radius:8px;border:1px solid #e2e8f0;background:rgba(0,0,0,0);color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.ob-btn-back:hover{background:#f8fafc;color:#0f172a}.ob-btn-next{padding:.5rem 1.25rem;border-radius:8px;border:none;background:#6c35c2;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;gap:.375rem}.ob-btn-next:hover{background:#5a29a3;transform:translateY(-1px)}.ob-btn-goto{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:rgba(108,53,194,.08);border:1.5px solid rgba(108,53,194,.2);border-radius:8px;color:#6c35c2;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s}.ob-btn-goto:hover{background:rgba(108,53,194,.14);border-color:rgba(108,53,194,.35)}.ob-skip{background:none;border:none;color:#64748b;font-size:.8rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.ob-skip:hover{color:#0f172a;background:#f8fafc}.ob-pill{position:fixed;bottom:1.5rem;right:1.5rem;z-index:8000;background:#0f172a;color:#fff;border-radius:32px;padding:.625rem 1.125rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px rgba(15,23,42,.25);cursor:pointer;transition:transform .2s,box-shadow .2s;animation:ob-pill-in .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.ob-pill:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(15,23,42,.32)}@keyframes ob-pill-in{from{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.ob-pill-dot{width:8px;height:8px;background:#10b981;border-radius:50%;flex-shrink:0;animation:ob-pulse 2s infinite}@keyframes ob-pulse{0%,100%{opacity:1}50%{opacity:.4}}.ob-pill-text{font-size:.8125rem;font-weight:600}.ob-pill-cta{font-size:.78rem;color:hsla(0,0%,100%,.65)}.ob-dev-btn{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:7000;background:#fff;border:2px dashed #6c35c2;color:#6c35c2;border-radius:24px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .15s;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);text-decoration:none}.ob-dev-btn:hover{background:rgba(108,53,194,.06)}@media(max-width: 1024px){.nav-hamburger{display:flex}.dashboard-main{margin-left:0}.sidebar{transform:translateX(-100%);z-index:200;transition:transform .3s ease}.sidebar.sidebar--open{transform:translateX(0)}.sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.active{opacity:1;pointer-events:auto}.dashboard-navbar{padding:0 1.25rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-header .page-actions{flex-wrap:wrap;gap:.5rem}.stats-grid{grid-template-columns:repeat(2, 1fr)}.content-grid{grid-template-columns:1fr}.form-card{padding:1.75rem}.filter-form{flex-direction:column;align-items:stretch}.filter-group{flex-wrap:wrap}.appt-staff{display:none}}@media(max-width: 768px){.dashboard-content{padding:1.25rem 1rem}.cards-grid,.staff-grid{grid-template-columns:1fr}.patient-cards-grid{grid-template-columns:1fr 1fr}.login-split{grid-template-columns:1fr}.login-hero{display:none !important}.page-header{margin-bottom:1.25rem}.navbar-search-btn{min-width:unset !important;padding:.45rem .65rem !important}.navbar-search-btn .navbar-label{display:none}.search-kbd{display:none !important}.navbar-logout .navbar-label{display:none}.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:480px}.data-table th{padding:.625rem .875rem;font-size:.7rem}.data-table td{padding:.625rem .875rem;font-size:.8125rem}.form-card{padding:1.25rem}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%;justify-content:center}.filter-bar{padding:.875rem 1rem}.page-header-actions{flex-wrap:wrap}.stab-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.stab-nav::-webkit-scrollbar{display:none}.ob-card-inner{padding:1.75rem 1.5rem 1.5rem}.ob-features-grid{grid-template-columns:1fr}}@media(max-width: 640px){.stats-grid{grid-template-columns:1fr 1fr}.navbar-breadcrumb .breadcrumb-page{font-size:.875rem}.dashboard-navbar{gap:.5rem}.navbar-right{gap:.375rem}.navbar-bookingside,.navbar-divider{display:none}.checkbox-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.pcc-grid{grid-template-columns:1fr}}@media(max-width: 480px){.patient-cards-grid{grid-template-columns:1fr}.dashboard-content{padding:1rem .875rem}.data-table{min-width:360px}.ob-card{border-radius:16px}.ob-card-inner{padding:1.5rem 1.25rem 1.25rem}.ob-title{font-size:1.2rem}.ob-pill{bottom:1rem;right:1rem;padding:.5rem .875rem}}@media(max-width: 410px){.dashboard-content{padding:.875rem .75rem}.dashboard-navbar{padding:0 .75rem;gap:.375rem}.navbar-right{gap:.25rem}.page-header{gap:.625rem;margin-bottom:1rem}.page-title{font-size:1.1rem}.page-subtitle{font-size:.78rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.data-table{min-width:320px}.data-table th,.data-table td{padding:.5rem .625rem;font-size:.75rem}.form-card{padding:1rem .875rem}.form-group{margin-bottom:1rem}.btn{padding:.45rem .875rem;font-size:.8125rem}.btn-sm{padding:.35rem .625rem;font-size:.75rem}.page-header .btn{font-size:.78rem;padding:.4rem .75rem}.service-card-body,.staff-card-body{padding:1rem}.cards-grid{gap:.75rem}.filter-bar{padding:.75rem}.filter-form{gap:.5rem}.filter-chips{gap:.25rem}.filter-chip{padding:.275rem .625rem;font-size:.72rem}.ob-overlay{padding:.5rem;align-items:flex-end}.ob-card{border-radius:20px 20px 12px 12px;max-height:90vh;overflow-y:auto}.ob-card-inner{padding:1.25rem 1rem 1rem}.ob-title{font-size:1.1rem}.ob-desc{font-size:.82rem}.ob-icon-wrap{width:48px;height:48px;border-radius:12px;margin-bottom:1rem}.ob-features-grid{gap:.375rem;max-height:200px}.ob-feature-chip{padding:.4rem .5rem;font-size:.72rem}.ob-nav{padding-top:1rem}.ob-btn-next,.ob-btn-back{padding:.45rem .875rem;font-size:.8125rem}.ob-pill{font-size:.75rem;padding:.45rem .75rem;gap:.5rem}.ob-dev-btn{font-size:.72rem;padding:.4rem .875rem}.appt-card{padding:.875rem;gap:.75rem}.appt-time .appt-hour{font-size:.875rem}.sidebar{width:min(240px,85vw)}.nav-hamburger{width:32px;height:32px}#notifBell{padding:.375rem}.navbar-logout{padding:.35rem}#searchModal{padding-top:40px}#searchInput{font-size:.875rem}}/*# sourceMappingURL=dashboard.css.map */