@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:0 0;width:100%;min-height:100vh;font-family:Poppins,sans-serif}body{color:#fff;background:url(/assets/bg-D2o1ridF.jpeg) 50%/cover no-repeat fixed;overflow-x:hidden}#root{background:0 0;min-height:100vh}input::placeholder,textarea::placeholder{opacity:1;color:#666!important}input[type=date],input[type=time],input[type=email],input[type=number],input[type=tel],input[type=password]{color:#000!important;-webkit-text-fill-color:#000!important}a{text-decoration:none}button{cursor:pointer}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#7b2ff7;border-radius:20px}.auth-success-popup{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-success-card{text-align:center;background:#140222;border:1px solid #ffffff14;border-radius:28px;width:340px;padding:38px 30px;box-shadow:0 0 40px #6c2cf559}.success-icon{color:#fff;background:linear-gradient(135deg,#6c2cf5,#9f67ff);border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;margin:auto auto 20px;font-size:34px;font-weight:700;display:flex}.auth-success-card h3{color:#fff;margin-bottom:10px;font-size:28px;font-weight:700}.auth-success-card p{color:#d7d7d7;font-size:15px;line-height:1.6}.auth-page{background:0 0;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.auth-container{z-index:2;background:radial-gradient(circle,#7b2ff7 0%,#4b00b5 28%,#2a004a 60%,#170028 100%);border:1px solid #9e4dff73;border-radius:14px;width:760px;height:575px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #8000ff2e}.auth-left{background:0 0;width:50%;height:100%;padding:28px;position:relative}.auth-right{z-index:5;background:0 0;flex-direction:column;width:50%;height:100%;padding:10px 34px 28px;display:flex;position:relative}.logo{object-fit:contain;width:170px;position:absolute;top:-90px;left:-120px}.left-title{z-index:10;margin-top:30px;position:relative}.left-title h1{color:#fff;font-size:24px;font-weight:700;line-height:1.2}.left-title p{color:#d4d4d4;width:170px;margin-top:12px;font-size:10px;line-height:1.6}.right-hand{object-fit:contain;z-index:1;height:280px;position:absolute;top:-5px;right:-50px}.left-hand{object-fit:contain;z-index:1;height:250px;position:absolute;bottom:-10px;left:-5px}.brand-text{color:#fff;z-index:5;font-size:42px;font-weight:700;position:absolute;bottom:245px;left:50%;transform:translate(-50%)}.bottom-features{color:#d7d7d7;gap:10px;font-size:8px;display:flex;position:absolute;bottom:16px;left:20px}.auth-right h1{color:#fff;margin-bottom:6px;font-size:32px;font-weight:700;line-height:1.1}.auth-subtitle{color:#f0f0f0;margin-bottom:18px;font-size:14px}.auth-form{margin-top:-15px}.form-group{margin-bottom:11px}.form-group label{margin-bottom:5px;font-size:11px;font-weight:500;display:block}.form-row{gap:14px;display:flex}.auth-input{background:#ffffff08;border:1px solid #f4f2f6;border-radius:8px;width:100%;height:30px;padding:0 12px;font-size:11px;transition:all .3s;color:#1f1f2e!important;-webkit-text-fill-color:#1f1f2e!important}.auth-input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#1f1f2e!important;caret-color:#1f1f2e!important;box-shadow:inset 0 0 0 1000px #ffffffe6!important}.auth-input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#1f1f2e!important;caret-color:#1f1f2e!important;box-shadow:inset 0 0 0 1000px #ffffffe6!important}.auth-input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#1f1f2e!important;caret-color:#1f1f2e!important;box-shadow:inset 0 0 0 1000px #ffffffe6!important}.auth-input:-webkit-autofill:active{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#1f1f2e!important;caret-color:#1f1f2e!important;box-shadow:inset 0 0 0 1000px #ffffffe6!important}select.auth-input{appearance:none;color:#1f1f2e!important;-webkit-text-fill-color:#1f1f2e!important}select.auth-input:focus{border-color:#bb86fc;box-shadow:0 0 12px #a855f759;color:#1f1f2e!important;background:#ffffffeb!important}.password-box{position:relative}.password-icon{color:#a7a7a7;font-size:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-options{color:#d0d0d0;justify-content:space-between;align-items:center;margin-top:5px;font-size:12px;display:flex}.remember-box{align-items:center;gap:7px;display:flex}.auth-options a{color:#d0d0d0}.primary-btn{color:#fff;background:linear-gradient(90deg,#7b2ff7,#b13cff);border:1px solid #f4f2f6;border-radius:8px;width:100%;height:28px;margin-top:10px;font-size:13px;font-weight:600;box-shadow:0 0 15px #a855f759}.primary-btn:hover{opacity:.96;transform:translateY(-2px)}.or-text{text-align:center;color:#d0d0d0;margin:6px 0;font-size:13px}.auth-footer{text-align:center;color:#d0d0d0;margin-top:10px;font-size:10px;line-height:1.4}.auth-footer span{color:#bb86fc;cursor:pointer}.top-logo{object-fit:contain;z-index:20;width:180px;position:absolute;top:-15px;left:60px}@media (width<=768px){.top-logo{width:140px;top:20px;left:20px}}.login-right{justify-content:flex-start!important;padding-top:75px!important}.auth-footer span a{color:#bb86fc;text-decoration:none}.topbar-left{flex:1;align-items:center;gap:20px;display:flex}.topbar-logo{z-index:999;justify-content:flex-start;align-items:center;min-width:220px;margin-right:98px;display:flex;position:absolute;top:-18px;left:35px}.topbar-logo img{object-fit:contain;width:210px;height:auto;display:block}.search-box{background:#460078b8;border:1px solid #a855f740;border-radius:12px;align-items:center;gap:12px;width:420px;height:44px;padding:0 16px;display:flex;position:relative;left:260px;box-shadow:0 0 20px #7b2ff714}.sidebar-link{color:#cfcfcf;border-radius:14px;align-items:center;width:100%;padding:14px 18px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.sidebar-link:hover{color:#fff;background:#8c52ff1f}.active-link{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 10px 25px #8b5cf659;color:#fff!important}.logout-btn{cursor:pointer;border:none;outline:none}.search-icon{color:#b8b8b8;font-size:18px}.search-box input{background:0 0;border:none;outline:none;flex:1;font-size:13px;color:#1f1f2e!important;-webkit-text-fill-color:#1f1f2e!important}.search-box input::placeholder{color:#8e8e9f!important}.top-icon{color:#fff;cursor:pointer;font-size:22px;transition:all .3s}.top-icon:hover{transform:translateY(-2px)}.profile-box img{object-fit:cover;border:2px solid #ffffff1f;border-radius:50%;width:46px;height:46px}.profile-text h4{color:#fff;font-size:15px;font-weight:600}.profile-text p{color:#d0d0d0;margin-top:2px;font-size:11px}.dropdown-icon{color:#fff;margin-left:4px;font-size:18px}@media (width<=1100px){.topbar-logo img{width:200px}.search-box{width:250px}}@media (width<=850px){.topbar{flex-direction:column;align-items:flex-start;gap:18px;height:auto}.topbar-left{justify-content:space-between;width:100%}.topbar-right{justify-content:flex-end;width:100%}}@media (width<=650px){.topbar-left{flex-direction:column;align-items:flex-start;gap:16px}.search-box{width:100%}.topbar-logo img{width:180px}.profile-text{display:none}}.dashboard-layout{align-items:flex-start;gap:28px;width:100%;height:100vh;padding:24px 34px;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#170d2c,#0f061d);border:1px solid #a855f729;border-radius:20px;flex-direction:column;justify-content:space-between;width:190px;height:73vh;margin-top:128px;margin-bottom:auto;padding:10px 14px;display:flex;box-shadow:0 0 30px #6200ff1f}.sidebar-logo{justify-content:center;align-items:center;margin-bottom:26px;display:flex}.sidebar-logo img{object-fit:contain;width:145px}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.sidebar-menu a{color:#d7d7d7;border-radius:12px;align-items:center;height:46px;padding:0 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.sidebar-menu a.active{color:#fff;background:#6d28d9;box-shadow:0 0 18px #7b2ff766}.sidebar-menu a:hover{background:#5b21b6}.sidebar-line{background:#ffffff14;width:100%;height:1px;margin:8px 0}.logout-btn{color:#ff6767;cursor:pointer;padding:14px 18px;font-size:14px;font-weight:500}.dashboard-layout-main{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.topbar{justify-content:space-between;align-items:center;width:100%;height:72px;margin-bottom:18px;padding:0 18px 0 0;display:flex}.search-box input{color:#fff;background:0 0;flex:1;font-size:13px}.topbar-right{align-items:center;gap:20px;display:flex}.top-icon{cursor:pointer;color:#fff;font-size:22px}.profile-box{align-items:center;gap:12px;display:flex}.profile-box img{object-fit:cover;border-radius:50%;width:46px;height:46px}.profile-box h4{font-size:14px;font-weight:600}.profile-box p{color:#bdbdbd;font-size:11px}.dashboard-layout-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dashboard-page{align-items:flex-start;gap:12px;width:100%;display:flex}.dashboard-left{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-tabs{gap:12px;margin-bottom:18px;display:flex}.dashboard-tabs button{color:#fff;background:#2a1247;border:1px solid #ffffff0f;border-radius:999px;height:38px;padding:0 22px;font-size:11px;font-weight:500}.appointment-card{border:1px solid #a855f724;border-radius:22px;flex-direction:column;flex-shrink:0;height:512px;display:flex;overflow:hidden}.appointment-list{flex-direction:column;flex:1;gap:10px;padding:0 6px 0 12px;display:flex;overflow:hidden auto}.appointment-list::-webkit-scrollbar{width:5px}.appointment-list::-webkit-scrollbar-track{background:0 0}.appointment-list::-webkit-scrollbar-thumb{background:#6c2cf5;border-radius:999px}.appointment-item{flex-shrink:0;min-height:66px}.appointment-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.appointment-list{flex-direction:column;gap:12px;display:flex}.appointment-item{background:#ffffff0a;border-radius:14px;justify-content:space-between;align-items:center;height:68px;padding:0 16px;display:flex}.time-box{text-align:center;width:60px;font-size:14px;font-weight:600}.time-box span{color:#bcbcbc;margin-top:2px;font-size:10px;display:block}.patient-info h4{font-size:14px;font-weight:600}.patient-info p{color:#bdbdbd;margin-top:3px;font-size:11px}.status{border-radius:999px;padding:8px 15px;font-size:11px;font-weight:500}.appointment-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.dashboard-right{background:linear-gradient(#4a127aeb,#21003cf5);border:1px solid #a855f72e;border-radius:32px;flex-direction:column;align-self:flex-start;gap:16px;width:320px;margin-top:10px;padding:14px;display:flex;box-shadow:0 0 30px #6200ff2e}.stats-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.stat-card{border-radius:9px;flex-direction:column;justify-content:space-between;height:77px;padding:16px;display:flex}.stat-card h4{color:#2a2a2a;font-size:13px;font-weight:500}.stat-card h2{color:#111;font-size:18px;font-weight:700}.blue{background:#adcfff}.yellow{background:#ffe8ad}.purple{background:#b7adff}.pink{background:#deb6ff}.schedule-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff1f,#ffffff14);border-radius:18px;padding:12px}.schedule-card h3{margin-bottom:10px;font-size:16px;font-weight:600}.schedule-content{justify-content:space-between;align-items:center;display:flex}.schedule-circle{background:conic-gradient(#8b5cf6 0% 50%,#3b82f6 50% 75%,#22c55e 75% 92%,#ff8a00 92% 100%);border-radius:50%;width:100px;height:110px;position:relative}.schedule-circle:before{content:"";background:#4d3b75;border-radius:50%;position:absolute;inset:22px}.schedule-legend{flex-direction:column;gap:7px;display:flex}.schedule-legend div{color:#f0f0f0;align-items:center;gap:5px;font-size:12px;display:flex}.schedule-legend strong{color:#fff;margin-left:auto;font-weight:500}.dot{border-radius:50%;width:8px;height:8px}.purple-dot{background:#8b5cf6}.blue-dot{background:#3b82f6}.green-dot{background:#22c55e}.orange-dot{background:#ff8a00}.practice-card{background:#eef1ff;border-radius:16px;align-items:center;gap:14px;height:160px;padding:16px;display:flex}.practice-card img{object-fit:contain;width:92px;height:92px}.practice-content{flex:1}.practice-content h3{color:#111;margin-bottom:8px;font-size:14px;font-weight:700}.practice-content p{color:#333;margin-bottom:12px;font-size:11px;line-height:1.5}.practice-content button{color:#fff;background:linear-gradient(90deg,#6c2cf5,#8147ff);border-radius:10px;height:34px;padding:0 18px;font-size:11px;font-weight:600}.active-tab{box-shadow:0 0 18px #7b2ff766;background:#6c2cf5!important}.appointment-header{justify-content:space-between;align-items:center;height:56px;padding:0 18px;display:flex}.appointment-header h3{font-size:14px;font-weight:600}.appointment-header span{color:#b794f4;font-size:11px}.appointment-list{flex-direction:column;gap:10px;padding:0 12px;display:flex}.appointment-item{background:#ffffff0a;border-radius:14px;flex-shrink:0;grid-template-columns:80px 2fr 1.1fr 1fr 220px;align-items:center;column-gap:18px;min-height:90px;padding:0 18px;display:grid}.appointment-time{text-align:center;background:linear-gradient(#7b3cff,#5520cf);border-radius:12px;justify-content:center;align-items:center;min-width:30px;height:50px;padding:10px;display:flex;box-shadow:inset 0 1px #ffffff14,0 0 18px #6c2cf547}.appointment-time h4{color:#fff;word-break:break-word;margin:0;font-size:16px;font-weight:700;line-height:1.25}.appointment-time span{color:#dcd6ff;letter-spacing:1px;margin-top:4px;font-size:9px;font-weight:500}.appointment-user{align-items:center;gap:12px;display:flex}.appointment-user img{object-fit:cover;border-radius:50%;width:38px;height:38px}.appointment-user h4{font-size:13px;font-weight:600}.appointment-user p{color:#bdbdbd;margin-top:2px;font-size:10px}.appointment-user span{color:#9f9f9f;font-size:10px}.appointment-purpose h4{font-size:12px;font-weight:600}.appointment-purpose p{color:#bdbdbd;margin-top:3px;font-size:10px}.status{border-radius:999px;justify-content:center;align-items:center;width:95px;height:32px;font-size:11px;font-weight:600;display:flex}.confirmed{color:#7dff9d;background:#1b5e20}.appointment-menu{color:#c8c8c8;cursor:pointer;font-size:20px}.appointment-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:44px;margin-top:auto;padding:0 18px;display:flex}.appointment-footer p{color:#d1d1d1;font-size:11px}.appointment-footer button{color:#fff;background:linear-gradient(90deg,#300378,#1d0691);border-radius:10px;height:38px;padding:0 18px;font-size:12px;font-weight:600}.booking-page{flex-direction:column;gap:12px;width:100%;height:calc(100vh - 140px);display:flex;overflow:hidden}.booking-top{justify-content:space-between;align-items:center;display:flex}.booking-top h2{font-size:28px;font-weight:700}.booking-top p{color:#bdbdbd;margin-top:4px;font-size:13px}.add-booking-btn{color:#fff;background:linear-gradient(90deg,#6c2cf5,#8147ff);border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:13px;font-weight:600;display:flex}.booking-filters{gap:12px;display:flex}.booking-filters button{color:#fff;background:#2a1247;border:1px solid #ffffff0f;border-radius:999px;height:38px;padding:0 22px;font-size:12px}.booking-active{background:#6c2cf5!important}.booking-search{background:#2a1247;border:1px solid #a855f729;border-radius:14px;align-items:center;gap:12px;width:360px;height:46px;padding:0 16px;display:flex}.booking-search input{color:#fff;background:0 0;flex:1}.booking-search-icon{color:#9ca3af}.booking-card{border:1px solid #a855f724;border-radius:22px;flex-direction:column;flex:1;min-height:495px;margin-top:-10px;display:flex;overflow:hidden}.booking-row{border-bottom:1px solid #ffffff0a;grid-template-columns:260px 270px 220px 180px 90px 80px;align-items:center;min-height:88px;padding:0 24px;display:grid}.booking-header{color:#d7d7d7;background:#ffffff08;grid-template-columns:260px 270px 190px 190px 120px 130px;align-items:center;height:58px;padding:0 24px;font-size:13px;font-weight:600;display:grid}.booking-body{flex:1;overflow:hidden auto}.booking-patient{align-items:center;display:flex}.booking-patient img{object-fit:cover;border-radius:50%;width:52px;height:52px}.booking-patient h4{font-size:14px;font-weight:600}.booking-patient p{color:#9ca3af;margin-top:4px;font-size:11px}.booking-patient span{color:#d1d5db;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.booking-date p,.booking-date span{align-items:center;gap:8px;font-size:12px;display:flex}.booking-date span{color:#bdbdbd;margin-top:8px}.booking-type{font-size:13px;font-weight:500}.booking-status{border-radius:999px;justify-content:center;justify-self:start;align-items:center;width:110px;height:34px;margin-left:-48px;font-size:12px;font-weight:600;display:flex}.booking-type{border-radius:999px;justify-content:center;justify-self:start;align-items:center;width:110px;height:34px;margin-left:-28px;font-size:12px;font-weight:600;display:flex}.booking-status.confirmed{color:#86efac;background:#14532d}.booking-action{color:#d1d5db;cursor:pointer;font-size:20px}.booking-body::-webkit-scrollbar{width:5px}.booking-body::-webkit-scrollbar-thumb{background:#6c2cf5;border-radius:999px}.settings-options-list{flex-direction:column;flex:1;gap:18px;padding-right:4px;display:flex;overflow-y:auto}.settings-option-left{flex:1}.settings-action-btn:hover{background:#ffffff24;transform:translateY(-2px)}.settings-connect-btn:hover{transform:translateY(-2px)}.settings-connect-btn.connected{color:#10b981;box-shadow:none;cursor:not-allowed;background:#10b98126;border:1px solid #10b9814d}.settings-connect-btn.connected:hover{transform:none}@media (width<=900px){.settings-option-card{flex-direction:column;align-items:flex-start}.settings-action-btn,.settings-connect-btn{width:100%}}.settings-main{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.settings-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-header h2{color:#fff;font-size:30px;font-weight:700}.settings-header p{color:#bdbdbd;margin-top:4px;font-size:13px}.settings-save-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6c2cf5,#8147ff);border:none;border-radius:14px;align-items:center;gap:10px;height:46px;padding:0 22px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.settings-save-btn:hover{transform:translateY(-2px)}.settings-tabs{flex-wrap:wrap;gap:18px;margin-bottom:10px;display:flex}.settings-tabs button{color:#fff;background:#2a1247;border:1px solid #ffffff0f;border-radius:999px;height:38px;padding:0 26px;font-size:12px}.settings-tabs button:hover{background:#51208f}.active-settings-tab{box-shadow:0 0 20px #6c2cf559;background:#6c2cf5!important}.settings-card::-webkit-scrollbar{width:5px}.settings-card::-webkit-scrollbar-thumb{background:#7b2ff7;border-radius:20px}.settings-section{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-input-box{flex-direction:column;gap:10px;display:flex}.settings-input-box label{color:#fff;font-size:13px;font-weight:500}.settings-input-box input,.settings-input-box textarea{color:#fff;background:#24113f;border:1px solid #ffffff0f;border-radius:14px;width:100%;padding:0 16px;font-size:13px}.settings-input-box input{height:48px}.settings-input-box textarea{resize:none;height:120px;padding-top:16px}.settings-input-box input:focus,.settings-input-box textarea:focus{border-color:#7b2ff7}.customize-grid{grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:28px;display:grid}.theme-card{cursor:pointer;border-radius:20px;flex-direction:column;justify-content:flex-end;height:130px;padding:20px;transition:all .3s;display:flex}.theme-card:hover{transform:translateY(-4px)}.theme-card h3{margin-bottom:6px;font-size:18px;font-weight:600}.theme-card p{color:#ddd;font-size:12px}.purple-theme{background:linear-gradient(135deg,#7b2ff7,#240046)}.blue-theme{background:linear-gradient(135deg,#2563eb,#0f172a)}.dark-theme{background:linear-gradient(135deg,#111827,#000)}.settings-toggle-row{background:#1e1033;border-radius:18px;justify-content:space-between;align-items:center;min-height:84px;margin-bottom:16px;padding:18px 22px;display:flex}.settings-toggle-row h4{margin-bottom:5px;font-size:15px;font-weight:600}.settings-toggle-row p{color:#cfcfcf;font-size:12px}.switch{width:56px;height:30px;position:relative}.switch input{display:none}.slider{cursor:pointer;background:#4b5563;border-radius:999px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:4px;left:4px}.switch input:checked+.slider{background:#6c2cf5}.switch input:checked+.slider:before{transform:translate(26px)}.settings-layout{flex-direction:row;align-items:flex-start;gap:20px;width:100%;display:flex;overflow:hidden}.settings-main{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.settings-card{border:1px solid #a855f72e;border-radius:18px;flex-direction:column;flex:1;width:100%;min-height:495px;padding:18px;display:flex;overflow:hidden;box-shadow:0 0 40px #6200ff24}.settings-options-list{flex-direction:column;flex:1;gap:22px;width:100%;padding-right:4px;display:flex;overflow-y:auto}.settings-option-card{border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:38px;padding:10px 22px;transition:all .3s;display:flex}.settings-option-left{flex:1;width:100%}.settings-option-left h3{color:#fff;font-size:13px;font-weight:600}.settings-option-left p{color:#cfcfcf;width:100%;max-width:none;margin-top:4px;font-size:10px;line-height:1.5}.settings-action-btn,.settings-connect-btn{border-radius:10px;flex-shrink:0;min-width:150px;height:34px;padding:0 14px;font-size:14px;font-weight:600}.settings-action-btn{color:#fff;background:#ffffff14}.settings-connect-btn{color:#fff;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);box-shadow:0 0 20px #7b2ff740}.settings-right-panel{flex-direction:column;gap:16px;display:flex}.booking-preview-card{background:linear-gradient(135deg,#5b21b6,#3b0764);border:1px solid #ffffff14;border-radius:20px;flex-shrink:0;width:100%;height:140px;display:flex;overflow:hidden;box-shadow:0 0 25px #6c2cf52e}.booking-preview-content{border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:38px;padding:10px 22px;transition:all .3s;display:flex}.booking-preview-content h3{color:#fff;font-size:16px;font-weight:700;line-height:1.3}.booking-preview-content p{color:#cfcfcf;width:100%;max-width:none;margin-top:4px;font-size:9px;line-height:1.5}.booking-preview-content button{color:#111;background:#fff;border-radius:10px;width:140px;height:36px;font-size:13px;font-weight:600}.booking-preview-image{background:#f8f8f8;justify-content:center;align-items:center;width:105px;display:flex}.booking-preview-image img{object-fit:contain;width:72px;height:72px}.customize-header{margin-bottom:10px}.customize-title{color:#fff;font-size:32px;font-weight:700}.customize-subtitle{color:#bdbdbd;margin-top:8px;font-size:14px}.custom-pages-grid.vertical-pages{flex-direction:column;flex:1;gap:22px;height:100%;min-height:0;padding-right:6px;display:flex;overflow:hidden auto}.custom-pages-grid.vertical-pages::-webkit-scrollbar{width:5px}.custom-pages-grid.vertical-pages::-webkit-scrollbar-thumb{background:#7b2ff7;border-radius:20px}.vertical-pages .custom-page-card{border:1px solid #ffffff0f;border-radius:18px;flex-shrink:0;grid-template-columns:6px 1fr 150px;align-items:center;width:100%;height:62px;min-height:72px;padding:0 10px;display:grid;overflow:hidden}.vertical-pages .custom-page-preview{isolation:isolate;border-radius:0;align-items:flex-end;width:100%;height:100%;min-height:60px;margin:0;padding:20px;display:flex;position:relative;overflow:hidden}.preview-overlay{z-index:-1;position:absolute;inset:0}.preview-content{width:100%}.preview-content h3{color:#fff;font-size:13px;font-weight:600;line-height:1.3}.preview-content p{color:#cfcfcf;width:100%;max-width:none;margin-top:4px;font-size:10px;line-height:1.5}.custom-page-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.edit-page-btn,.preview-page-btn{white-space:nowrap;border-radius:10px;min-width:120px;height:34px;padding:0 14px;font-size:11px}.share-link-btn{white-space:nowrap;color:#fff;background:linear-gradient(135deg,#7b2ff7,#9b4dff);border-radius:10px;min-width:150px;height:34px;padding:0 14px;font-size:11px;box-shadow:0 0 15px #7b2ff759}.share-link-btn:hover{transition:all .2s;transform:translateY(-1px)}.share-popup-card{background:#12001f;border:1px solid #ffffff14;border-radius:24px;width:420px;padding:28px;box-shadow:0 0 40px #8b5cf659}.share-popup-card h2{margin-bottom:8px;font-size:24px}.share-popup-card p{opacity:.8;margin-bottom:24px;font-size:14px}.share-options{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.share-option-btn{color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:46px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.share-option-btn svg{font-size:18px}.share-option-btn:hover{transform:translateY(-2px)}.whatsapp-btn{background:#25d366}.email-btn{background:#7b2ff7}.telegram-btn{background:#229ed9}.messenger-btn{background:#0084ff}.copy-link-box{gap:10px;margin-bottom:20px;display:flex}.copy-link-box input{color:#fff;background:#1f1033;border:none;border-radius:12px;flex:1;height:44px;padding:0 14px;font-size:13px}.copy-link-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#9b4dff);border:none;border-radius:12px;padding:0 18px;font-weight:600}.share-close-btn{cursor:pointer;color:#fff;background:#7c3aed;border:none;border-radius:12px;width:100%;margin-top:-15px;padding:14px;font-size:16px;font-weight:600}.edit-page-btn,.preview-page-btn{cursor:pointer;border:none;border-radius:12px;width:140px;height:40px;font-size:12px;font-weight:600;transition:all .3s}.edit-page-btn{color:#fff;background:#ffffff14}.edit-page-btn:hover{background:#ffffff24;transform:translateY(-2px)}.preview-page-btn{color:#fff;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);box-shadow:0 0 24px #7b2ff73d}.preview-page-btn:hover{transform:translateY(-2px)}.customize-options-grid{flex-direction:column;gap:16px;display:flex}@media (width<=1200px){.vertical-pages .custom-page-card{grid-template-columns:1fr}.vertical-pages .custom-page-preview{min-height:220px}.vertical-pages .custom-page-actions{padding:24px}.edit-page-btn,.preview-page-btn{width:100%}}@media (width<=700px){.preview-content h3{font-size:24px}.preview-content p{font-size:13px;line-height:1.7}.vertical-pages .custom-page-actions{gap:14px}}.availability-wrapper{flex-direction:column;flex:1;gap:27px;min-height:0;display:flex;overflow:hidden}.availability-card{border:1px solid #ffffff14;border-radius:22px;flex:1;min-height:0;max-height:560px;padding:1px 20px;overflow:hidden auto;box-shadow:0 0 30px #6c2cf533}.availability-card::-webkit-scrollbar{width:5px}.availability-card::-webkit-scrollbar-thumb{background:#b46cff;border-radius:20px}.availability-card-header{z-index:20;justify-content:space-between;align-items:center;height:34px;margin-bottom:2px;padding:0;display:flex;position:sticky;top:0}.availability-card-header h3{color:#fff;font-size:16px;font-weight:700}.availability-card-header span{color:#fff;cursor:pointer;font-size:22px}.schedule-row{border-bottom:1px solid #ffffff0f;grid-template-columns:270px 1fr 120px;align-items:center;min-height:51px;padding:2px;display:grid}.availability-add-btn:hover{opacity:.92}.schedule-day{align-items:center;gap:12px;display:flex}.schedule-day h4{color:#fff;font-size:14px;font-weight:500}.toggle-switch{width:32px;height:18px;position:relative}.toggle-switch input{display:none}.toggle-slider{background:#4b5563;border-radius:999px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translate(14px)}.schedule-time{align-items:center;gap:12px;display:flex}.schedule-time select{color:#333;background:#f3f4f6;border:none;border-radius:10px;outline:none;width:120px;height:34px;padding:0 10px;font-size:12px}.schedule-time span{color:#fff;font-size:18px}.schedule-time input,.availability-footer-time{color:#000;background:#fff;border:1px solid #dcdcdc;border-radius:8px;min-width:130px;height:26px;padding:4px 10px;font-size:14px;font-weight:600}.schedule-time input::-webkit-calendar-picker-indicator{filter:invert(0);cursor:pointer;width:16px;height:16px}.availability-footer-time::-webkit-calendar-picker-indicator{filter:invert(0);cursor:pointer;width:16px;height:16px}.schedule-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.schedule-actions button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;width:30px;height:30px;font-size:18px;transition:all .3s}.schedule-actions button:hover{background:#ffffff14}.timezone-text{color:#ececec;margin-top:12px;font-size:11px}.timezone-text span{color:#d8b4fe;cursor:pointer}.mini-availability-card{background:linear-gradient(#2b0b52,#18042f);border:1px solid #ffffff0f;border-radius:14px;flex-shrink:0;justify-content:space-between;align-items:center;min-height:18px;padding:6px 9px;display:flex}.mini-availability-card h4{color:#fff;margin-bottom:4px;font-size:13px;font-weight:500}.mini-availability-card p{color:#d0d0d0;font-size:11px;line-height:1.4}.mini-availability-card button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;height:36px;padding:0 16px;font-size:12px;font-weight:500}@media (width<=1200px){.settings-layout{grid-template-columns:1fr}.settings-right-panel{width:100%}.booking-preview-card{max-width:420px}}@media (width<=900px){.availability-card{max-height:none}.schedule-row{grid-template-columns:1fr;gap:14px;padding:14px 0}.schedule-actions{justify-content:flex-start}.mini-availability-card{flex-direction:column;align-items:flex-start;gap:14px}}.services-wrapper{flex-direction:column;flex:1;gap:20px;height:100%;min-height:0;display:flex;overflow:hidden}.services-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.services-heading{color:#fff;font-size:34px;font-weight:700}.services-description{color:#bdbdbd;margin-top:6px;font-size:14px}.services-header-right{align-items:center;gap:16px;display:flex}.services-search{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;width:240px;height:36px;padding:0 16px;display:flex}.services-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:13px}.services-search input::placeholder{color:#8f8f8f}.services-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);border:none;border-radius:14px;align-items:center;gap:10px;height:36px;padding:0 22px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 0 20px #7b2ff740}.services-add-btn:hover{transform:translateY(-2px)}.services-table{border:1px solid #a855f724;border-radius:24px;flex-direction:column;flex:1;min-height:0;margin-top:-10px;display:flex;overflow:hidden;box-shadow:0 0 30px #6200ff1f}.services-table-header{color:#a78bfa;letter-spacing:.5px;background:#ffffff08;border-bottom:1px solid #ffffff0d;flex-shrink:0;grid-template-columns:320px 140px 140px 140px 120px;align-items:center;height:60px;padding:0 24px;font-size:12px;font-weight:600;display:grid}.services-table-body{scrollbar-width:thin;scrollbar-color:#7c3aed transparent;flex:1;min-height:0;overflow:hidden auto}.services-table-body::-webkit-scrollbar{width:5px}.services-table-body::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:20px}.services-table-row{border-bottom:1px solid #ffffff0d;flex-shrink:0;grid-template-columns:290px 140px 140px 135px 150px;align-items:center;min-height:80px;padding:0 14px;transition:all .3s;display:grid}.service-main-info{align-items:center;gap:12px;display:flex}.service-main-icon{color:#fff;background:linear-gradient(135deg,#7b2ff7,#5b21b6);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex}.service-main-text h4{color:#fff;font-size:15px;font-weight:600}.service-main-text p{color:#bdbdbd;margin-top:4px;font-size:10px}.service-duration{color:#e4e4e4;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.service-price-box{color:#d8b4fe;justify-content:center;align-items:center;font-size:23px;font-weight:700;display:flex}.active-status,.inactive-status{border-radius:10px;justify-content:center;align-items:center;width:90px;height:34px;margin:auto;font-size:12px;font-weight:600;display:flex}.active-status{color:#4ade80;background:#22c55e24}.inactive-status{color:#ff6b6b;background:#ef444424}.service-actions-box{justify-content:center;align-items:center;gap:10px;display:flex}.service-edit-btn,.service-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.service-edit-btn:hover,.service-menu-btn:hover{background:#ffffff14}.services-footer{background:#ffffff05;border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.services-footer p{color:#bdbdbd;font-size:13px}.services-pagination{align-items:center;gap:10px;display:flex}.services-pagination button{color:#fff;cursor:pointer;background:#ffffff0a;border:none;border-radius:12px;width:40px;height:40px;transition:all .3s}.services-pagination button:hover{background:#ffffff14}.active-page{background:linear-gradient(135deg,#7b2ff7,#8b5cf6)!important}@media (width<=1200px){.services-table{overflow-x:auto}.services-table-header,.services-table-row{min-width:1000px}}@media (width<=900px){.services-header{flex-direction:column;align-items:flex-start}.services-header-right{width:100%}.services-search{flex:1}}@media (width<=600px){.services-header-right{flex-direction:column;align-items:stretch}.services-search{width:100%}.services-add-btn{justify-content:center;width:100%}.services-footer{flex-direction:column;justify-content:center;gap:14px;height:auto;padding:16px}}.settings-top-row,.booking-top-row{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:14px;display:flex}.booking-action-menu{justify-content:center;align-items:center;display:flex;position:relative}.booking-action-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:none;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.booking-action-btn:hover{background:#6c2cf5}.booking-action-dropdown{z-index:9999;opacity:0;visibility:hidden;pointer-events:none;background:#18042e;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:6px;min-width:190px;padding:8px;transition:all .2s;display:flex;position:absolute;top:48px;right:0;transform:translateY(10px);box-shadow:0 0 20px #6c2cf540}.booking-action-menu.active .booking-action-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.booking-action-dropdown button{color:#fff;text-align:left;background:0 0;border:none;border-radius:10px;width:100%;height:40px;padding:0 14px;font-size:13px;transition:all .2s}.booking-action-dropdown button:hover{background:#6c2cf5}.booking-top-actions{align-items:center;gap:12px;display:flex}.export-booking-btn{color:#fff;background:#2a1247;border:1px solid #ffffff0f;border-radius:999px;height:38px;padding:0 22px;font-size:12px}.finance-page{flex-direction:column;gap:18px;width:100%;display:flex}.finance-top-grid{grid-template-columns:1fr 1fr 1fr 1fr 305px;gap:12px;display:grid}.finance-stat-card{background:linear-gradient(135deg,#7858ffeb,#b478ffbf);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;height:62px;padding:14px 18px;display:flex}.finance-stat-card p{color:#f0eaff;margin-bottom:8px;font-size:12px}.active-revenue{background:linear-gradient(135deg,#5d11ff,#7b2ff7);box-shadow:0 0 28px #7b2ff74d}.generate-payment-btn{color:#fff;background:#3c0890;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:10px;height:45px;font-size:13px;font-weight:600;display:flex;box-shadow:0 0 20px #7b2ff740}.finance-content-grid{grid-template-columns:1fr 300px;gap:18px;display:grid}.finance-left{flex-direction:column;gap:4px;display:flex}.finance-filter-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.finance-filter-tabs{gap:10px;display:flex}.finance-filter-tabs button{color:#fff;background:#2b0b52;border:1px solid #ffffff14;border-radius:999px;height:34px;padding:0 18px;font-size:11px}.finance-active-filter{background:#6c2cf5!important}.finance-search-box{color:#9f9f9f;border:1px solid #f2f7fb;border-radius:12px;align-items:center;gap:10px;width:360px;height:40px;padding:0 14px;display:flex}.finance-search-box input{color:#fff;background:0 0;flex:1}.finance-table-card{border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;height:220px;display:flex}.finance-table{flex-direction:column;height:100%;display:flex}.finance-table-header{flex-shrink:0}.finance-table-body{min-height:200px;max-height:420px;padding-bottom:30px;position:relative;overflow-y:auto}.finance-table-body::-webkit-scrollbar{width:5px}.finance-table-body::-webkit-scrollbar-thumb{background:#7b2ff7;border-radius:20px}.finance-table-top{justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.finance-table-title h3{align-items:center;gap:16px;display:flex}.finance-date-inline{color:#d8ccff;align-items:center;gap:6px;font-size:14px;font-weight:400;display:flex}.finance-table-title span{color:#d9cfff;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.finance-table-actions{color:#fff;align-items:center;gap:16px;display:flex}.finance-table-actions button{color:#fff;background:#5d1dce;border-radius:8px;height:32px;padding:0 14px;font-size:11px}.finance-table-header,.finance-table-row{grid-template-columns:1fr 1fr 1fr 110px 140px 120px;align-items:center;padding:0 18px;display:grid}.finance-table-header{color:#d7c6ff;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;height:42px;font-size:11px;font-weight:600}.finance-table-row{color:#fff;border-bottom:1px solid #ffffff0a;height:48px;font-size:11px}.finance-paid-status,.finance-pending-status,.finance-refund-status{border-radius:6px;width:max-content;padding:6px 12px;font-size:10px;font-weight:600}.finance-view-all{color:#caa8ff;align-items:center;height:42px;padding:0 20px;font-size:11px;display:flex}.finance-chart-card{background:0 0;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;height:220px;min-height:220px;padding:16px;display:flex}.finance-chart-wrapper{flex:1;width:100%;height:100%;min-height:0}.finance-chart-top{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:-70px;display:flex}.finance-chart-top h3{color:#fff;font-size:14px}.finance-chart-top button{color:#fff;background:#6c2cf5;border-radius:8px;height:26px;padding:0 12px;font-size:10px}.finance-chart-area{width:100%;height:120px;margin-top:12px;position:relative;overflow:hidden}.finance-chart-line{filter:drop-shadow(0 0 10px #ffffff40);border-top:4px solid #ffffffa6;border-radius:50%;width:100%;height:70px;position:absolute;bottom:20px;left:0;transform:skew(-12deg)}.finance-chart-top h3{color:#fff;text-transform:capitalize;margin-bottom:50px;font-size:20px;font-weight:500}.finance-chart-select{color:#fff;cursor:pointer;border:1px solid #ffffff24;border-radius:12px;outline:none;width:110px;height:32px;margin-bottom:50px;padding:0 14px}.finance-chart-select option{color:#fff;background:#1a082d}.recharts-cartesian-axis-tick-value{fill:#7c4dff;font-size:12px}.recharts-tooltip-wrapper{outline:none}.finance-right{flex-direction:column;gap:16px;display:flex}.finance-summary-card{background:#3c0890;border:1px solid #ffffff0f;border-radius:18px;padding:16px}.finance-services-card{background:#fff;border-radius:20px;flex-direction:column;min-height:290px;margin-bottom:-80px;padding:24px 6px 24px 24px;display:flex;overflow:hidden;box-shadow:0 8px 25px #0000000d}.finance-services-card h3{color:#1f2937;margin-bottom:20px;font-size:18px;font-weight:700}.finance-service-item{border-bottom:1px solid #f1f1f5;padding:14px 0}.finance-service-item:last-child{border-bottom:none}.finance-service-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.finance-service-top span{color:#374151;font-size:14px;font-weight:600}.finance-service-top strong{color:#7c4dff;font-size:14px;font-weight:700}.finance-service-item div{color:#6b7280;font-size:13px}.finance-service-bar{background:#f3f4f6;border-radius:50px;width:100%;height:8px;margin-top:10px;overflow:hidden}.finance-service-fill{background:linear-gradient(90deg,#7c4dff,#9f7aea);border-radius:50px;height:100%;transition:width .4s}.finance-empty{text-align:center;color:#9ca3af;padding:40px 20px;font-size:14px}.finance-view-service{color:#b98cff;margin-top:10px;font-size:11px}.finance-summary-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.finance-donut-chart{background:conic-gradient(#22c55e 0% 70%,#ff9f1a 70% 90%,#ff4d6d 90% 100%);border-radius:50%;width:120px;height:120px;position:relative}.finance-donut-inner{background:#2b0b52;border-radius:50%;position:absolute;inset:24px}.finance-summary-legend{color:#fff;flex-direction:column;gap:12px;font-size:11px;display:flex}.finance-summary-legend div{align-items:center;gap:8px;display:flex}.summary-green,.summary-orange,.summary-red{border-radius:50%;width:10px;height:10px}.summary-green{background:#22c55e}.summary-orange{background:#ff9f1a}.summary-red{background:#ff4d6d}.finance-summary-card h4{color:#fff;margin-top:20px;font-size:13px;font-weight:600}.finance-pie-card{border-radius:19px;margin-top:70px}.payment-summary-wrapper{background:#230553;border-radius:18px;justify-content:space-between;align-items:center;gap:4px;margin-top:10px;display:flex}.payment-chart-box{justify-content:center;align-items:center;width:140px;height:140px;display:flex}.payment-summary-details{flex-direction:column;gap:14px;width:130px;padding-top:5px;display:flex}.paid-dot{background:#22c55e}.pending-dot{background:#ffb13d}.cancel-dot{background:#ff5b45}.payment-detail-top h4{color:#fff;margin-bottom:4px;font-size:12px;font-weight:600}.payment-detail-top p{color:#e4dcff;font-size:12px;line-height:1.5}.payment-total{color:#d7cfff;margin-top:10px;font-size:20px;font-weight:500}.payment-total span{color:#fff;margin-left:10px;font-weight:700}.addon-page{flex-direction:column;gap:24px;width:100%;height:calc(100vh - 180px);padding-right:4px;display:flex;overflow-y:auto}.addon-page::-webkit-scrollbar{width:5px}.addon-page::-webkit-scrollbar-thumb{background:#7b2ff7;border-radius:20px}.addon-hero-card{background:linear-gradient(135deg,#7b2ff7fa,#240046fa);border:1px solid #ffffff14;border-radius:30px;flex-direction:column;justify-content:center;min-height:300px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #7b2ff738}.addon-hero-card:before{content:"";background:#ffffff14;border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-120px}.addon-badge{color:#fff;letter-spacing:1px;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:max-content;height:38px;margin-bottom:20px;padding:0 18px;font-size:12px;font-weight:600;display:flex}.addon-hero-card h1{color:#fff;max-width:700px;font-size:54px;font-weight:800;line-height:1.1}.addon-hero-card p{color:#ececec;max-width:720px;margin-top:18px;font-size:15px;line-height:1.9}.addon-upgrade-btn{color:#111;background:#fff;border:none;border-radius:16px;width:240px;height:56px;margin-top:28px;font-size:15px;font-weight:700;transition:all .3s}.addon-upgrade-btn:hover{transform:translateY(-3px)}.addon-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.addon-feature-card{background:linear-gradient(#190a2dfa,#0e051cfa);border:1px solid #a855f71f;border-radius:24px;min-height:220px;padding:28px;transition:all .3s}.addon-feature-card:hover{transform:translateY(-4px);box-shadow:0 0 30px #7b2ff729}.addon-icon{color:#fff;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:22px;font-size:24px;display:flex}.addon-feature-card h3{color:#fff;font-size:20px;font-weight:700}.addon-feature-card p{color:#cfcfcf;margin-top:14px;font-size:13px;line-height:1.8}@media (width<=1200px){.addon-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.addon-grid{grid-template-columns:1fr}.addon-hero-card{padding:28px}.addon-hero-card h1{font-size:38px}.addon-hero-card p{font-size:14px}.addon-upgrade-btn{width:100%}}.service-form-card{background:linear-gradient(#23003cf5,#0f001efa);border:1px solid #a855f724;border-radius:24px;width:100%;margin-bottom:18px;padding:24px;box-shadow:0 0 30px #6200ff1f}.service-form-header h2{color:#fff;font-size:28px;font-weight:700}.service-form-header p{color:#bdbdbd;margin-top:6px;font-size:13px}.service-form-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.service-input-box{flex-direction:column;gap:10px;display:flex}.service-input-box label{color:#fff;font-size:13px;font-weight:500}.service-input-box input,.service-input-box select,.service-input-box textarea{color:#fff;background:#24113f;border:1px solid #ffffff0f;border-radius:14px;width:100%;padding:0 16px;font-size:13px}.service-input-box input,.service-input-box select{height:48px}.service-input-box textarea{resize:none;height:120px;padding-top:16px}.full-service-width{grid-column:1/3}.service-form-actions{justify-content:flex-end;margin-top:24px;display:flex}.service-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);border:none;border-radius:14px;height:46px;padding:0 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 0 20px #7b2ff73d}.service-create-btn:hover{transform:translateY(-2px)}@media (width<=700px){.service-form-grid{grid-template-columns:1fr}.full-service-width{grid-column:auto}}.service-popup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;background:#000000c7;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.service-popup-card{background:radial-gradient(circle at top,#4c0d91 0%,#250046 55%,#12001f 100%);border:1px solid #a855f72e;border-radius:22px;width:100%;max-width:360px;padding:18px;animation:.25s popupShow;box-shadow:0 0 45px #7b2ff742}@keyframes popupShow{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.service-popup-header h2{color:#fff;font-size:22px;font-weight:700;line-height:1.2}.service-popup-header p{color:#cfcfcf;margin-top:4px;font-size:12px}.service-popup-form{flex-direction:column;gap:4px;margin-top:16px;display:flex}.service-popup-group{flex-direction:column;gap:6px;display:flex}.service-popup-group label{color:#fff;font-size:12px;font-weight:500}.service-popup-group input,.service-popup-group textarea,.service-popup-group select{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:0 14px;font-size:12px;transition:all .3s}.service-popup-group input,.service-popup-group select{height:42px}.service-status-select{color:#fff;appearance:none;background:#2b0b52;border:1px solid #a855f738;border-radius:14px;outline:none;width:100%;height:48px;padding:0 16px;font-size:14px}.service-status-select option{color:#fff;background:#1a012d}.service-status-select:focus{border-color:#8b5cf6;box-shadow:0 0 14px #8b5cf640}.service-popup-group textarea{resize:none;height:72px;padding-top:12px}.service-popup-group input::placeholder,.service-popup-group textarea::placeholder{color:#8f8f8f}.service-popup-group input:focus,.service-popup-group textarea:focus,.service-popup-group select:focus{border-color:#8b5cf6;box-shadow:0 0 14px #7b2ff738}.service-popup-actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.service-submit-btn{color:#fff;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);border:none;border-radius:12px;width:100%;height:42px;font-size:13px;font-weight:600;transition:all .3s;box-shadow:0 0 25px #7b2ff747}.service-submit-btn:hover{transform:translateY(-2px)}.service-cancel-btn{color:red;border:1px solid #ffffff1f;border-radius:12px;width:100%;height:42px;font-size:13px;font-weight:500;transition:all .3s}.service-cancel-btn:hover{background:#ffffff0d}.timezone-select{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff14;border-radius:14px;min-width:240px;height:46px;padding:0 16px;font-size:13px;font-weight:500;transition:all .3s}.timezone-select:hover{background:#ffffff1f}.timezone-select:focus{border-color:#8b5cf6;box-shadow:0 0 14px #7b2ff738}.timezone-select option{color:#fff;background:#1a022f}@media (width<=900px){.timezone-select{width:100%}}.dob-input{color:#fff;cursor:pointer;background:#24113f;border:1px solid #ffffff0f;border-radius:14px;width:100%;height:48px;padding:0 16px;font-size:13px}.dob-input::-webkit-calendar-picker-indicator{filter:invert();opacity:.8;cursor:pointer}.dob-input:focus{border-color:#7b2ff7;box-shadow:0 0 14px #7b2ff733}.join-btn{color:#fff;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:90px;height:38px;font-size:12px;font-weight:600;display:flex;box-shadow:0 0 16px #7b2ff73d}.appointment-purpose{min-width:0}.appointment-purpose h4,.appointment-user h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.appointment-action-group{justify-content:flex-end;align-items:center;gap:56px;width:100%;display:flex}.join-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;flex-shrink:0;min-width:95px;height:38px;padding:0 14px;font-size:12px;font-weight:600}.appointment-status-select{color:#fff;cursor:pointer;background:#1e1033;border:none;border-radius:12px;outline:none;flex-shrink:0;min-width:110px;height:38px;padding:0 14px;font-size:12px;font-weight:600}.appointment-status-select option{color:#fff;background:#1e1033}.profile-popup-card{color:#fff;background:#140825;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:22px;width:420px;padding:30px;display:flex}.small-popup{width:340px}.profile-popup-card h2{font-size:24px;font-weight:700}.profile-popup-image{flex-direction:column;align-items:center;gap:14px;display:flex}.upload-photo-btn{cursor:pointer;background:#6c2cf5;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600}.profile-popup-details{flex-direction:column;gap:14px;display:flex}.profile-detail-box{background:#ffffff0d;border-radius:14px;padding:14px 16px}.profile-detail-box span{opacity:.7;font-size:12px}.profile-detail-box h4{margin-top:4px;font-size:15px}.profile-social-links{flex-wrap:wrap;gap:10px;display:flex}.profile-social-links button{color:#fff;cursor:pointer;background:#6c2cf5;border:none;border-radius:12px;flex:1;height:42px;font-size:14px;font-weight:600}.password-form{flex-direction:column;gap:14px;display:flex}.password-form input,.small-popup input{color:#fff;background:#ffffff14;border:none;border-radius:14px;outline:none;width:100%;height:48px;padding:0 16px;font-size:14px}.send-otp-btn{color:#fff;cursor:pointer;background:#6c2cf5;border:none;border-radius:14px;width:100%;height:48px;font-size:15px;font-weight:600}.profile-wrapper{position:relative}.profile-dropdown{z-index:9999;background:#16072a;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:10px;width:240px;padding:14px;display:flex;position:absolute;top:75px;right:0;box-shadow:0 0 25px #6c2cf540}.dropdown-email{color:#cfcfcf;word-break:break-word;border-bottom:1px solid #ffffff14;padding-bottom:10px;font-size:14px}.dropdown-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;width:100%;height:44px;font-size:14px;transition:all .2s}.dropdown-btn:hover{background:#6c2cf5}.logout{background:#2a0a0a}.calendar-filter-wrapper{align-items:center;display:flex;position:relative}.calendar-filter-popup{z-index:9999;background:#16072a;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:14px;width:260px;padding:16px;display:flex;position:absolute;top:48px;right:0;box-shadow:0 0 18px #6c2cf53d}.calendar-popup-header{justify-content:space-between;align-items:center;display:flex}.calendar-popup-header h4{color:#fff;font-size:15px;font-weight:700}.close-calendar{color:#fff;cursor:pointer;font-size:16px}.today-filter-btn{color:#fff;cursor:pointer;background:#6c2cf5;border:none;border-radius:12px;width:100%;height:40px;font-size:13px;font-weight:600}.calendar-input-group{flex-direction:column;gap:6px;display:flex}.calendar-input-group label{color:#cfcfcf;font-size:12px}.calendar-input-group input{color:#fff;background:#ffffff0f;border:none;border-radius:12px;outline:none;width:100%;height:42px;padding:0 12px;font-size:13px}.apply-calendar-btn{color:#111;cursor:pointer;background:#fff;border:none;border-radius:12px;width:100%;height:42px;font-size:13px;font-weight:700}.doctor-settings-popup{color:#fff;background:#140825;border:1px solid #ffffff14;border-radius:28px;width:1080px;max-width:92%;height:650px;display:flex;overflow:hidden}.doctor-settings-left{background:linear-gradient(#3b0764,#140825);flex-direction:column;justify-content:center;align-items:center;width:200px;min-width:200px;padding:22px;display:flex}.profile-popup-image{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.profile-popup-image img{object-fit:cover;border:4px solid #7b2ff7;border-radius:50%;width:120px;height:120px}.save-link-row{align-items:center;gap:12px;margin-top:15px;display:flex}.link-saved-msg{color:#6cff9d;font-size:14px;font-weight:600;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.upload-photo-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);border-radius:14px;justify-content:center;align-items:center;width:100%;height:46px;font-size:14px;font-weight:600;display:flex}.doctor-settings-right{flex:1;padding:10px 24px;overflow-y:auto}.doctor-settings-right::-webkit-scrollbar{width:5px}.doctor-settings-right::-webkit-scrollbar-thumb{background:#7b2ff7;border-radius:20px}.doctor-settings-right h2{color:#fff;margin-bottom:20px;font-size:24px;font-weight:700}.doctor-settings-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.doctor-settings-grid input,.doctor-bio-input,.social-link-row input,.social-link-row select{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;height:48px;padding:0 16px;font-size:14px;transition:all .3s}.doctor-bio-input{resize:none;height:110px;margin-bottom:18px;padding-top:16px}.social-links-section{flex-direction:column;gap:12px;display:flex}.social-link-row{grid-template-columns:200px 1fr;gap:12px;display:grid}.social-link-row select{cursor:pointer;appearance:none}.social-link-row select option{color:#fff;background:#1a022f}.add-social-btn,.save-profile-btn,.saved-profile-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);border:none;border-radius:14px;height:40px;font-size:14px;font-weight:600;transition:all .3s}.add-social-btn:hover,.save-profile-btn:hover,.upload-photo-btn:hover{transform:translateY(-2px)}.add-social-btn{width:180px}.doctor-settings-actions{gap:12px;margin-top:24px;display:flex}.doctor-banner-section{width:100%;margin-bottom:25px}.doctor-banner-preview{object-fit:cover;border:1px solid #ffffff26;border-radius:16px;width:100%;height:180px}.upload-banner-btn{text-align:center;cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b2cff,#b95cff);border-radius:12px;width:100%;margin-top:10px;padding:12px;font-weight:600;display:block}.upload-banner-btn input{display:none}.save-profile-btn{width:180px}.saved-profile-btn{width:400px}.billing-success-popup{text-align:center;background:#140222;border:1px solid #ffffff14;border-radius:16px;width:280px;padding:20px;animation:.25s popupScale;box-shadow:0 0 40px #6c2cf559}.billing-success-icon{color:#fff;background:linear-gradient(135deg,#6c2cf5,#9f67ff);justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 18px;font-size:36px;font-weight:700;display:flex}.billing-success-popup h2{color:#fff;margin:0 0 10px;font-size:18px}.billing-success-popup p{color:#d0d0d0;font-size:14px}@keyframes popupScale{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.doctor-settings-actions .share-close-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;flex:1;height:40px;font-size:14px;font-weight:600}@media (width<=900px){.doctor-settings-popup{flex-direction:column;height:auto;max-height:95vh;overflow-y:auto}.doctor-settings-left{width:100%;min-width:100%;padding:24px}.doctor-settings-grid,.social-link-row{grid-template-columns:1fr}.add-social-btn,.save-profile-btn,.saved-profile-btn{width:100%}.doctor-settings-actions{flex-direction:column}}.druser-booking-page{background:radial-gradient(circle,#6e00ff2e 0%,#070010 58%,#000 100%);width:100%;min-height:100vh;padding:4px 54px 20px;overflow:hidden}.cvb-patient-card{box-sizing:border-box;background:#fff;border:1px solid #e3e3eb;border-radius:24px;height:auto;margin-top:10px;padding:42px}.cvb-layout{grid-template-columns:minmax(500px,720px) minmax(0,1fr);gap:24px;width:100%;max-width:1500px;margin:30px auto;padding:0 25px;display:grid}.cvb-patient-card,.cvb-schedule-card{min-width:0}.clinic-payment-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.clinic-payment-method-row{color:#fff;align-items:center;gap:10px;font-size:14px;display:flex}.clinic-payment-method-btn{color:#fff;cursor:pointer;background:#16b516;border:none;border-radius:4px;outline:none;min-width:173px;height:30px;font-size:13px;font-weight:600}.clinic-payment-link-btn{color:#fff;cursor:pointer;background:#3f6d3f;border:1px solid #fff6;border-radius:4px;min-width:173px;height:30px;font-size:12px;font-weight:600;transition:all .3s}.clinic-payment-link-btn:hover{transform:translateY(-1px)}.cvb-patient-card h1{color:#fff;margin-top:-30px;margin-bottom:10px;font-size:32px;font-weight:700}.booking-page-title{color:#000;margin-top:10px;margin-bottom:10px;font-size:22px;font-weight:700}.cvb-form{flex-direction:column;gap:38px;display:flex}.cvb-field{flex-direction:column;gap:1px;display:flex}.cvb-field label{color:#1f1f2e;font-size:16px}.cvb-field input,.cvb-field textarea,.cvb-field select{color:#000;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:7px 16px}.cvb-field input,.cvb-field select{box-sizing:border-box;height:38px;color:#000!important}.cvb-field input::placeholder{color:#666;opacity:1}.cvb-field select{appearance:none;border:1px solid #ffffff24;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-size:12px;transition:all .3s;color:#000!important;background:0 0!important}.cvb-field textarea{resize:none}.cvb-row{grid-template-columns:1fr 1fr;gap:17px;display:grid}@media (width<=768px){.cvb-row{grid-template-columns:1fr}}.cvb-gender-tabs{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.cvb-gender-tabs button{color:#fff;background:#ffffff0f;border:none;border-radius:10px;height:34px}.cvb-gender-tabs .active-gender{color:#7b2ff7;background:#fff}.cvb-schedule-card{border:1px solid #ffffff14;border-radius:18px;margin-top:-90px;padding:24px}.cvb-mode-tabs{background:#ffffff0d;border-radius:50px;padding:5px;display:flex}.cvb-mode-tabs button{color:#fff;background:0 0;border:none;border-radius:50px;flex:1;height:50px}.cvb-mode-tabs .active-mode{background:linear-gradient(90deg,#8b2cff,#6b11ff)}.cvb-date-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px;display:grid}.cvb-date-card{text-align:center;cursor:pointer;border:1px solid #ffffff1a;border-radius:14px;padding:14px}.cvb-date-card h3,.cvb-date-card span{color:#fff}.cvb-date-card p{color:#0f8}.cvb-period-tabs{background:#ffffff0d;border-radius:50px;margin-top:20px;padding:5px;display:flex}.cvb-period-tabs button{color:#fff;background:0 0;border:none;border-radius:50px;flex:1;height:48px}.cvb-period-tabs .active-slot{background:linear-gradient(90deg,#8b2cff,#6b11ff)}.booking-section-title-select{color:#fff;margin-top:10px;margin-bottom:14px;font-size:18px;font-weight:700;line-height:1.2}.cvb-slots-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px;display:grid}.cvb-slots-grid button{color:#fff;background:#7b2ff7;border:none;border-radius:30px;height:48px}.cvb-slots-grid .active-time{border:2px solid #fff}.cvb-payment-card{background:#ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;margin-top:15px;padding:20px;display:flex}.cvb-footer{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.pg-card-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.pg-card-header h2{color:#fff;white-space:nowrap;margin:0;font-size:32px;font-weight:700}.pg-card-header input{background:#ffffffe6;border:1px solid #0000001f;border-radius:12px;outline:none;flex:1;max-width:320px;height:44px;padding:0 16px;color:#1f1f2e!important;-webkit-text-fill-color:#1f1f2e!important}.pg-service-list{grid-template-columns:repeat(2,1fr);align-content:start;gap:12px;display:grid}.pg-card-header input::placeholder{color:#0006}.pg-service-list{grid-template-columns:repeat(2,1fr);gap:14px 20px;margin-top:15px;display:grid}.pg-service-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:10px;display:flex}.pg-service-left{align-items:flex-start;gap:12px;display:flex}.sp-service-icon{background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;display:flex}.sp-service-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;margin-top:1px;padding:12px 16px;display:flex}.pg-service-content h4{color:#fff;margin:0;font-size:14px;font-weight:500}.pg-service-content p{color:#d6d6d6;margin-top:4px;font-size:12px}.pg-checkbox-wrapper{cursor:pointer;position:relative}.pg-checkbox-wrapper input{display:none}.pg-custom-checkbox{border:2px solid #fffc;border-radius:4px;width:16px;height:16px;display:block}.pg-checkbox-wrapper input:checked+.pg-custom-checkbox:after{content:"✓";color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;display:flex}.pg-view-all-services{color:#dcdcdc;cursor:pointer;align-items:center;gap:10px;margin-top:16px;font-size:14px;display:flex}.pg-view-all-services span{font-size:18px}.pg-service-list{grid-template-columns:repeat(2,1fr);gap:14px;max-height:190px;transition:all .3s;display:grid;overflow:hidden}.pg-view-all-services{cursor:pointer;-webkit-user-select:none;user-select:none}.pg-service-list.show-scroll{max-height:380px;padding-right:6px;overflow-y:auto}.pg-service-list.show-scroll::-webkit-scrollbar{width:6px}.pg-service-list.show-scroll::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:20px}.pg-service-list{grid-template-columns:repeat(2,1fr);gap:12px;max-height:330px;display:grid;overflow-y:auto}.pg-service-item{background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:10px;display:flex}.pg-service-card{flex-direction:column;height:500px;display:flex}.pg-service-list{grid-template-columns:repeat(2,1fr);gap:12px;min-height:220px;max-height:220px;display:grid;overflow:hidden}.pg-service-scroll{margin-right:-10px;padding-right:10px;overflow-y:auto!important}.pg-view-all-services{cursor:pointer;color:#fff;margin-top:10px}.finance-settings-wrapper{width:100%;padding:0}.finance-settings-wrapper h2{color:#fff;margin-bottom:3px;font-size:22px;font-weight:600}.finance-settings-wrapper p{color:#ffffffa6;margin-bottom:5px;font-size:13px}.finance-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.finance-password-wrapper{align-items:center;display:flex;position:relative}.finance-password-wrapper input{width:100%;padding-right:45px}.finance-eye-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.finance-error{color:#ff6b6b;margin-top:4px;font-size:12px}.finance-group{flex-direction:column;gap:6px;display:flex}.finance-group label{color:#fff;font-size:13px;font-weight:500}.finance-group input,.finance-group select,.finance-group textarea{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;height:42px;padding:0 14px;font-size:13px;transition:all .25s}.finance-group input:focus,.finance-group select:focus,.finance-group textarea:focus{background:#ffffff0f;border-color:#8b5cf6}.finance-full{margin-top:14px}.finance-group textarea{resize:none;height:90px;padding:12px 14px}.finance-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#8b5cf6);border:none;border-radius:12px;height:42px;margin-top:18px;padding:0 22px;font-size:13px;font-weight:600;transition:all .25s}.finance-save-btn:hover{transform:translateY(-1px)}.empty-data{text-align:center;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.finance-grid{grid-template-columns:1fr}}.clinic-visit-badge{color:#fff;background:linear-gradient(135deg,#6d28d9,#9333ea);border-radius:14px;justify-content:center;align-items:center;width:100%;height:48px;margin-bottom:18px;font-size:15px;font-weight:700;display:flex;box-shadow:0 0 20px #9333ea4d}.share-popup-overlay{z-index:99999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.thankyou-actions{justify-content:center;margin-top:20px;display:flex}.thankyou-close-btn{color:#fff;cursor:pointer;background:#8b2cff;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.thankyou-close-btn:hover{background:#9b45ff;transform:translateY(-2px)}@media (width<=768px){.auth-page{padding:15px;overflow-y:auto}.top-logo{display:none}.auth-container{border-radius:20px;width:100%;height:auto;display:block;overflow:hidden}.auth-left{display:none}.auth-right{width:100%;padding:30px 20px}.auth-right h1{text-align:center;margin-top:0;font-size:38px;line-height:1.2}.auth-subtitle{text-align:center;margin-bottom:25px;font-size:15px}.auth-form,.form-group{width:100%}.auth-input{width:100%;font-size:14px}.password-box{width:100%}.auth-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.primary-btn{width:100%;height:52px;font-size:16px}.google-login-wrapper{justify-content:center;width:100%;display:flex}.google-login-wrapper>div{width:100%!important}.auth-footer{text-align:center;margin-top:15px;font-size:14px}.billing-success-popup{width:280px;padding:18px}.billing-success-popup h3{font-size:15px}.doctor-main-card{box-sizing:border-box;overflow:hidden;width:100%!important;max-width:100%!important}.doctor-services-card{box-sizing:border-box;width:100%!important;max-width:100%!important;margin:15px 0 0!important;padding:15px!important}.services-grid{gap:12px;flex-direction:column!important;width:100%!important;display:flex!important}.service-item{word-break:break-word;display:block;width:100%!important}.user-profile-page{padding:10px;overflow-x:hidden}.user-page-logo{justify-content:center;margin-bottom:15px;display:flex}.user-page-logo img{width:140px}.doctor-profile-layout{gap:15px;width:100%;padding:0;flex-direction:column!important;display:flex!important}.doctor-main-card,.doctor-right-section,.doctor-services-card,.clinic-contact-card{width:100%!important;min-width:0!important;max-width:100%!important}.doctor-banner{display:none}.doctor-profile-content{padding:20px 15px;text-align:center!important;flex-direction:column!important;align-items:center!important;display:flex!important}.doctor-image-wrapper{justify-content:center;margin-bottom:15px;display:flex;margin-top:70px!important}.doctor-image-wrapper img{object-fit:cover;border-radius:50%;width:120px;height:120px}.doctor-info-section{text-align:center;order:2;width:100%;margin-top:-90px}.doctor-info-section h1{margin-bottom:-1px;font-size:26px}.doctor-info-section h3{margin-bottom:8px;font-size:16px}.clinic-name{margin-bottom:6px;font-size:14px}.doctor-exp{margin-bottom:10px;font-size:14px}.doctor-actions{flex-direction:column;order:3;align-items:center;width:100%;margin-top:-85px;display:flex}.doctor-socials{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:-12px;margin-bottom:15px;display:flex}.doctor-socials button{width:45px;height:45px}.view-profile-btn{display:none}.book-btn{max-width:320px;height:50px;font-size:15px;width:100%!important}.doctor-description{text-align:center;order:4;padding:15px;font-size:14px;line-height:1.7}.doctor-main-card{overflow:hidden;height:auto!important;min-height:auto!important}.doctor-services-card{box-sizing:border-box;border-radius:20px;margin-top:15px;padding:15px;width:100%!important;max-width:100%!important}.services-grid{gap:12px;width:100%;flex-direction:column!important;display:flex!important}.service-item{word-break:break-word;width:100%;padding:0;font-size:14px}.doctor-right-section{order:999}.clinic-contact-card{width:100%;margin-top:0}.clinic-top{text-align:center;flex-direction:column;align-items:center;display:flex}.clinic-top img{object-fit:cover;width:100%;height:160px;margin-left:80px}.clinic-top-content{padding:15px}.clinic-top-content h2{margin-left:40px;font-size:20px}.clinic-top-content h3{margin-left:40px;font-size:15px}.clinic-bottom{padding:15px}.clinic-contact-info{margin-top:10px}.clinic-contact-row{word-break:break-word;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.clinic-contact-row svg{flex-shrink:0;margin-top:3px}.user-booking-page{padding:10px;overflow-x:hidden}.booking-logo{justify-content:center;margin-bottom:15px;display:flex}.booking-logo img{width:140px}.booking-layout{gap:15px;width:100%;flex-direction:column!important;display:flex!important}.booking-left,.booking-right{width:100%!important;min-width:0!important;max-width:100%!important}.booking-left{padding:15px}.booking-left h1{text-align:center;font-size:24px}.booking-meta{flex-wrap:wrap;justify-content:center;gap:10px}.booking-price{text-align:center}.booking-doctor-card{text-align:center;flex-direction:column-reverse;align-items:center;padding:15px;display:flex}.booking-doctor-image img{display:none}.booking-doctor-left{width:100%}.booking-doctor-left h2{font-size:22px}.booking-doctor-left ul{padding:0;list-style:none}.booking-doctor-left li{margin-bottom:8px}.booking-description{text-align:center;padding:15px}.booking-description button{width:100%;margin-top:10px}.consult-mode-tabs{grid-template-columns:1fr;gap:10px;display:grid}.consult-mode-tabs button{width:100%}.booking-dates-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.booking-date-card{width:100%}.time-slot-tabs{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.time-slot-tabs button{width:100%;font-size:13px}.time-slots-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.time-slots-grid button{width:100%}.booking-footer{flex-direction:column;gap:15px;display:flex}.booking-timezone{text-align:center;justify-content:center}.confirm-btn{width:100%;height:50px}.booking-title-row{flex-wrap:wrap;gap:10px}}.notification-wrapper{position:relative}.notification-badge{color:#fff;background:#ff3b30;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-5px;right:-5px}.notification-popup{z-index:9999;background:#120020;border:1px solid #ffffff1a;border-radius:16px;width:320px;max-height:400px;position:absolute;top:45px;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.notification-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:15px;font-size:18px;font-weight:600;display:flex}.clear-all-btn{color:var(--accent-purple,#7c4dff);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .2s}.clear-all-btn:hover{background:var(--accent-purple-light,#7c4dff1a)}.notification-item{border-bottom:1px solid #ffffff0d;padding:15px}.notification-title{margin-bottom:5px;font-size:14px;font-weight:600}.notification-message{opacity:.8;font-size:13px}.notification-empty{text-align:center;opacity:.7;padding:25px}.notification-time{opacity:.7;margin-top:6px;font-size:12px}.notification-popup{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #ffffff14;padding:15px;position:relative}.notification-close{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:10px;right:10px}.search-box{position:relative}.search-dropdown{z-index:9999;background:#fff;border-radius:12px;width:100%;position:absolute;top:55px;left:0;overflow:hidden;box-shadow:0 8px 30px #0000001f}.search-dropdown-item{cursor:pointer;border-bottom:1px solid #eee;padding:12px 16px}.search-dropdown-item h4{color:#000;margin:0;font-size:14px;font-weight:600}.highlight-card{border:2px solid #9b5cff;animation:2s infinite pulseCard;box-shadow:0 0 25px #9b5cff99}@keyframes pulseCard{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.reset-page-wrapper{background:radial-gradient(circle at top,#7c3aed 0%,#1e0838 40%,#07010f 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.reset-card-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#110a22f5;border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:420px;padding:28px;animation:.35s resetFade;box-shadow:0 15px 40px #00000073}@keyframes resetFade{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.reset-title{color:#fff;text-align:center;margin-bottom:6px;font-size:26px;font-weight:700}.reset-subtitle{color:#b7b1c8;text-align:center;margin-bottom:22px;font-size:13px}.reset-input-group{margin-bottom:16px}.reset-input-group label{color:#fff;margin-bottom:6px;font-size:13px;display:block}.reset-input-wrapper{position:relative}.reset-input-wrapper input{color:#fff;background:#ffffff14;border:none;border-radius:12px;outline:none;width:100%;height:48px;padding:0 48px 0 14px;font-size:14px;transition:all .25s}.reset-input-wrapper input:focus{background:#ffffff1f;box-shadow:0 0 0 2px #8b5cf6}.reset-eye-icon{color:#bda9ff;cursor:pointer;font-size:18px;transition:all .25s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.reset-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;width:100%;height:48px;margin-top:8px;font-size:14px;font-weight:600;transition:all .25s}.reset-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf659}.reset-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.reset-card-container{max-width:350px;padding:22px}.reset-title{font-size:22px}.reset-input-wrapper input,.reset-submit-btn{height:44px}}.cvb-field input[type=date]{color:#fff}.cvb-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.appointment-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.appointment-filter input{color:#fff;background:#8c52ff14;border:1px solid #8c52ff66;border-radius:10px;outline:none;padding:2px 14px;font-size:14px}.appointment-filter input::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.date-filter-wrapper{align-items:center;display:flex;position:relative}.date-filter-icon{color:#fff;cursor:pointer;font-size:16px}.date-filter-wrapper input{opacity:0;cursor:pointer;width:20px;position:absolute;right:0}.date-filter-wrapper input::-webkit-calendar-picker-indicator{cursor:pointer}.finance-filter-wrapper{align-items:center;display:flex;position:relative}.finance-filter-icon{cursor:pointer;color:#fff;font-size:20px}.finance-filter-wrapper input{opacity:0;cursor:pointer;position:absolute;inset:0}.finance-clear-filter{color:#b36cff;cursor:pointer;background:0 0;border:none;margin-left:10px;font-size:14px}.finance-table-card{border-radius:24px;overflow:hidden}.guide-popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.guide-popup-card{background:#12061f;border:1px solid #ffffff14;border-radius:24px;width:90%;max-width:800px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.guide-popup-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.guide-popup-header h2{color:#fff;font-size:28px}.guide-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px}.guide-popup-content{flex-direction:column;gap:16px;display:flex}.guide-step{background:#ffffff0a;border-radius:14px;gap:15px;padding:16px;display:flex}.guide-step span{color:#fff;background:#8b5cf6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.guide-step h4{color:#fff;margin-bottom:6px;font-size:16px}.guide-step p{color:#cfc6ff;font-size:14px;line-height:1.6}@media (width<=768px){.guide-popup-card{width:95%;padding:20px}.guide-popup-header h2{font-size:22px}}.finance-chart-card{z-index:1;position:relative}.finance-chart-top{z-index:100;position:relative}.finance-chart-select{z-index:9999;cursor:pointer;position:relative}.pg-card-header{position:relative}.patient-search-dropdown{z-index:99999;background:#140a28fa;border:1px solid #8b2cff;border-radius:12px;width:100%;max-height:350px;position:absolute;top:80px;left:0;overflow-y:auto;box-shadow:0 10px 40px #0006}.patient-search-item{cursor:pointer;color:#fff;border-bottom:1px solid #ffffff14;padding:14px 18px}.patient-search-item:last-child{border-bottom:none}.patient-search-item p{color:#bdbdbd;margin-top:4px;font-size:13px}.current-plan-card{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:20px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 10px 30px #4f46e540}.current-plan-card h3{margin:0;font-size:22px}.current-plan-card p{opacity:.9;margin-top:8px}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;transition:all .3s;box-shadow:0 4px 15px #0000000d}.plan-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.plan-card h3{color:#111827;margin:0;font-size:20px}.plan-card h1{color:#4f46e5;margin:15px 0;font-size:40px;font-weight:700}.plan-card p{color:#6b7280;min-height:50px;line-height:1.5}.plan-card button{cursor:pointer;color:#fff;background:#4f46e5;border:none;border-radius:12px;width:100%;margin-top:18px;padding:12px;font-weight:600;transition:all .3s}.billing-history-card{background:#fff;border-radius:20px;margin-top:-40px;padding:24px;box-shadow:0 4px 20px #0000000d}.billing-history-card h3{color:#111827;margin-bottom:20px}.billing-history-card table{border-collapse:collapse;width:100%}.billing-history-card th{text-align:left;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:14px;font-size:13px}.billing-history-card td{border-bottom:1px solid #f1f5f9;padding:16px 14px}.billing-history-card button{cursor:pointer;color:#4f46e5;background:#eef2ff;border:none;border-radius:10px;padding:8px 14px;font-weight:600}.billing-history-card button:hover{color:#fff;background:#4f46e5}.paid-status{color:#15803d;background:#dcfce7;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.expired-status{color:#dc2626;background:#fee2e2;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.subscription-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.subscription-stat-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 4px 20px #0000000d}.subscription-stat-card h4{color:#6b7280;margin-bottom:10px}.subscription-stat-card h2{color:#111827;margin:0}@media (width<=768px){.current-plan-card{flex-direction:column;align-items:flex-start;gap:15px}.plans-grid{grid-template-columns:1fr}.billing-history-card{overflow-x:auto}.billing-history-card table{min-width:700px}}.payment-share-icons{justify-content:center;gap:18px;margin:20px 0;display:flex}.payment-share-icon{border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:24px;text-decoration:none;transition:all .3s;display:flex}.payment-share-icon:hover{transform:translateY(-3px)}.email-btn{color:#fff;background:#ea4335}.subscription-top-grid{grid-template-columns:320px 1fr;gap:20px;margin-top:-15px;display:grid}.active-plan-card{background:#fff;border-radius:20px;margin-top:-40px;padding:24px;box-shadow:0 10px 30px #0000000f}.active-plan-top{justify-content:flex-end;margin-bottom:15px;display:flex}.active-badge{color:#15803d;background:#dcfce7;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.plan-validity{color:#777;margin-top:15px}.remaining-days-box{background:#f8fafc;border-radius:12px;margin-top:20px;padding:15px}.remaining-days-box span{color:#666;font-size:13px;display:block}.remaining-days-box strong{font-size:24px}.renew-plan-btn{color:#fff;cursor:pointer;background:#7c4dff;border:none;border-radius:12px;width:100%;height:46px;margin-top:20px}.billing-history-card{background:#fff;border-radius:20px;padding:20px;overflow:auto}.billing-header{margin-bottom:15px}.invoice-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-radius:12px;padding:1px 12px}.plans-section{margin-top:25px}.subscription-expired-popup{text-align:center;background:#fff;border-radius:20px;width:420px;padding:30px}.subscription-expired-popup h2{color:#ef4444;margin-bottom:12px}.subscription-expired-popup p{color:#666;margin-bottom:20px}.purchase-plan-btn{color:#fff;cursor:pointer;background:#7c4dff;border:none;border-radius:12px;width:100%;height:50px;margin-bottom:10px;font-weight:600}.subscription-page{background:#f8f9fc;min-height:100vh;padding:60px}.subscription-header{text-align:left;flex-direction:column;align-items:flex-start;margin-bottom:74px;display:flex}.subscription-header h2{color:#fff;margin-bottom:3px;font-size:22px;font-weight:600}.subscription-header p{color:#ffffffa6;margin-bottom:5px;font-size:13px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.plan-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 25px #00000014}.plan-card h2{margin-bottom:10px}.plan-card h1{color:#7c4dff;margin-bottom:15px}.plan-card p{color:#666;min-height:60px}.plan-card button{color:#fff;cursor:pointer;background:#7c4dff;border:none;border-radius:12px;width:100%;height:50px;margin-top:20px}input,textarea,select,input:focus,textarea:focus,select:focus{color:#000!important;-webkit-text-fill-color:#000!important}input *,textarea *,select *{color:#000!important}.service-icon-box{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;transition:all .2s;display:flex}.service-icon-box.active{background:#f5f3ff;border:2px solid #7c3aed}.service-icon-box svg{font-size:24px}.service-icon-box span{text-align:center;font-size:11px;line-height:1.2}.select-service-icon-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;height:55px;display:flex}.icon-picker-popup{background:#fff;border-radius:20px;width:700px;max-width:90%;padding:25px}.service-icon-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px;display:grid}.service-icon-box{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:15px;display:flex}.service-icon-box:hover{border-color:#7c3aed}.share-social-icons{justify-content:center;gap:20px;margin:25px 0;display:flex}.share-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:all .3s;display:flex}.share-icon:hover{transform:translateY(-4px)scale(1.08)}.share-icon.whatsapp{background:#25d366}.share-icon.telegram{background:#229ed9}.share-icon.email{background:#ea4335}.share-icon.messenger{background:#0084ff}.cvb-patient-card .cvb-field input[type=date]{color:#000!important;-webkit-text-fill-color:#000!important}@supports (background:-webkit-named-image(i)){.druser-booking-page{overflow:auto!important}@media (width>=1201px){.cvb-patient-card{margin-top:15px!important}}}.sp-page{box-sizing:border-box;background:#f5f6fa;flex-direction:column;height:100vh;padding:20px 28px 16px;display:flex;overflow:hidden}.sp-header{flex-shrink:0;margin-bottom:14px}.sp-header h1{color:#111827;margin:0 0 3px;font-size:20px;font-weight:700}.sp-header p{color:#6b7280;margin:0;font-size:13px}.sp-grid{flex:1;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:14px;min-height:0;display:grid}.sp-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:0;padding:16px 16px 14px;transition:box-shadow .22s,transform .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000f}.sp-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f121}.sp-card--popular{border-color:#6366f1;box-shadow:0 4px 20px #6366f126}.sp-badge{color:#fff;letter-spacing:.4px;text-transform:uppercase;background:#6366f1;border-radius:999px;padding:3px 9px;font-size:9px;font-weight:700;position:absolute;top:12px;right:12px}.sp-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:10px;display:flex}.sp-plan-name{color:#111827;margin:0 0 3px;font-size:17px;font-weight:700}.sp-tagline{color:#6b7280;margin:0 0 10px;font-size:11.5px;line-height:1.4}.sp-price{align-items:baseline;gap:3px;margin-bottom:10px;display:flex}.sp-price-amount{color:#6366f1;letter-spacing:-.5px;font-size:24px;font-weight:800}.sp-price-period{color:#9ca3af;font-size:11px;font-weight:500}.sp-features{flex-direction:column;flex:1;gap:5px;margin:0 0 10px;padding:0;list-style:none;display:flex;overflow:hidden}.sp-features li{color:#374151;align-items:flex-start;gap:7px;font-size:11.5px;line-height:1.35;display:flex}.sp-check{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;margin-top:1px;display:flex}.sp-btn{color:#6366f1;cursor:pointer;background:0 0;border:1.5px solid #6366f1;border-radius:10px;flex-shrink:0;width:100%;height:38px;margin-top:auto;font-size:12.5px;font-weight:600;transition:background .2s,color .2s,transform .15s}.sp-btn:hover:not(:disabled){color:#fff;background:#6366f1;transform:translateY(-1px)}.sp-btn:disabled{opacity:.65;cursor:not-allowed}.sp-card--coming-soon{pointer-events:none}.sp-card--coming-soon .sp-features li,.sp-card--coming-soon .sp-plan-name,.sp-card--coming-soon .sp-tagline,.sp-card--coming-soon .sp-price,.sp-card--coming-soon .sp-icon-box{opacity:.35;filter:blur(1.5px)}.sp-coming-soon-overlay{-webkit-backdrop-filter:blur(1.5px);pointer-events:none;background:#ffffff73;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sp-coming-soon-content{color:#1f2937;background:#fffffff2;border:1px solid #0000000d;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;display:flex;box-shadow:0 4px 15px #0000001a}.sp-coming-soon-content svg{color:#4b5563;margin-bottom:2px}.sp-cs-title{color:#111827;font-size:16px;font-weight:700}.sp-cs-sub{color:#4b5563;font-size:12px}@media (width<=1200px){.sp-page{height:auto;padding:20px;overflow:auto}.sp-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.sp-page{padding:16px}.sp-grid{grid-template-columns:1fr}}.spinner-loader{border:3px solid #7c4dff33;border-top-color:#7c4dff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin-loader;display:inline-block}@keyframes spin-loader{to{transform:rotate(360deg)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.crm-page{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:12px;width:100%;max-height:calc(100vh - 100px);display:flex;overflow-y:hidden}.crm-page::-webkit-scrollbar{display:none!important}.crm-header{justify-content:space-between;align-items:center;width:100%;display:flex}.crm-header h2{color:var(--text-primary);font-size:24px;font-weight:700}.crm-header p{color:var(--text-light);margin-top:4px;font-size:14px}.crm-add-btn{background:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.crm-add-btn:hover{background:var(--accent-purple-hover);transform:translateY(-1px)}.crm-tabs{flex-wrap:wrap;align-items:center;gap:16px;display:flex;flex-shrink:0!important}.crm-tabs button{cursor:pointer;color:#334155;background:#fff;border:none;border-radius:999px;outline:none;min-width:90px;height:40px;padding:0 18px;font-size:14px;font-weight:500;transition:all .25s;box-shadow:inset 0 0 0 1px #e5e7eb}.crm-active-tab{color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#6d4aff)!important;box-shadow:0 10px 20px #7c4dff40!important}.crm-metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.crm-metric-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:20px;transition:all .2s;display:flex}.crm-metric-card:hover{border-color:#7c4dff33;transform:translateY(-2px);box-shadow:0 6px 18px #0000000a}.crm-metric-card p{color:var(--text-secondary);font-size:13px;font-weight:600}.crm-metric-card h3{color:var(--text-primary);font-size:28px;font-weight:700}.crm-dashboard-grid{grid-template-columns:1.5fr 1fr;gap:24px;margin-top:0;display:grid}.crm-chart-card,.crm-action-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.crm-chart-card h3,.crm-action-card h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:10px;font-size:16px;font-weight:600}.crm-chart-wrapper{width:100%;height:220px}.crm-action-list{flex-direction:column;gap:12px;display:flex}.crm-action-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.crm-action-info h4{color:var(--text-primary);font-size:13px;font-weight:600}.crm-action-info p{color:var(--text-light);margin-top:2px;font-size:11px}.crm-leads-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.crm-search-box{flex:1;min-width:200px;max-width:320px;position:relative}.crm-search-box svg{color:var(--text-light);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.crm-search-box input{border:1px solid var(--border-color);background:var(--surface-bg);border-radius:12px;width:100%;padding:10px 14px 10px 40px;font-size:14px;transition:all .2s}.crm-search-box input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 2px var(--accent-purple-light);outline:none}.crm-filter-group{gap:12px;display:flex}.crm-filter-select{border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-primary);cursor:pointer;border-radius:12px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.crm-filter-select:focus{border-color:var(--accent-purple)}.crm-table-container{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.crm-table{border-collapse:collapse;width:100%}.crm-table-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);text-align:left;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr;padding:14px 20px;display:grid}.crm-table-header span{color:var(--text-secondary);font-size:13px;font-weight:600}.crm-table-body{flex-direction:column;display:flex}.crm-table-row{border-bottom:1px solid var(--border-color);grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr;align-items:center;padding:16px 20px;transition:background-color .2s;display:grid}.crm-table-row:hover{background-color:var(--light-surface)}.crm-table-row:last-child{border-bottom:none}.crm-lead-profile{flex-direction:column;gap:4px;display:flex}.crm-lead-name{color:var(--text-primary);font-size:14px;font-weight:600}.crm-lead-date{color:var(--text-light);font-size:11px}.crm-lead-contact{flex-direction:column;gap:2px;display:flex}.crm-lead-contact span{color:var(--text-secondary);font-size:13px}.crm-lead-source{color:var(--text-primary);font-size:13px}.crm-lead-followup{color:var(--text-secondary);font-size:13px}.status-pill{text-transform:capitalize;border-radius:8px;align-items:center;width:fit-content;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.new{color:#0284c7;background:#e0f2fe}.status-pill.contacted{color:#ea580c;background:#ffedd5}.status-pill.qualified{color:#310439;background:#ffedd5}.status-pill.in-progress{color:#9333ea;background:#faf5ff}.status-pill.converted{color:#16a34a;background:#dcfce7}.status-pill.lost{color:#dc2626;background:#fee2e2}.crm-actions{gap:8px;display:flex}.crm-action-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:8px;padding:6px;font-size:15px;transition:all .2s}.crm-action-btn:hover{background:var(--light-surface);color:var(--accent-purple)}.crm-action-btn.delete:hover{color:var(--danger);background:#ff3b3014}.crm-modal-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:500px;padding:24px;animation:.25s ease-out modalSlideIn;display:flex;box-shadow:0 20px 40px #0000001a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crm-modal-card h3{color:var(--text-primary);font-size:18px;font-weight:700}.crm-form{flex-direction:column;gap:16px;display:flex}.crm-form-group{flex-direction:column;gap:6px;display:flex}.crm-form-group input,.crm-form-group select,.crm-form-group textarea{border:1px solid var(--border-color);background:var(--surface-bg);border-radius:10px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.crm-form-group input:focus,.crm-form-group select:focus,.crm-form-group textarea:focus{border-color:var(--accent-purple);outline:none}.crm-modal-buttons{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.crm-cancel-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.crm-cancel-btn:hover{background:var(--card-bg)}.crm-save-btn{background:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.crm-save-btn:hover{background:var(--accent-purple-hover)}.crm-settings-container{flex-direction:column;gap:24px;display:flex}.crm-settings-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.crm-settings-card h3{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:10px;font-size:16px;font-weight:600}.crm-sources-list{flex-direction:column;gap:10px;margin-top:-20px;display:flex}.crm-source-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.crm-source-item span{color:var(--text-primary);font-size:14px;font-weight:500}.crm-source-add-box{gap:12px;display:flex}.crm-source-add-box input{border:1px solid var(--border-color);background:var(--surface-bg);border-radius:10px;flex:1;padding:10px 14px;font-size:14px}.crm-source-add-box input:focus{border-color:var(--accent-purple);outline:none}.crm-source-add-btn{background:var(--accent-purple-light);color:var(--accent-purple);cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.crm-source-add-btn:hover{background:var(--accent-purple);color:#fff}.crm-settings-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.crm-settings-row:last-child{border-bottom:none}.crm-settings-info h4{color:var(--text-primary);font-size:14px;font-weight:600}.crm-settings-info p{color:var(--text-light);margin-top:2px;font-size:12px}.crm-switch{width:44px;height:24px;display:inline-block;position:relative}.crm-switch input{opacity:0;width:0;height:0}.crm-slider{cursor:pointer;background-color:var(--border-color);border-radius:24px;transition:all .3s;position:absolute;inset:0}.crm-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.crm-switch input:checked+.crm-slider{background-color:var(--accent-purple)}.crm-switch input:checked+.crm-slider:before{transform:translate(20px)}.crm-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.crm-empty-state p{color:var(--text-light);font-size:14px}@media (width<=768px){.crm-header{flex-direction:column;align-items:flex-start;gap:16px}.crm-add-btn{justify-content:center;width:100%}.crm-tabs{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;width:100%!important;padding-bottom:0!important;display:grid!important;overflow-x:hidden!important}.crm-tabs button,.crm-tab-btn{text-align:center!important;flex-shrink:1!important;width:100%!important;min-width:0!important;height:38px!important;padding:0 2px!important;font-size:11.5px!important}.crm-metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.crm-dashboard-grid{grid-template-columns:1fr;gap:20px}.crm-leads-filters{flex-direction:column;align-items:stretch;gap:12px}.crm-search-box{max-width:100%}.crm-filter-group{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.crm-filter-select{width:100%}.crm-table-header{display:none!important}.crm-table-row{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:1fr;gap:12px;margin-bottom:12px;padding:16px;position:relative}.crm-table-row>*{justify-content:space-between;align-items:center;display:flex}.crm-lead-contact:before{content:"Contact:";color:var(--text-secondary);font-size:14px;font-weight:600}.crm-lead-source:before{content:"Source:";color:var(--text-secondary);font-size:12px;font-weight:600}.crm-lead-followup:before{content:"Follow Up:";color:var(--text-secondary);font-size:12px;font-weight:600}.crm-lead-status-wrapper:before{content:"Status:";color:var(--text-secondary);font-size:12px;font-weight:600}.crm-actions{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:4px;padding-top:8px}}.crm-overview-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:0;display:grid}.crm-overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-height:65px;margin-top:0;padding:8px 12px}.crm-overview-card p{color:#64748b;margin:0 0 4px;font-size:11px;font-weight:500}.crm-overview-card h2{margin:0;font-size:18px;font-weight:700;line-height:1}.crm-dashboard-grid{grid-template-columns:.9fr 1.1fr;gap:16px;display:grid}.crm-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.crm-card-header h3{margin-bottom:16px;font-size:18px;font-weight:700}.crm-activity-list{flex-direction:column;flex:1;gap:12px;min-height:0;margin-bottom:12px;padding-right:6px;display:flex;overflow:hidden auto}.crm-activity-list::-webkit-scrollbar{width:6px}.crm-activity-list::-webkit-scrollbar-thumb{background:#7c5cff;border-radius:20px}.crm-activity-card{flex-direction:column;height:calc(100vh - 290px);min-height:425px;display:flex;overflow:hidden}.crm-leads-table{flex-direction:column;flex:1;min-height:0;margin-bottom:12px;display:flex}.crm-leads-card{flex-direction:column;height:calc(100vh - 290px);min-height:503px;margin-bottom:0;display:flex;overflow:hidden}.crm-leads-table-body{flex:1;overflow:hidden auto}.crm-leads-table-row{min-height:84px}.crm-activity-item{background:#f8fafc;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.crm-activity-icon{color:#7c3aed;background:#ede9fe;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.crm-activity-item h4{margin:0;font-size:13px}.crm-activity-item p{color:#64748b;margin-top:2px;font-size:11px}.crm-funnel-wrapper{flex-direction:column;align-items:center;display:flex}.crm-funnel{flex-direction:column;align-items:center;gap:5px;width:100%;margin-top:6px;display:flex}.crm-funnel-row{color:#334155;clip-path:polygon(5% 0%,95% 0%,90% 100%,10% 100%);justify-content:center;align-items:center;height:24px;font-size:14px;font-weight:500;display:flex}.crm-funnel-legend{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:16px;display:flex}.crm-funnel-legend span{align-items:center;gap:4px;font-size:14px;display:flex}.crm-funnel-legend i{border-radius:2px;width:10px;height:10px;display:block}@media (width<=768px){.crm-page{max-height:none!important;overflow-y:auto!important}.crm-overview-grid{grid-template-columns:1fr;gap:16px;margin-top:12px!important}.crm-overview-card{margin-top:0!important}.crm-dashboard-grid{grid-template-columns:1fr;margin-top:0!important}.crm-activity-card{height:auto!important;min-height:0!important}.crm-card{padding:14px}}.crm-leads-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.crm-leads-actions{align-items:center;gap:12px;display:flex}.crm-new-lead-btn{color:#fff;cursor:pointer;background:#7c4dff;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.crm-new-lead-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #7c4dff40}.crm-leads-table{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;min-width:0;overflow:hidden}.crm-leads-table-header{color:#334155;background:#f8fafc;border-bottom:1px solid #e5e7eb;grid-template-columns:minmax(130px,1.2fr) minmax(110px,1fr) minmax(150px,1.8fr) minmax(90px,1fr) minmax(120px,1.5fr) minmax(120px,1fr) 110px;gap:16px;padding:20px 24px;font-size:15px;font-weight:700;display:grid}.crm-leads-table-header span:last-child{text-align:right}.crm-leads-table-body{max-height:500px;overflow-y:auto}.crm-leads-table-body::-webkit-scrollbar{width:8px}.crm-leads-table-body::-webkit-scrollbar-thumb{background:#7c4dff;border-radius:20px}.crm-leads-table-row{border-bottom:1px solid #eef2f7;grid-template-columns:minmax(130px,1.2fr) minmax(110px,1fr) minmax(150px,1.8fr) minmax(90px,1fr) minmax(120px,1.5fr) minmax(120px,1fr) 110px;align-items:center;gap:16px;padding:20px 24px;transition:all .2s;display:grid}.crm-leads-table-row:hover{background:#fafbff}.crm-leads-table-row:last-child{border-bottom:none}.crm-leads-table-row span{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:14px;display:block;overflow:hidden}.crm-leads-table-row span:first-child{color:#0f172a;font-weight:700}.crm-leads-table-row span a,.crm-leads-table-row span .crm-lead-link{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.crm-stage-pill{text-transform:capitalize;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-width:95px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.crm-stage-pill.new{color:#2563eb;background:#dbeafe;border:none}.crm-stage-pill.contacted{color:#d97706;background:#fef3c7;border:none}.crm-stage-pill.qualified{color:#310439;background:#f0e6f2;border:none}.crm-stage-pill.converted,.crm-stage-pill.convert{color:#16a34a;background:#dcfce7;border:none}.crm-stage-pill.lost{color:#dc2626;background:#fee2e2;border:none}.crm-actions{justify-content:flex-end;gap:10px;display:flex}.crm-actions button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.crm-actions button:hover{color:#7c4dff;background:#ede9fe;border-color:#c4b5fd}.crm-actions button:last-child:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}@media (width<=768px){.crm-leads-header{flex-direction:column;align-items:stretch;gap:12px}.crm-leads-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%}.crm-search-box{max-width:100%}.crm-new-lead-btn{justify-content:center;width:100%}.crm-leads-card{height:auto;max-height:none;overflow:visible}.crm-leads-table{background:0 0;border:none;overflow:visible}.crm-leads-table-body{max-height:none;overflow-y:visible}.crm-leads-table-header{display:none!important}.crm-leads-table-row{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px;padding:16px;display:flex;position:relative;box-shadow:0 2px 8px #00000005;min-width:0!important;min-height:auto!important}.crm-leads-table-row>span{text-align:right;justify-content:space-between;align-items:center;width:100%;font-size:13px;display:flex}.crm-leads-card:not(.crm-campaigns-card) .crm-leads-table-row>span:first-child{color:#0f172a;text-align:left;border-bottom:1px solid #f1f5f9;margin-bottom:4px;padding-bottom:8px;font-size:15px;font-weight:700;display:block}.crm-leads-card:not(.crm-campaigns-card) .crm-leads-table-row>span:nth-child(2):before{content:"Phone:";color:#64748b;font-weight:600}.crm-leads-card:not(.crm-campaigns-card) .crm-leads-table-row>span:nth-child(3):before{content:"Email:";color:#64748b;font-weight:600}.crm-leads-card:not(.crm-campaigns-card) .crm-leads-table-row>span:nth-child(4):before{content:"Source:";color:#64748b;font-weight:600}.crm-leads-card:not(.crm-campaigns-card) .crm-leads-table-row>span:nth-child(5):before{content:"Remark:";color:#64748b;font-weight:600}.crm-leads-card:not(.crm-campaigns-card) .crm-leads-table-row>span:nth-child(6):before{content:"Stage:";color:#64748b;font-weight:600}.crm-leads-card:not(.crm-campaigns-card) .crm-leads-table-row .crm-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;width:100%;margin-top:4px;padding-top:8px}.crm-leads-card:not(.crm-campaigns-card) .crm-leads-table-row .crm-actions:before{content:"Actions:";color:#64748b;margin-right:auto;font-weight:600}.crm-campaigns-card .crm-leads-table-row>span:first-child{color:#1e293b;border-bottom:none;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:0;font-size:13px;font-weight:500;display:flex}.crm-campaigns-card .crm-leads-table-row>span:nth-child(2){color:#0f172a;text-align:left;border-bottom:1px solid #f1f5f9;margin-bottom:4px;padding-bottom:8px;font-size:15px;font-weight:700;display:block}.crm-campaigns-card .crm-leads-table-row>span:first-child:before{content:"Owner:";color:#64748b;font-weight:600}.crm-campaigns-card .crm-leads-table-row>span:nth-child(3):before{content:"Type:";color:#64748b;font-weight:600}.crm-campaigns-card .crm-leads-table-row>span:nth-child(4):before{content:"Status:";color:#64748b;font-weight:600}.crm-campaigns-card .crm-leads-table-row>span:nth-child(5):before{content:"Start Date:";color:#64748b;font-weight:600}.crm-campaigns-card .crm-leads-table-row>span:nth-child(6):before{content:"End Date:";color:#64748b;font-weight:600}}.crm-lead-modal{width:100%;max-width:650px}.crm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crm-modal-card{background:#fff;border-radius:20px;padding:18px}.crm-modal-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.crm-modal-top h3{font-size:18px}.crm-close-btn{cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.crm-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.crm-form-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.crm-form-group label{color:#334155;font-size:12px;font-weight:600}.crm-form-group input,.crm-form-group select{border:1px solid #e5e7eb;border-radius:10px;width:100%;height:40px;padding:0 12px;font-size:13px}.crm-form-group textarea{resize:none;resize:none;border:1px solid #e5e7eb;border-radius:10px;width:100%;height:auto;padding:14px;font-size:13px}.crm-form-group input:focus,.crm-form-group select:focus,.crm-form-group textarea:focus{border-color:#7c4dff}.crm-modal-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.crm-cancel-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 20px}.crm-save-btn{color:#fff;cursor:pointer;background:#7c4dff;border:none;border-radius:12px;padding:12px 20px;font-weight:600}@media (width<=768px){.crm-form-grid{grid-template-columns:1fr}.crm-modal-card,.crm-lead-modal{width:95%!important;max-height:90vh!important;overflow-y:auto!important}}.crm-delete-btn{color:#dc2626;background:#fee2e2!important}.crm-delete-btn:hover{background:#fecaca!important}.crm-funnel-wrapper{overflow:hidden}.crm-funnel{flex-direction:column;align-items:center;width:100%;display:flex}.crm-funnel-row{box-sizing:border-box;text-align:center;max-width:100%;margin:4px 0;padding:10px}.crm-filters{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.crm-filters select,.crm-filters input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;height:42px;padding:0 14px}.crm-stage-pill{cursor:pointer;border:none;border-radius:999px;padding:8px 12px;font-weight:600}.crm-filter-header{align-items:center;gap:6px;display:flex;position:relative}.crm-filter-header svg{cursor:pointer}.crm-filter-dropdown{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:180px;max-height:220px;position:absolute;top:32px;left:0;overflow-y:auto;box-shadow:0 12px 30px #00000026}.crm-filter-dropdown div{cursor:pointer;white-space:nowrap;padding:10px 14px;font-weight:400}.crm-filter-dropdown div:hover{background:#f5f5f5}.crm-filter-dropdown::-webkit-scrollbar{width:6px}.crm-filter-dropdown::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:20px}.crm-lead-link{transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.crm-lead-link:hover{color:#6d28d9!important;text-decoration:underline!important}.crm-campaigns-card .crm-leads-table-header,.crm-campaigns-card .crm-leads-table-row{grid-template-columns:1fr 1.5fr 1fr 1fr 1fr 1fr!important}.crm-leads-card .booking-pagination,.crm-activity-card .booking-pagination{border-bottom-right-radius:18px!important;border-bottom-left-radius:18px!important;margin:auto -16px -16px!important}.lead-profile-page{flex-direction:column;gap:3px;width:100%;padding-bottom:40px;display:flex}.lead-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:-2px;font-size:12.5px;display:flex}.lead-breadcrumb-separator{color:#94a3b8}.lead-breadcrumb-item{cursor:pointer;transition:color .2s}.lead-breadcrumb-item:hover{color:#7c4dff}.lead-breadcrumb-item.active{color:#0f172a;cursor:default;font-weight:500}.lead-header-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.lead-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:-8px;margin-bottom:6px;display:flex}.lead-title-area h1{color:#0f172a;font-size:22px;font-weight:700}.lead-title-area p{color:#64748b;margin-top:0;font-size:13px}.lead-header-actions{align-items:center;gap:7px;display:flex}.lead-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;height:24px;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.lead-btn-primary{color:#fff;background:#7c4dff;border:none}.lead-btn-primary:hover{background:#6c3ce6;transform:translateY(-1px);box-shadow:0 4px 12px #7c4dff40}.lead-btn-secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.lead-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.lead-details-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(5,1fr);gap:12px 20px;padding-top:14px;display:grid}.lead-detail-item{flex-direction:column;gap:2px;display:flex}.lead-detail-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:10px;font-weight:600}.lead-detail-value{color:#1e293b;word-break:break-all;font-size:13px;font-weight:500}.lead-pipeline-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:10px 16px;box-shadow:0 4px 6px -1px #0000000d}.pipeline-single-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.pipeline-single-row h3{color:#0f172a;white-space:nowrap;font-size:13px;font-weight:700}.pipeline-meta{white-space:nowrap;gap:12px;font-size:12px;display:flex}.pipeline-meta-item{color:#475569;font-weight:500}.pipeline-meta-item strong{color:#7c4dff}.pipeline-steps{border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.pipeline-step{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;flex:1;justify-content:center;align-items:center;height:32px;font-size:12px;font-weight:600;transition:all .25s;display:flex;position:relative}.pipeline-step:not(:last-child):after{content:"";z-index:10;border-top:16px solid #0000;border-bottom:16px solid #0000;border-left:8px solid #f8fafc;width:0;height:0;transition:all .25s;position:absolute;top:0;right:-8px}.pipeline-step:not(:first-child){padding-left:10px}.pipeline-step.completed{color:#15803d;background:#dcfce7}.pipeline-step.completed:not(:last-child):after{border-left-color:#dcfce7}.pipeline-step.completed:hover{background:#bbf7d0}.pipeline-step.completed:hover:not(:last-child):after{border-left-color:#bbf7d0}.pipeline-step.active{color:#7c4dff;background:#ede9fe}.pipeline-step.active:not(:last-child):after{border-left-color:#ede9fe}.pipeline-step.active:hover{background:#ddd6fe}.pipeline-step.active:hover:not(:last-child):after{border-left-color:#ddd6fe}.pipeline-step.future:hover{background:#f1f5f9}.pipeline-step.future:hover:not(:last-child):after{border-left-color:#f1f5f9}.lead-body-layout{width:100%;display:block}.lead-main-content{flex-direction:column;gap:12px;display:flex}.lead-tabs-menu{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:-3px;display:flex}.lead-tab-button{color:#334155;cursor:pointer;background:#fff;border:none;border-radius:999px;height:30px;padding:0 14px;font-size:13px;font-weight:600;transition:all .22s;box-shadow:inset 0 0 0 1px #e5e7eb}.lead-tab-button:hover{color:#0f172a;background:#f8fafc;box-shadow:inset 0 0 0 1px #cbd5e1}.lead-tab-button.active{color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#6d4aff)!important;box-shadow:0 6px 14px #7c4dff33!important}.lead-tab-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;height:286px;margin-top:-6px;padding:16px 20px;overflow-y:auto;box-shadow:0 4px 6px -1px #0000000d}.lead-tab-panel::-webkit-scrollbar{width:6px}.lead-tab-panel::-webkit-scrollbar-thumb{background:#7c4dff;border-radius:20px}.overview-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.overview-section-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:12px 16px}.overview-section-card h4{color:#0f172a;margin-bottom:8px;font-size:14px;font-weight:700}.overview-info-list{flex-direction:column;gap:8px;display:flex}.overview-info-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding-bottom:4px;display:flex}.overview-info-row:last-child{border-bottom:none;padding-bottom:0}.overview-info-row label{color:#64748b;font-size:12.5px;font-weight:500}.overview-info-row span{color:#0f172a;text-align:right;word-break:break-all;max-width:60%;font-size:12.5px;font-weight:600}.insights-list{flex-direction:column;gap:10px;display:flex}.insight-metric-item{flex-direction:column;gap:4px;display:flex}.insight-metric-header{color:#475569;justify-content:space-between;font-size:12.5px;font-weight:600;display:flex}.insight-metric-header span.score-value{color:#7c4dff}.insight-progress-bg{background:#e2e8f0;border-radius:99px;width:100%;height:6px;overflow:hidden}.insight-progress-fill{background:linear-gradient(90deg,#7c4dff,#60a5fa);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.insight-extra-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.insight-stat-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px}.insight-stat-box p{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:500}.insight-stat-box h5{color:#0f172a;font-size:14px;font-weight:700}.activities-layout{grid-template-columns:180px 1fr;gap:24px;display:grid}.activities-sidebar-menu{border-right:1px solid #f1f5f9;flex-direction:column;gap:6px;padding-right:12px;display:flex}.activity-cat-btn{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.activity-cat-btn:hover{color:#0f172a;background:#f1f5f9}.activity-cat-btn.active{color:#7c4dff;background:#ede9fe}.activities-main{flex-direction:column;gap:8px;display:flex}.activities-actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-action-buttons{flex-wrap:wrap;gap:8px;display:flex}.activity-grid-table{border:1px solid #e2e8f0;border-radius:12px;position:relative;overflow:visible}.activity-table-hdr{color:#334155;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top-left-radius:12px;border-top-right-radius:12px;grid-template-columns:1.8fr .9fr 1.2fr 1.2fr 1fr 70px;padding:8px 12px;font-size:13px;font-weight:700;display:grid}.activity-table-row{color:#475569;border-bottom:1px solid #f1f5f9;grid-template-columns:1.8fr .9fr 1.2fr 1.2fr 1fr 70px;align-items:center;padding:10px 12px;font-size:13px;transition:background .15s;display:grid}.activity-table-row:hover{background:#fdfdfd}.activity-table-row:last-child{border-bottom:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.activity-action-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;min-width:130px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #00000014}.activity-action-dropdown button{text-align:left;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 12px;font-size:11.5px;font-weight:600;transition:background .15s,color .15s}.activity-action-dropdown button:hover{color:#7c4dff;background:#ede9fe}.activity-name-cell{color:#0f172a;font-weight:600}.badge-status{text-transform:capitalize;border-radius:99px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-status.completed{color:#16a34a;background:#dcfce7}.badge-status.pending{color:#d97706;background:#fef3c7}.badge-status.scheduled{color:#2563eb;background:#dbeafe}.badge-status.overdue{color:#dc2626;background:#fee2e2}.badge-status.cancelled,.badge-status.canceled{color:#475569;background:#e2e8f0}.badge-status.scheduled-pending{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.financials-tab-content{flex-direction:column;gap:10px;display:flex}.revenue-summary-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.revenue-summary-card{border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.revenue-summary-card.expected{border-left:3px solid #7c4dff}.revenue-summary-card.won{border-left:3px solid #16a34a}.revenue-summary-card.lost{border-left:3px solid #dc2626}.revenue-summary-card.opportunities{border-left:3px solid #3b82f6}.revenue-summary-card label{text-transform:uppercase;color:#64748b;font-size:10px;font-weight:600}.revenue-summary-card h4{color:#0f172a;font-size:15px;font-weight:700}.financial-section-header{justify-content:space-between;align-items:center;margin-top:0;margin-bottom:6px;display:flex}.financial-section-header h3{color:#0f172a;font-size:15px;font-weight:700}.financial-charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.financial-chart-card{border:1px solid #e2e8f0;border-radius:16px;padding:16px}.financial-chart-card h4{color:#475569;margin-bottom:12px;font-size:13px;font-weight:600}.notes-timeline{flex-direction:column;gap:10px;display:flex}.add-note-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.add-note-box textarea{resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px;font-size:13px}.add-note-box textarea:focus{border-color:#7c4dff}.add-note-actions{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.attachments-input-btn{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.attachments-input-btn:hover{color:#475569;background:#f8fafc;border-color:#cbd5e1}.note-timeline-item{border:1px solid #e2e8f0;border-radius:16px;padding:16px;position:relative}.note-item-header{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.note-author{color:#0f172a;font-weight:600}.note-content{color:#334155;font-size:13.5px;line-height:1.6}.note-attachments-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.attachment-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.attachment-preview-icon{color:#ef4444;font-size:20px}.attachment-preview-icon.image{color:#3b82f6}.attachment-preview-info h5{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;font-weight:600;overflow:hidden}.attachment-preview-info p{color:#64748b;font-size:10px}.history-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.history-category-filters{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.history-cat-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.history-cat-pill:hover{background:#f8fafc;border-color:#cbd5e1}.history-cat-pill.active{color:#fff;background:#7c4dff;border-color:#7c4dff}.history-right-filters{align-items:center;gap:10px;display:flex}.history-search-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;height:36px;padding:0 10px;font-size:12px}.history-date-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:36px;padding:0 10px;font-size:12px}.history-timeline-list{flex-direction:column;padding-left:24px;display:flex;position:relative}.history-timeline-list:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:10px;bottom:10px;left:5px}.history-timeline-item{padding-bottom:12px;position:relative}.history-timeline-item:last-child{padding-bottom:0}.history-timeline-dot{z-index:10;background:#fff;border:2.5px solid #7c4dff;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:-24px}.history-timeline-dot.stage{border-color:#22c55e}.history-timeline-dot.edit{border-color:#eab308}.history-timeline-dot.activity{border-color:#3b82f6}.history-timeline-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;transition:all .2s}.history-timeline-card:hover{transform:translate(4px);box-shadow:0 4px 6px -1px #00000008}.history-timeline-meta{color:#94a3b8;justify-content:space-between;margin-bottom:3px;font-size:10px;display:flex}.history-timeline-card h4{color:#0f172a;margin-bottom:2px;font-size:12px;font-weight:700}.history-timeline-desc{color:#475569;font-size:11.5px}.history-timeline-updater{color:#64748b;justify-content:flex-end;margin-top:4px;font-size:10px;display:flex}.related-records-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.related-record-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.related-record-card h4{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.related-record-card h4 span.count{color:#7c4dff;background:#ede9fe;border-radius:99px;padding:2px 6px;font-size:11px}.related-record-list{flex-direction:column;gap:8px;display:flex}.related-record-item{color:#475569;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.related-record-item:last-child{border-bottom:none}.lead-sidebar-sticky{flex-direction:column;gap:20px;display:flex;position:sticky;top:24px}.sidebar-widget{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.sidebar-widget h4{color:#0f172a;border-bottom:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:10px;font-size:14px;font-weight:700}.sidebar-stat-list{flex-direction:column;gap:12px;display:flex}.sidebar-stat-item{justify-content:space-between;align-items:center;font-size:13px;display:flex}.sidebar-stat-item label{color:#64748b;font-weight:500}.sidebar-stat-item span{color:#0f172a;font-weight:600}.ai-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#7c4dff,#60a5fa);border-radius:99px;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:700}.ai-recommendation-card{background:#faf9ff;border:1px dashed #7c4dff;border-radius:12px;margin-top:10px;padding:12px}.ai-recommendation-card h5{color:#7c4dff;margin-bottom:4px;font-size:12px;font-weight:700}.ai-recommendation-card p{color:#475569;font-size:11.5px;line-height:1.4}.ai-chance-text{color:#10b981;text-align:center;margin:10px 0;font-size:20px;font-weight:700}.sidebar-actions-grid{grid-template-columns:1fr;gap:8px;display:grid}.sidebar-action-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar-action-btn:hover{color:#7c4dff;background:#ede9fe;border-color:#c4b5fd}.sidebar-action-btn.convert-btn{color:#fff;background:linear-gradient(135deg,#7c4dff,#6d4aff);border:none}.sidebar-action-btn.convert-btn:hover{opacity:.95;box-shadow:0 4px 10px #7c4dff33}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a4d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal-card{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:24px;animation:.2s ease-out scaleUp;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal-card h3{color:#0f172a;margin-bottom:12px;font-size:18px;font-weight:700}.confirm-modal-card p{color:#475569;margin-bottom:20px;font-size:14px;line-height:1.5}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.confirm-modal-btn{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s}.confirm-modal-btn.cancel{color:#64748b;background:#fff;border:1px solid #cbd5e1}.confirm-modal-btn.cancel:hover{background:#f8fafc}.confirm-modal-btn.confirm{color:#fff;background:#7c4dff;border:none}.confirm-modal-btn.confirm:hover{background:#6c3ce6}@media (width<=1024px){.lead-body-layout{grid-template-columns:1fr}.lead-sidebar-sticky{position:static}}@media (width<=768px){.pipeline-single-row{flex-direction:column;align-items:stretch;gap:12px}.lead-details-grid{grid-template-columns:repeat(2,1fr)}.pipeline-steps{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;background:0 0!important;border:none!important;flex-flow:row!important;gap:8px!important;width:100%!important;max-width:100%!important;padding:4px 2px!important;display:flex!important;overflow-x:auto!important}.pipeline-steps::-webkit-scrollbar{display:none!important}.pipeline-step{white-space:nowrap!important;cursor:pointer!important;color:#64748b!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:99px!important;flex:none!important;justify-content:center!important;align-items:center!important;height:34px!important;padding:6px 14px!important;font-size:12px!important;display:flex!important}.pipeline-step:after,.pipeline-step:not(:last-child):after{display:none!important}.pipeline-step.completed{color:#15803d!important;background:#dcfce7!important;border-color:#bbf7d0!important}.pipeline-step.active{color:#7c4dff!important;background:#ede9fe!important;border-color:#ddd6fe!important}.pipeline-step.future{color:#64748b!important;background:#f8fafc!important;border-color:#e2e8f0!important}.pipeline-meta{white-space:normal!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:100%!important;margin-top:4px!important;display:flex!important}.pipeline-meta-item{font-size:12.5px!important}.lead-tabs-menu{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:18px!important;margin-bottom:2px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.lead-tabs-menu::-webkit-scrollbar{display:none!important}.lead-tab-button{flex-shrink:0!important}.lead-tab-panel{height:auto!important;margin-top:0!important;padding:16px 12px!important;overflow-y:visible!important}.lead-header-top{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.lead-title-area{text-align:left!important}.lead-header-actions{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;display:grid!important}.lead-header-actions .lead-btn{justify-content:center!important;width:100%!important;height:36px!important;font-size:13px!important}.overview-grid,.activities-layout{grid-template-columns:1fr}.activities-sidebar-menu{border-bottom:1px solid #f1f5f9;border-right:none;flex-direction:row;padding-bottom:10px;padding-right:0;overflow-x:auto;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;max-width:100%!important}.activities-sidebar-menu::-webkit-scrollbar{display:none!important}.activity-cat-btn{white-space:nowrap!important;flex-shrink:0!important}.revenue-summary-row{grid-template-columns:repeat(2,1fr)}.financial-charts-grid,.note-attachments-grid{grid-template-columns:1fr}.history-toolbar{flex-direction:column;align-items:stretch}.history-category-filters{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.history-category-filters::-webkit-scrollbar{display:none!important}.history-cat-pill{flex-shrink:0!important}.history-right-filters{flex-direction:column;align-items:stretch;gap:8px!important;width:100%!important}.history-right-filters input,.history-right-filters select{width:100%!important}}@media (width<=600px){.related-records-grid{grid-template-columns:1fr!important;gap:12px!important}.add-note-actions{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.add-note-actions>div{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.add-note-actions input,.add-note-actions select{width:100%!important;height:36px!important}.add-note-actions button{justify-content:center!important;width:100%!important;height:38px!important}.activity-grid-table{background:0 0!important;border:none!important}.activity-table-hdr{display:none!important}.interaction-row{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin-bottom:10px!important;padding:14px 12px!important;display:flex!important;position:relative!important;box-shadow:0 2px 4px #00000005!important}.interaction-row:last-child{margin-bottom:0!important}.interaction-row .activity-name-cell{color:#0f172a!important;word-break:break-word!important;padding-right:32px!important;font-size:14px!important;font-weight:700!important}.interaction-row>span:nth-child(2):before{content:"Type: ";color:#475569;font-weight:600}.interaction-row>span:nth-child(3):before{content:"Assigned To: ";color:#475569;font-weight:600}.interaction-row>span:nth-child(4):before{content:"Date: ";color:#475569;font-weight:600}.interaction-row>span:nth-child(2),.interaction-row>span:nth-child(3),.interaction-row>span:nth-child(4){color:#64748b!important;font-size:12.5px!important}.interaction-row>span:nth-child(5){margin-top:4px!important}.interaction-row>span:nth-child(6){position:absolute!important;top:12px!important;right:12px!important}.deal-row{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin-bottom:10px!important;padding:14px 12px!important;display:flex!important;box-shadow:0 2px 4px #00000005!important}.deal-row:last-child{margin-bottom:0!important}.deal-row .activity-name-cell{color:#0f172a!important;word-break:break-word!important;font-size:14px!important;font-weight:700!important}.deal-row>span:nth-child(2):before{content:"Amount: ";color:#475569;font-weight:600}.deal-row>span:nth-child(3):before{content:"Stage: ";color:#475569;font-weight:600}.deal-row>span:nth-child(4):before{content:"Probability: ";color:#475569;font-weight:600}.deal-row>span:nth-child(5):before{content:"Close Date: ";color:#475569;font-weight:600}.deal-row>span:nth-child(6):before{content:"Owner: ";color:#475569;font-weight:600}.deal-row>span:nth-child(2),.deal-row>span:nth-child(3),.deal-row>span:nth-child(4),.deal-row>span:nth-child(5),.deal-row>span:nth-child(6){color:#64748b!important;font-size:12.5px!important}.invoice-row{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin-bottom:10px!important;padding:14px 12px!important;display:flex!important;box-shadow:0 2px 4px #00000005!important}.invoice-row:last-child{margin-bottom:0!important}.invoice-row .activity-name-cell{color:#0f172a!important;word-break:break-word!important;font-size:14px!important;font-weight:700!important}.invoice-row>span:nth-child(2):before{content:"Amount: ";color:#475569;font-weight:600}.invoice-row>span:nth-child(3):before{content:"Status: ";color:#475569;font-weight:600}.invoice-row>span:nth-child(4):before{content:"Date: ";color:#475569;font-weight:600}.invoice-row>span:nth-child(2),.invoice-row>span:nth-child(3),.invoice-row>span:nth-child(4){color:#64748b!important;font-size:12.5px!important}.activities-actions-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.activity-action-buttons{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important;display:grid!important}.activity-action-buttons .lead-btn{justify-content:center!important;width:100%!important;height:32px!important}}@media (width<=480px){.lead-details-grid{grid-template-columns:1fr!important;gap:10px!important}.revenue-summary-row{grid-template-columns:1fr!important}.overview-info-row{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.overview-info-row span{text-align:left!important;max-width:100%!important}.lead-header-actions{grid-template-columns:1fr!important}.lead-tabs-menu{justify-content:flex-start!important;padding-left:12px!important;padding-right:12px!important}}.support-widget-container{z-index:9999;position:fixed;bottom:10px;left:auto;right:10px}.support-fab{background:var(--accent-purple,#7c4dff);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;transition:transform .3s,background .3s;display:flex;box-shadow:0 4px 12px #7c4dff4d}.support-fab:hover{background:var(--accent-purple-hover,#6c2cf5);transform:scale(1.1)}.support-modal{background:var(--surface-bg,#fff);border:1px solid var(--border-color,#d9d9e2);width:320px;color:var(--text-primary,#1f1f2e);transform-origin:100% 100%;border-radius:14px;padding:18px;animation:.2s ease-out supportScaleUp;position:absolute;bottom:60px;left:auto;right:0;box-shadow:0 10px 40px #0000001a}@keyframes supportScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.support-modal-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.support-modal-header h3{color:var(--text-primary,#1f1f2e);margin:0;font-size:16px;font-weight:600}.support-close-btn{color:var(--text-secondary,#565666);cursor:pointer;background:0 0;border:none;font-size:16px;transition:color .2s}.support-close-btn:hover{color:var(--danger,#ff3b30)}.support-form-group{margin-bottom:12px}.support-form-group label{color:var(--text-primary,#1f1f2e);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.support-input,.support-textarea{background:var(--light-surface,#efeff4);border:1px solid var(--border-color,#d9d9e2);border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:12px;transition:border-color .2s,box-shadow .2s;color:var(--text-primary,#1f1f2e)!important;-webkit-text-fill-color:var(--text-primary,#1f1f2e)!important}.support-input:focus,.support-textarea:focus{border-color:var(--accent-purple,#7c4dff);box-shadow:0 0 8px #7c4dff33}.support-input::placeholder,.support-textarea::placeholder{color:var(--text-light,#8e8e9f)!important;-webkit-text-fill-color:var(--text-light,#8e8e9f)!important}.support-textarea{resize:vertical;min-height:70px}.support-file-input{width:100%;color:var(--text-secondary,#565666);font-size:11px}.support-file-input::-webkit-file-upload-button{background:var(--light-surface,#efeff4);border:1px solid var(--border-color,#d9d9e2);color:var(--text-primary,#1f1f2e);cursor:pointer;border-radius:4px;margin-right:8px;padding:4px 8px}.support-submit-btn{background:var(--accent-purple,#7c4dff);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #7c4dff4d}.support-submit-btn:hover{background:var(--accent-purple-hover,#6c2cf5);transform:translateY(-1px)}@media (width<=480px){.support-widget-container{bottom:15px;right:15px}.support-modal{width:calc(100vw - 30px);right:0}}.user-profile-page{background:radial-gradient(circle,#6e00ff2e 0%,#070010 58%,#000 100%);width:100%;min-height:100vh;padding:16px 34px 18px;overflow:hidden}.user-page-logo{align-items:center;height:70px;margin-bottom:10px;margin-left:-10px;display:flex}.user-page-logo img{object-fit:contain;width:210px}.doctor-profile-layout{grid-template-columns:1.72fr .82fr;align-items:start;gap:24px;width:100%;display:grid}.doctor-main-card{border:1px solid #a855f738;border-radius:18px;overflow:hidden;box-shadow:0 0 40px #6f00ff29}.doctor-banner{background:#111;border-radius:18px 18px 0 0;width:100%;height:150px;position:relative;overflow:hidden}.doctor-banner img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.doctor-profile-content{z-index:2;grid-template-columns:150px 1fr 210px;align-items:flex-start;gap:24px;margin-top:-56px;padding:0 28px;display:grid;position:relative}.doctor-image-wrapper{background:#fff;border:5px solid #f6cfd3;border-radius:50%;flex-shrink:0;width:158px;height:158px;overflow:hidden}.doctor-image-wrapper img{object-fit:cover;width:100%;height:100%}.doctor-info-section{flex-direction:column;padding-top:78px;display:flex}.doctor-info-section h1{color:#fff;font-size:28px;font-weight:700;line-height:1.1}.doctor-info-section h3{color:#f3f3f3;margin-top:4px;font-size:20px;font-weight:500}.clinic-name{color:#e7e7e7;margin-top:10px;font-size:12px}.doctor-exp{color:#e9d5ff;margin-top:8px;font-size:12px;display:block}.doctor-socials{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:12px;display:flex}.doctor-banner img{object-fit:cover;width:100%;height:100%;display:block}.doctor-socials button{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 0 12px #ffffff1f}.doctor-socials button:hover{transform:translateY(-2px)scale(1.08)}.instagram-btn{color:#fff;background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.linkedin-btn{color:#fff;background:#0a66c2}.twitter-btn{color:#fff;background:#111;font-size:9px}.youtube-btn{color:#fff;background:red}.whatsapp-btn{color:#fff;background:#25d366}.website-btn{color:#fff;background:linear-gradient(135deg,#7b61ff,#9f7aea)}.telegram-btn{color:#fff;background:#229ed9}.facebook-btn{color:#fff;background:#1877f2}.doctor-actions{flex-direction:column;align-items:center;gap:12px;padding-top:72px;display:flex}.view-profile-btn,.book-btn{cursor:pointer;border:none;border-radius:10px;width:180px;height:36px;font-size:12px;font-weight:600}.view-profile-btn{color:#6d28d9;background:#fff}.book-btn{color:#fff;background:linear-gradient(135deg,#9333ea,#6d28d9);box-shadow:0 0 18px #9333ea40}.doctor-description{color:#fff;padding:18px 28px 14px;font-size:13px;line-height:1.5;white-space:pre-wrap!important}.doctor-services-card{background:#23004657;border:1px solid #ffffff14;border-radius:12px;margin:0 28px 22px;padding:16px 18px}.doctor-services-card h2{color:#fff;margin-bottom:16px;font-size:16px;font-weight:700}.services-grid{grid-template-columns:1fr 1fr 1fr;gap:14px 30px;display:grid}.service-item{color:#fff;white-space:nowrap;font-size:12px}.doctor-right-section{flex-direction:column;gap:30px;padding-top:-2px;display:flex}.clinic-contact-card{border:1px solid #ffffff1a;border-radius:16px;padding:14px;box-shadow:0 0 28px #6f00ff1f}.clinic-top{align-items:flex-start;gap:18px;display:flex}.clinic-top img{object-fit:cover;border-radius:10px;flex-shrink:0;width:105px;height:78px}.clinic-top-content{flex:1}.clinic-top h2{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.clinic-top h3{color:#fff;margin-top:10px;font-size:13px;font-weight:600}.clinic-bottom{margin-top:14px}.clinic-bottom p{color:#e2e2e2;font-size:11px;line-height:1.35}.clinic-contact-info{flex-direction:column;gap:12px;margin-top:14px;display:flex}.clinic-contact-row{color:#fff;align-items:center;gap:12px;font-size:12px;display:flex}.clinic-contact-row svg{color:#9333ea;flex-shrink:0;font-size:14px}.review-card{text-align:center;background:linear-gradient(#673ab7e0,#190f23f5);border:1px solid #ffffff1a;border-radius:14px;width:230px;margin:40px auto 0;padding:0 20px 22px;position:relative;box-shadow:0 0 25px #6f00ff1a}.review-image{background:#fff;border:5px solid #f1f1f1;border-radius:50%;width:122px;height:122px;margin:-54px auto 12px;overflow:hidden}.review-image img{object-fit:cover;width:100%;height:100%}.review-card h2{color:#fff;font-size:16px;font-weight:700}.review-card h3{color:#8b2cff;margin-top:6px;font-size:15px;font-weight:700}.review-card p{color:#ddd;margin-top:16px;font-size:10px;line-height:1.45}.review-stars{color:#ffb340;justify-content:center;gap:8px;margin-top:18px;font-size:24px;display:flex}.user-booking-page{background:radial-gradient(circle,#6e00ff2e 0%,#070010 58%,#000 100%);width:100%;min-height:100vh;padding:4px 54px 20px;overflow:hidden}.booking-logo{align-items:center;height:72px;margin-left:-12px;display:flex}.booking-logo img{object-fit:contain;width:220px}.booking-layout{grid-template-columns:1.2fr .9fr;gap:40px;margin-top:6px;display:grid}.booking-left h1{color:#fff;margin-top:1px;font-size:22px;font-weight:700}.booking-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:26px}.booking-meta{color:#e7e7e7;align-items:center;gap:18px;margin-top:6px;font-size:13px;display:flex}.booking-meta span{align-items:center;gap:6px;display:flex}.booking-price{align-items:center;gap:10px;margin-top:10px;display:flex}.old-price{color:#d1d1d1;font-size:18px;text-decoration:line-through}.new-price{color:#fff;font-size:22px;font-weight:700}.booking-doctor-card{background:linear-gradient(#3c078e);border:1px solid #ffffff14;border-radius:14px;grid-template-columns:1fr 220px;margin-top:14px;display:grid;overflow:hidden}.booking-doctor-left{padding:32px 26px}.booking-doctor-left h2{color:#e9e4f1;font-size:28px;font-weight:700}.booking-doctor-left ul{color:#fff;flex-direction:column;gap:10px;margin-top:16px;padding-left:18px;font-size:13px;display:flex}.booking-doctor-image{background:#fff}.booking-doctor-image img{object-fit:cover;width:100%;height:100%}.booking-description{justify-content:space-between;gap:20px;margin-top:22px;display:flex}.booking-description p{color:#fff;max-width:480px;font-size:14px;line-height:1.5}.booking-description button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#6d28d9);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:180px;height:42px;display:flex}.booking-note{color:#d4d4d4;margin-top:20px;font-size:12px;font-style:italic;line-height:1.5;display:block}.booking-right{flex-direction:column;gap:20px;margin-top:-28px;display:flex}.booking-section-title{color:#fff;margin-bottom:14px;font-size:18px;font-weight:700;line-height:1.2}.consult-mode-tabs{background:linear-gradient(135deg,#2d0057,#3b006d);border:1px solid #8b2cff;border-radius:999px;grid-template-columns:1fr 1fr;height:54px;padding:5px;display:grid;box-shadow:0 0 20px #8a2cff38}.consult-mode-tabs button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.active-mode{border-radius:999px;box-shadow:0 0 22px #8a2cff8c;color:#fff!important;background:linear-gradient(135deg,#8b2cff,#6a0efd)!important}.booking-title-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.booking-nav-btns{align-items:center;gap:10px;display:flex}.booking-nav-btns button{color:#fff;cursor:pointer;background:#2d0048f2;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.booking-dates-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px;display:grid}.booking-date-card{text-align:center;cursor:pointer;border:1px solid #ffffff1a;border-radius:14px;min-height:92px;padding:10px 8px;transition:all .3s}.booking-date-card:hover{border-color:#ffffff4d;transform:translateY(-2px)}.booking-date-card span{color:#f3f3f3;font-size:11px;font-weight:500}.booking-date-card h3{color:#fff;margin-top:6px;font-size:16px;font-weight:700;line-height:1.2}.booking-date-card p{color:#39ff88;margin-top:6px;font-size:10px;font-weight:600}.active-booking-date{background:linear-gradient(#ffffff1f,#ffffff0d);transform:translateY(-2px);box-shadow:0 0 20px #ffffff38;border:2px solid #fff!important}.active-booking-date span,.active-booking-date h3,.active-booking-date p{color:#fff!important}.time-slot-tabs{background:linear-gradient(135deg,#2d0057,#3b006d);border:1px solid #8b2cff;border-radius:999px;grid-template-columns:1fr 1fr 1fr;height:54px;margin-top:8px;padding:5px;display:grid;box-shadow:0 0 20px #8a2cff38}.time-slot-tabs button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.active-slot{border-radius:999px;box-shadow:0 0 22px #8a2cff8c;color:#fff!important;background:linear-gradient(135deg,#8b2cff,#6a0efd)!important}.time-slots-grid{grid-template-columns:repeat(auto-fit,100px);justify-content:center;gap:9px;display:grid}.time-slots-grid button{color:#fff;cursor:pointer;background:linear-gradient(#5b12be,#3b006d);border:1px solid #ffffff1f;border-radius:999px;width:100px;height:48px;padding:0 16px;font-size:12px;font-weight:500;transition:all .3s}.time-slots-grid button:hover{transform:translateY(-2px)}.active-time{box-shadow:0 0 16px #ffffff26;background:linear-gradient(135deg,#6d28d9,#4c1d95)!important;border:2px solid #fff!important}.booking-footer{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.booking-timezone{color:#fff;align-items:center;gap:8px;font-size:12px;font-weight:400;display:flex}.confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#6d28d9);border:none;border-radius:10px;width:170px;height:42px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 0 18px #9333ea40}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 0 24px #9333ea66}.patient-page{background:radial-gradient(circle,#6800ff2e 0%,#090012 55%,#000 100%);width:100%;min-height:100vh;padding:5px 48px 20px;overflow:hidden}.patient-logo{align-items:center;height:70px;margin-left:-12px;display:flex}.patient-logo img{object-fit:contain;width:210px}.patient-layout{grid-template-columns:1.45fr .7fr;align-items:start;gap:44px;margin-top:-1px;display:grid}.patient-left{width:100%}.patient-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;margin-bottom:2px;font-size:24px}.patient-page-title{color:#fff;margin-bottom:14px;font-size:20px;font-weight:700;line-height:1.2}.user-appointment-card{border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:flex-start;height:156px;margin-top:14px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.appointment-badge{color:#fff;letter-spacing:.4px;background:#7c3aed;border-radius:4px;width:max-content;padding:6px 10px;font-size:9px;font-weight:700}.appointment-content{grid-template-columns:92px 1fr 220px;align-items:center;gap:14px;margin-top:12px;display:grid}.appointment-image{background:#fff;border:2px solid #ffffff24;border-radius:8px;flex-shrink:0;width:84px;height:84px;overflow:hidden}.appointment-image img{object-fit:cover;width:100%;height:100%}.appointment-info h2{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.appointment-info h3{color:#f1f1f1;margin-top:4px;font-size:12px;font-weight:500}.appointment-details-row{align-items:center;gap:14px;margin-top:12px;display:flex}.appointment-details-row span{color:#fff;font-size:13px;font-weight:700;line-height:1.3}.appointment-details-row p{color:#e4d9ff;font-size:12px;line-height:1.5}.appointment-right{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;height:100%;padding-right:8px;display:flex}.digital-badge{color:#6d28d9;letter-spacing:.3px;white-space:nowrap;background:#fff;border-radius:4px;justify-content:center;align-items:center;height:24px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.appointment-timestamp{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:1;display:flex}.appointment-timestamp svg{flex-shrink:0;font-size:14px;position:relative;top:-2px}.patient-form-card{border:1px solid #ffffff14;border-radius:12px;margin-top:5px;padding:10px 16px 18px}.patient-form-card h2{color:#fff;margin-bottom:12px;font-size:16px;font-weight:700}.patient-form-grid{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.patient-input-box{flex-direction:column;display:flex}.patient-input-box label{color:#f3f3f3;margin-bottom:5px;font-size:10px;font-weight:500}.patient-input-box input,.patient-input-box select{appearance:none;border:1px solid #ffffff24;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-size:12px;transition:all .3s;color:#f8f4f4!important;background:0 0!important}.patient-input-box input::placeholder{color:#7b7b7b}.patient-input-box select option{color:#fff;background:#140021}.patient-input-box input,.patient-input-box select,.patient-input-box input:focus,.patient-input-box select:focus,.patient-input-box input:not(:placeholder-shown){caret-color:#fff;border-color:#a855f7;box-shadow:0 0 10px #a855f72e;color:#fff!important;-webkit-text-fill-color:#fff!important;background:0 0!important}.patient-input-box input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.patient-input-box input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.patient-input-box input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.patient-input-box textarea:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.patient-input-box select:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.cvb-field input,.cvb-field select,.cvb-field input:focus,.cvb-field select:focus,.cvb-field input:not(:placeholder-shown){caret-color:#1f1f2e;border-color:#a855f7;box-shadow:0 0 10px #a855f72e;color:#1f1f2e!important;-webkit-text-fill-color:#1f1f2e!important;background:#ffffffe6!important}.cvb-field input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#1f1f2e!important;background:#fffffff2!important;box-shadow:inset 0 0 0 1000px #fffffff2!important}.cvb-field input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#1f1f2e!important;background:#fffffff2!important;box-shadow:inset 0 0 0 1000px #fffffff2!important}.cvb-field input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#1f1f2e!important;background:#fffffff2!important;box-shadow:inset 0 0 0 1000px #fffffff2!important}.cvb-field textarea:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#1f1f2e!important;background:#fffffff2!important;box-shadow:inset 0 0 0 1000px #fffffff2!important}.cvb-field select:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#1f1f2e!important;background:#fffffff2!important;box-shadow:inset 0 0 0 1000px #fffffff2!important}.cvb-field select option{color:#1f1f2e;background:#fff}.dob-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f1f2e!important;-webkit-text-fill-color:#1f1f2e!important;background:#fff!important;border:1px solid #8b2cff!important}.dob-input::-webkit-calendar-picker-indicator{filter:none;cursor:pointer;opacity:1}.full-width{grid-column:1/3}.gender-tabs{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.gender-tabs button{color:#fff;cursor:pointer;background:#3d0078;border:1px solid #ffffff1a;border-radius:4px;height:30px;font-size:11px;font-weight:500;transition:all .3s}.active-gender{font-weight:700;color:#6d28d9!important;background:#fff!important}.patient-declaration{background:#ffffff14;border-radius:4px;align-items:center;gap:8px;min-height:30px;margin-top:14px;padding:8px 10px;display:flex}.patient-declaration input{accent-color:#fff;width:17px;height:17px}.patient-declaration span{color:#e5e5e5;font-size:12px;line-height:1.4}.offer-card h2{color:#fff;margin-bottom:10px;font-size:16px;font-weight:700}.offer-inner{background:linear-gradient(#46325af5,#28193cf5);border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex;position:relative;overflow:hidden}.offer-inner:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:100px;height:100px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.offer-inner p{color:#fff;max-width:210px;font-size:12px;line-height:1.4}.offer-inner span{color:#d0d0d0;margin-top:6px;font-size:10px;display:block}.offer-inner h3{color:#fff;margin-top:4px;font-size:24px;font-weight:700}.offer-inner button{color:#fff;cursor:pointer;z-index:2;background:0 0;border:1px solid #ffffff29;border-radius:999px;width:74px;height:34px;font-size:12px;font-weight:600}.services-empty{text-align:center;color:#b9a8d4;width:100%;padding:40px 20px;font-size:15px}.charges-card{margin-top:18px}.charges-row{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:50px;display:flex}.charges-row h3{font-size:15px;font-weight:700}.pay-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #0000000d}.pay-card p{color:#d8d8d8;font-size:11px}.pay-card h2{color:#fff;margin-top:2px;font-size:28px;font-weight:700}.pay-card button{color:#fff;cursor:pointer;background:#18c431;border:none;border-radius:6px;width:126px;height:36px;font-size:11px;font-weight:700}.terms-row{color:#fff;align-items:flex-start;gap:8px;margin-top:14px;display:flex}.terms-row p{color:#d8d8d8;font-size:10px;line-height:1.5}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b21b6,#7b2ff7);border:none;border-radius:10px;width:160px;height:32px;margin:10px auto 0;font-size:13px;font-weight:700;transition:all .3s;display:block;box-shadow:0 0 18px #7b2ff738}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 0 24px #7b2ff74d}.pay-service-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #8a2cff3d;border-radius:18px;padding:16px;box-shadow:0 0 20px #8a2cff1a}.pay-service-card h2{color:#fff;margin-bottom:14px;font-size:18px;font-weight:700}.pay-service-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pay-service-item{cursor:pointer;background:#2d005094;border:1px solid #8a2cff24;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:10px 12px;transition:all .3s;display:flex}.pay-service-item:hover{border:1px solid #8b2cff;transform:translateY(-1px);box-shadow:0 0 14px #8a2cff2e}.pay-service-left{flex:1;align-items:center;gap:10px;display:flex}.pay-service-left input[type=checkbox]{accent-color:#8b2cff;cursor:pointer;flex-shrink:0;width:17px;height:17px}.pay-service-left h4{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.3}.pay-service-left p{color:#b9a8d4;font-size:10px}.pay-service-item h3{color:#fff;white-space:nowrap;font-size:15px;font-weight:700}.pay-no-services{color:#b9a8d4;text-align:center;padding:12px 0;font-size:13px}.pay-service-summary{background:#140023eb;border:1px solid #8a2cff3d;border-radius:18px;margin-top:16px;padding:14px;box-shadow:0 0 20px #8a2cff1a}.pay-service-total{justify-content:space-between;align-items:center;gap:14px;display:flex}.pay-service-total p{color:#b9a8d4;margin-bottom:4px;font-size:10px}.pay-service-total h2{color:#fff;font-size:14px;font-weight:700}.pay-service-total button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b2cff,#6a0efd);border:none;border-radius:999px;outline:none;padding:12px 20px;font-size:13px;font-weight:600;transition:all .3s;box-shadow:0 0 18px #8a2cff4d}.pay-service-total button:hover{transform:translateY(-1px);box-shadow:0 0 24px #8a2cff73}.pay-service-terms{color:#b9a8d4;align-items:flex-start;gap:10px;margin-top:18px;font-size:12px;line-height:1.5;display:flex}.pay-service-terms svg{color:#8b2cff;min-width:16px;margin-top:2px}@media (width<=768px){.pay-service-grid{grid-template-columns:1fr}}.service-edit-btn,.service-delete-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .3s;display:flex}.service-edit-btn{color:#b56cff;background:#8a2cff2e}.service-edit-btn:hover{color:#fff;background:#8b2cff}.service-delete-btn{color:#ff5c5c;background:#ff3c3c24}.service-delete-btn:hover{color:#fff;background:#ff3b3b}.service-actions-box{align-items:center;gap:10px;display:flex}.delete-popup-card{text-align:center;background:#12001f;border:1px solid #8a2cff47;border-radius:24px;width:240px;padding:30px}.delete-popup-card h2{color:#fff;margin-bottom:14px}.delete-popup-card p{color:#b9a8d4;line-height:1.6}.delete-popup-actions{justify-content:center;gap:16px;margin-top:28px;display:flex}.delete-confirm-btn{color:#fff;cursor:pointer;background:#ff3b3b;border:none;border-radius:12px;padding:12px 24px}.delete-cancel-btn{color:#fff;cursor:pointer;background:#2d0a45;border:none;border-radius:12px;padding:12px 24px}.success-popup{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#56545408;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-popup-inner{text-align:center;background:linear-gradient(135deg,#7104ba,#682daf);border:1px solid #8a2cff59;border-radius:26px;width:220px;padding:24px;animation:.35s popupScale;box-shadow:0 0 40px #8a2cff47}.success-icon{color:#a855f7;margin-bottom:18px;font-size:22px}.success-popup-inner h3{color:#fff;font-size:12px;font-weight:700;line-height:1.5}.single-line-slots{flex-wrap:nowrap;align-items:center;gap:14px;margin-top:20px;display:flex;overflow:hidden}.single-line-slots button{white-space:nowrap;min-width:120px}.thankyou-page{background:radial-gradient(circle,#6800ff29 0%,#090012 55%,#000 100%);width:100%;height:100vh;padding:0 25px 12px;overflow:hidden}.thankyou-logo{align-items:center;height:58px;margin-bottom:4px;display:flex}.thankyou-logo img{object-fit:contain;width:170px}.doctor-profile-page{background:radial-gradient(circle,#6800ff29 0%,#090012 55%,#000 100%);width:100%;min-height:100vh;padding:0 25px 12px;overflow:hidden}.thankyou-card{text-align:center;background:linear-gradient(#1e0037f2,#0c0019f2);border:1px solid #8a2cff2e;border-radius:16px;width:100%;max-width:760px;margin:auto;padding:18px;box-shadow:0 0 20px #8a2cff1f}.thankyou-success{background:linear-gradient(135deg,#8b2cff,#6a0efd);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:auto;display:flex}.thankyou-success svg{color:#fff;font-size:28px}.thankyou-card h1{color:#fff;margin-top:10px;font-size:22px;font-weight:700}.thankyou-card p{color:#d5c7f3;margin-top:4px;font-size:11px}.thankyou-divider{background:#ffffff0f;height:1px;margin:12px 0}.thankyou-details{grid-template-columns:1fr 1fr;gap:8px;display:grid}.thankyou-row{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.thankyou-row span{color:#b9a8d4;font-size:11px}.thankyou-row strong{color:#fff;font-size:12px;font-weight:600}.review-section{text-align:left;margin-top:14px}.review-section h2{color:#fff;margin-bottom:10px;font-size:16px}.review-stars{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.review-stars button{color:#8f8f8f;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.active-star{color:#fff!important;background:linear-gradient(135deg,#8b2cff,#6a0efd)!important}.review-section textarea{resize:none;color:#fff;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;width:100%;min-height:60px;padding:10px;font-size:12px}.review-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b2cff,#6a0efd);border:none;border-radius:8px;width:100%;height:38px;margin-top:8px;font-size:12px;font-weight:700}.thankyou-home-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b2cff,#6a0efd);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:160px;height:38px;margin-top:12px;font-size:12px;font-weight:700;display:flex}@media (width<=768px){.thankyou-card{padding:14px}.thankyou-details{grid-template-columns:1fr}.thankyou-row{flex-direction:column;align-items:flex-start;gap:4px}}.doctor-review-card{background:#fff;border-radius:20px;margin-top:20px;padding:15px}.review-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mini-review-card{text-align:center;color:#fff;background:0 0;border:1px solid #ffffff1a;border-radius:16px;min-height:110px;padding:30px 12px 12px;position:relative;overflow:visible;box-shadow:0 0 28px #6f00ff1f}.mini-review-card img{object-fit:cover;background:#fff;border:3px solid #fff;border-radius:50%;width:50px;height:50px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.mini-review-card h4{margin-top:5px;margin-bottom:-5px;font-size:12px;font-weight:600}.mini-review-card h3{color:#9f5fff;margin:0;font-size:16px;font-weight:700}.mini-review-card p{color:#e5e5e5;margin:4px 0;font-size:11px;line-height:1.3}.review-stars{color:#ffb347;letter-spacing:1px;margin-top:2px;font-size:14px}@media (width<=768px){.review-grid{grid-template-columns:1fr}}.payment-link-success{text-align:center;margin:15px 0 20px}.payment-link-success h3{color:#6a11cb;margin:0;font-size:32px;font-weight:700}.payment-link-success p{color:#666;margin-top:8px}.payment-summary{background:#f8f9fc;border-radius:12px;margin-bottom:20px;padding:12px 15px}.payment-summary p{color:#333;margin:6px 0;font-size:14px}.payment-open-btn{cursor:pointer;color:#fff;background:#6a11cb;border:none;border-radius:12px;width:100%;margin-bottom:15px;padding:12px;font-weight:600}.sms-btn{color:#fff;background:#0ea5e9}:root{--page-bg:#e8e8ee;--card-bg:#f4f4f8;--surface-bg:#fff;--border-color:#d9d9e2;--light-surface:#efeff4;--accent-purple:#7c4dff;--accent-purple-hover:#6c2cf5;--accent-purple-light:#e8e4fd;--text-primary:#1f1f2e;--text-secondary:#565666;--text-light:#8e8e9f;--danger:#ff3b30;--success:#34c759}body{background:var(--page-bg)!important;color:var(--text-primary)!important;background-image:none!important}#root{background:var(--page-bg)!important}::-webkit-scrollbar-thumb{background:var(--accent-purple)!important}input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{color:#1f1f2e!important}select option{color:#1f1f2e!important;background:#fff!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)brightness(0)!important;cursor:pointer!important;opacity:.7!important}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0)brightness(0)!important;cursor:pointer!important;opacity:.7!important}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(0)brightness(0)!important;cursor:pointer!important;opacity:.7!important}.auth-page{background:var(--page-bg)!important}.auth-container{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 45px #0000000d!important}.auth-left{background:var(--card-bg)!important;border-right:1px solid var(--border-color)!important}.left-title h1,.brand-text{color:var(--text-primary)!important}.left-title p,.bottom-features{color:var(--text-secondary)!important}.auth-right h1{color:var(--text-primary)!important}.auth-subtitle{color:var(--text-secondary)!important}.form-group label{color:var(--text-primary)!important}.auth-input{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.auth-input:focus{border-color:var(--accent-purple)!important;box-shadow:0 0 8px #7c4dff33!important}.auth-input::placeholder{color:var(--text-light)!important}select.auth-input option{color:var(--text-primary)!important;background:var(--surface-bg)!important}.auth-options{color:var(--text-secondary)!important}.auth-options a,.forgot-password-btn{color:var(--accent-purple)!important;cursor:pointer!important;background:0 0!important;border:none!important;font-weight:500!important}.primary-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;transition:all .2s!important;box-shadow:0 4px 12px #7c4dff4d!important}.primary-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #7c4dff66!important}.or-text,.auth-footer{color:var(--text-secondary)!important}.auth-footer span a{color:var(--accent-purple)!important}.password-icon{color:var(--text-secondary)!important}.sidebar{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000008!important}.sidebar-menu a{color:var(--text-secondary)!important}.sidebar-menu a:hover,.sidebar-link:hover{background:var(--accent-purple-light)!important;color:#4c1d95!important}.sidebar-menu a.active,.active-link{background:var(--accent-purple-light)!important;color:#4c1d95!important;box-shadow:none!important;font-weight:700!important}.sidebar-line{background:var(--border-color)!important}.logout-btn{color:var(--danger)!important;background:0 0!important;border:none!important}.topbar{border-bottom:none!important;margin-bottom:8px!important}.sidebar-toggle{display:none}.dashboard-tabs{margin-bottom:8px!important}.search-box{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;box-shadow:none!important}.search-box input{color:var(--text-primary)!important;background:0 0!important}.search-box input::placeholder{color:var(--text-secondary)!important;opacity:.6!important}.search-icon{color:var(--accent-purple)!important}.top-icon,.profile-box h4{color:var(--text-primary)!important}.profile-box p{color:var(--text-secondary)!important}.profile-box img{border:2px solid var(--border-color)!important}.dropdown-icon{color:var(--text-primary)!important}.profile-dropdown{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 30px #00000014!important}.dropdown-email{color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important}.dropdown-btn{color:var(--text-primary)!important;background:0 0!important;border:none!important}.dashboard-tabs button{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.dashboard-tabs button:hover{background:var(--light-surface)!important}.dashboard-tabs button.active-tab,.dashboard-tabs button.active{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important;box-shadow:0 4px 12px #7c4dff40!important}.appointment-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000003!important}.appointment-header h3{color:var(--text-primary)!important}.appointment-header span{color:var(--accent-purple)!important}.appointment-filter{align-items:center!important;gap:10px!important;display:flex!important}.appointment-search{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;align-items:center!important;gap:8px!important;height:30px!important;padding:4px 10px!important;display:flex!important}.appointment-search input{color:var(--text-primary)!important;background:0 0!important;border:none!important;width:140px!important;font-size:12px!important}.appointment-search input:focus{outline:none!important}.appointment-search input::placeholder{color:var(--text-secondary)!important;opacity:.6!important}.appointment-search .search-icon{color:var(--accent-purple)!important;font-size:13px!important}.appointment-filter input[type=date]{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:8px!important;height:30px!important;padding:4px 8px!important}.dash-date-btn{flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:inline-flex!important;position:relative!important}.dash-date-emoji{display:none!important}.dash-date-dot{background:var(--accent-purple)!important;border:1.5px solid var(--surface-bg)!important;border-radius:50%!important;width:7px!important;height:7px!important;position:absolute!important;top:0!important;right:-4px!important}.dash-date-input-hidden{opacity:1!important;background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;cursor:pointer!important;z-index:2!important;border-radius:8px!important;height:30px!important;padding:4px 8px!important;position:relative!important}.appointment-item{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important}.appointment-item.highlight-card{border-color:var(--accent-purple)!important;box-shadow:0 0 10px #7c4dff1a!important}.appointment-time h4,.time-box h4{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important;border-radius:8px!important;padding:6px 12px!important;font-weight:600!important;display:inline-block!important}.appointment-user h4{color:var(--text-primary)!important}.appointment-user p{color:var(--text-secondary)!important}.status{border:1px solid #0000!important}.confirmed{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important}.pending{color:#d97706!important;background:#ffe8ad!important}.appointment-footer p{color:var(--text-secondary)!important}.appointment-footer button{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important;border:1px solid var(--accent-purple)!important;box-shadow:none!important}.appointment-footer button:hover{background:var(--accent-purple)!important;color:#fff!important}.dashboard-right{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:22px!important;margin-top:0!important;padding:18px!important;box-shadow:0 4px 20px #00000003!important}.stat-card{border:1px solid var(--border-color)!important;box-shadow:none!important}.stat-card h4{color:var(--text-secondary)!important}.stat-card h2{color:var(--text-primary)!important}.stat-card.blue{background:#e0ecff!important}.stat-card.yellow{background:#fff3c4!important}.stat-card.purple{background:#e8e4fd!important}.stat-card.pink{background:#fde2ff!important}.schedule-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 4px 20px #00000005!important}.schedule-card h3{color:var(--text-primary)!important}.schedule-circle:before{background:var(--surface-bg)!important}.schedule-legend div{color:var(--text-secondary)!important}.schedule-legend strong{color:var(--text-primary)!important}.practice-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000005!important}.practice-content h3{color:var(--text-primary)!important}.practice-content p{color:var(--text-secondary)!important}.practice-content button{background:var(--accent-purple)!important;color:#fff!important;box-shadow:0 4px 12px #7c4dff33!important}.service-popup-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#00000073!important}.profile-popup-card,.service-popup-card,.delete-popup-card,.share-popup-card,.guide-popup-card,.billing-success-popup,.auth-success-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 10px 40px #0000001a!important}.profile-popup-card h2,.profile-popup-card h3,.profile-popup-card p,.service-popup-card h2,.service-popup-card h3,.service-popup-card p,.delete-popup-card h2,.delete-popup-card p,.share-popup-card h2,.share-popup-card p,.guide-popup-card h2,.guide-popup-card h3,.guide-popup-card p{color:var(--text-primary)!important}.profile-popup-card input,.profile-popup-card select,.profile-popup-card textarea,.service-popup-card input,.service-popup-card select,.service-popup-card textarea,.share-popup-card input{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.share-close-btn,.close-btn{color:var(--text-secondary)!important;background:var(--light-surface)!important;border:1px solid var(--border-color)!important}.share-close-btn:hover,.close-btn:hover{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}.user-profile-page,.user-booking-page,.patient-details-page,.patient-page,.success-page{background:var(--page-bg)!important;color:var(--text-primary)!important}.doctor-main-card,.clinic-contact-card,.booking-doctor-card,.review-card,.booking-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 4px 20px #00000005!important}.doctor-info-section h1,.doctor-info-section h3,.clinic-name,.doctor-exp,.doctor-description{color:var(--text-primary)!important}.doctor-services-card h2,.service-item,.clinic-top h2,.clinic-top h3,.clinic-bottom p,.clinic-contact-row,.review-card h2,.review-card p{color:var(--text-primary)!important}.review-card h3{color:var(--accent-purple)!important}.review-image{border:5px solid var(--border-color)!important}.booking-left h1,.booking-meta,.new-price,.booking-back-btn{color:var(--text-primary)!important}.booking-doctor-info h2,.booking-doctor-info p,.calendar-header h3,.calendar-day,.slot-btn{color:var(--text-primary)!important}.slot-btn{background:var(--light-surface)!important;border:1px solid var(--border-color)!important}.slot-btn.selected,.slot-btn.active{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important}.finance-page{color:var(--text-primary)!important;background:0 0!important;flex-direction:column!important;gap:12px!important;height:100%!important;max-height:calc(100vh - 120px)!important;display:flex!important;overflow:hidden!important}.finance-top-grid{flex-shrink:0!important}.finance-stat-card{border:1px solid var(--border-color)!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;height:62px!important;padding:10px 16px!important;transition:all .2s!important;display:flex!important;box-shadow:0 4px 12px #00000005!important}.finance-stat-card p{color:var(--text-secondary)!important;margin-bottom:2px!important;font-size:11px!important;font-weight:500!important}.finance-stat-card h2{color:var(--text-primary)!important;font-size:16px!important;font-weight:700!important}.finance-top-grid div:first-child.finance-stat-card{background:#e0ecff!important}.finance-top-grid div:nth-child(2).finance-stat-card{box-shadow:none!important;background:#e8e4fd!important}.finance-top-grid div:nth-child(3).finance-stat-card{background:#fff3c4!important}.finance-top-grid div:nth-child(4).finance-stat-card{background:#ffeeef!important}.generate-payment-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;border-radius:999px!important;align-self:center!important;height:42px!important;padding:0 20px!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 12px #7c4dff4d!important}.generate-payment-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #7c4dff66!important}.finance-content-grid{flex:1!important;grid-template-columns:1fr 300px!important;gap:12px!important;height:100%!important;min-height:0!important;display:grid!important;overflow:hidden!important}.finance-left{flex-direction:column!important;gap:10px!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.finance-filter-row{flex-shrink:0!important}.finance-filter-tabs button{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;height:32px!important;padding:0 16px!important;font-weight:500!important}.finance-filter-tabs button:hover{background:var(--light-surface)!important;color:var(--accent-purple)!important}.finance-filter-tabs button.finance-active-filter{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important;box-shadow:0 4px 12px #7c4dff40!important}.finance-search-box{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;color:var(--accent-purple)!important;height:34px!important}.finance-search-box input{color:var(--text-primary)!important;background:0 0!important}.finance-search-box input::placeholder{color:var(--text-secondary)!important;opacity:.6!important}.finance-table-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 20px #00000005!important}.finance-table-top{border-bottom:1px solid var(--border-color)!important;flex-shrink:0!important;height:48px!important;padding:0 16px!important}.finance-table-title h3{color:var(--text-primary)!important;font-size:13px!important}.finance-date-inline{color:var(--accent-purple)!important}.finance-table-actions button{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important;border:1px solid var(--accent-purple)!important;height:28px!important;padding:0 12px!important;font-size:10px!important;font-weight:600!important}.finance-table-actions button:hover{background:var(--accent-purple)!important;color:#fff!important}.finance-filter-wrapper input[type=date]{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:8px!important;padding:2px 6px!important;font-size:11px!important}.finance-table{flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important;overflow:hidden!important}.finance-table-header{background:var(--light-surface)!important;color:var(--text-secondary)!important;border-top:none!important;border-bottom:1px solid var(--border-color)!important;flex-shrink:0!important;align-items:center!important;height:36px!important;font-weight:600!important;display:grid!important}.finance-table-body{flex:1!important;min-height:200px!important;max-height:none!important;padding-bottom:0!important;position:relative!important;overflow-y:auto!important}.finance-table-row{background:var(--surface-bg)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important;align-items:center!important;height:40px!important;display:grid!important}.finance-table-row:hover{background:var(--light-surface)!important}.finance-paid-status,.finance-pending-status,.finance-refund-status{border-radius:6px!important;width:max-content!important;padding:4px 10px!important;font-size:9px!important}.finance-paid-status{color:#2e7d32!important;background:#e8f5e9!important}.finance-pending-status{color:#ef6c00!important;background:#fff3e0!important}.finance-refund-status{color:#c62828!important;background:#ffebee!important}.finance-chart-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;flex-direction:column!important;flex-shrink:0!important;height:190px!important;min-height:190px!important;padding:12px 16px!important;display:flex!important;box-shadow:0 4px 20px #00000005!important}.finance-chart-top{justify-content:space-between!important;align-items:center!important;height:36px!important;margin-bottom:0!important;display:flex!important}.finance-chart-top h3{color:var(--text-primary)!important;margin-bottom:0!important;font-size:13px!important;font-weight:600!important}.finance-chart-select{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;width:90px!important;height:28px!important;margin-bottom:0!important;padding:0 10px!important;font-size:11px!important}.finance-chart-select option{background:var(--surface-bg)!important;color:var(--text-primary)!important}.finance-chart-wrapper{flex:1!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important}.finance-right{flex-direction:column!important;gap:12px!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.finance-services-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;flex-direction:column!important;flex-shrink:0!important;height:180px!important;padding:12px 6px 12px 16px!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 20px #00000005!important}.finance-services-list{flex:1!important;padding-right:10px!important;overflow-y:auto!important}.finance-services-card h3{color:var(--text-primary)!important;flex-shrink:0!important;margin-bottom:10px!important;font-size:12px!important;font-weight:600!important}.finance-service-item{flex-shrink:0!important;margin-bottom:8px!important}.finance-service-top{color:var(--text-secondary)!important;margin-bottom:4px!important;font-size:10px!important}.finance-service-top strong{color:var(--text-primary)!important}.finance-service-bar{background:var(--light-surface)!important;height:4px!important}.finance-service-fill{background:var(--accent-purple)!important}.finance-pie-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;flex-direction:column!important;flex:1!important;min-height:0!important;padding:12px 16px!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 20px #00000005!important}.finance-pie-card h3{color:var(--text-primary)!important;flex-shrink:0!important;margin-bottom:8px!important;font-size:12px!important;font-weight:600!important}.payment-summary-wrapper{box-shadow:none!important;background:0 0!important;border:none!important;flex:1!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;min-height:0!important;display:flex!important;overflow:hidden!important}.payment-chart-box{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:120px!important;height:120px!important;display:flex!important}.payment-chart-box .recharts-responsive-container{width:100%!important;height:100%!important}.payment-summary-details{flex-direction:column!important;flex:1!important;gap:8px!important;width:auto!important;padding-top:0!important;display:flex!important;overflow:hidden!important}.payment-detail-item{width:100%!important}.payment-detail-top{align-items:flex-start!important;gap:8px!important;display:flex!important}.payment-dot{border-radius:50%!important;flex-shrink:0!important;width:8px!important;height:8px!important;margin-top:4px!important}.payment-detail-top h4{color:var(--text-primary)!important;margin-bottom:2px!important;font-size:11px!important;line-height:1!important}.payment-detail-top p{color:var(--text-secondary)!important;font-size:10px!important}.payment-total{color:var(--text-secondary)!important;border-top:1px solid var(--border-color)!important;margin-top:4px!important;padding-top:6px!important;font-size:14px!important;font-weight:500!important}.payment-total span{color:var(--text-primary)!important}.finance-filter-icon{color:var(--text-secondary)!important}.finance-date-range-filter{border:1px solid var(--border-color)!important;box-sizing:border-box!important;background:#fff!important;border-radius:999px!important;align-items:center!important;gap:8px!important;height:28px!important;padding:2px 14px!important;display:flex!important}.finance-date-input-wrapper{cursor:pointer!important;align-items:center!important;gap:6px!important;display:flex!important;position:relative!important}.finance-calendar-icon{color:var(--accent-purple)!important;flex-shrink:0!important;font-size:12px!important}.finance-date-text{color:var(--text-secondary)!important;pointer-events:none!important;font-size:10px!important;font-weight:500!important}.finance-hidden-date-input{opacity:0!important;cursor:pointer!important;z-index:2!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.finance-date-separator{color:var(--text-secondary)!important;pointer-events:none!important;margin:0 4px!important;font-size:10px!important;font-weight:500!important}.finance-clear-dates-btn{color:var(--accent-purple)!important;cursor:pointer!important;background:0 0!important;border:none!important;margin-left:6px!important;padding:0 4px!important;font-size:9px!important;font-weight:600!important;transition:color .2s!important}.finance-clear-dates-btn:hover{color:var(--accent-purple-hover)!important;background:0 0!important}.settings-layout{background:0 0!important}.settings-header h2{color:var(--text-primary)!important}.settings-header p{color:var(--text-secondary)!important}.settings-tabs button{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;font-weight:500!important}.settings-tabs button:hover{background:var(--light-surface)!important;color:var(--accent-purple)!important}.settings-tabs button.active-settings-tab,.settings-tabs button.active{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important;box-shadow:0 4px 12px #7c4dff40!important}.settings-save-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;border-radius:12px!important;font-weight:600!important;box-shadow:0 4px 12px #7c4dff4d!important}.settings-save-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important}.settings-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:20px!important;box-shadow:0 4px 20px #00000005!important}.settings-option-card{border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important}.settings-option-left h3,.settings-option-left h4,.settings-option-left p,.settings-option-left span{color:var(--text-primary)!important}.settings-option-left p{color:var(--text-secondary)!important}.settings-toggle-row h4{color:var(--text-primary)!important}.settings-toggle-row p{color:var(--text-secondary)!important}.settings-connect-btn,.settings-action-btn{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important;border:1px solid var(--accent-purple)!important;border-radius:8px!important;padding:8px 16px!important;font-weight:600!important}.settings-connect-btn:hover,.settings-action-btn:hover{background:var(--accent-purple)!important;color:#fff!important}.timezone-select{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:8px!important;padding:6px 12px!important}.timezone-select option{background:var(--surface-bg)!important;color:var(--text-primary)!important}.settings-input-box label{color:var(--text-primary)!important}.settings-input-box input,.settings-input-box textarea,.settings-input-box select{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.settings-input-box input:focus,.settings-input-box textarea:focus,.settings-input-box select:focus{border-color:var(--accent-purple)!important;box-shadow:0 0 8px #7c4dff33!important}.settings-input-box input::placeholder,.settings-input-box textarea::placeholder{color:var(--text-light)!important}.availability-card{border:1px solid var(--border-color)!important;box-shadow:none!important;background:0 0!important}.availability-card-header{border-bottom:1px solid var(--border-color)!important}.availability-card-header h3{color:var(--text-primary)!important}.availability-card-header span{color:var(--text-secondary)!important}.availability-footer{background:var(--light-surface)!important;border-top:1px solid var(--border-color)!important}.availability-footer-select,.availability-footer-time{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.availability-footer-select option{background:var(--surface-bg)!important;color:var(--text-primary)!important}.availability-add-btn{background:var(--accent-purple)!important;color:#fff!important;box-shadow:0 4px 12px #7c4dff4d!important}.availability-add-btn:hover{background:var(--accent-purple-hover)!important}.mini-availability-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #00000003!important}.mini-availability-card h4{color:var(--text-primary)!important}.mini-availability-card p{color:var(--text-secondary)!important}.services-wrapper{background:0 0!important}.services-heading{color:var(--text-primary)!important}.services-description{color:var(--text-secondary)!important}.services-search{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;color:var(--accent-purple)!important}.services-search-icon{color:var(--accent-purple)!important}.services-search input{color:var(--text-primary)!important}.services-search input::placeholder{color:var(--text-secondary)!important;opacity:.6!important}.services-add-btn{background:var(--accent-purple)!important;color:#fff!important;box-shadow:0 4px 12px #7c4dff4d!important}.services-add-btn:hover{background:var(--accent-purple-hover)!important}.services-table{border:1px solid var(--border-color)!important;background:var(--surface-bg)!important;border-radius:12px!important}.services-table-header{background:var(--light-surface)!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important;font-weight:600!important}.services-table-row{color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.services-table-row:hover{background:var(--light-surface)!important}.services-empty{color:var(--text-secondary)!important}.services-pagination button{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.services-pagination button:hover{background:var(--light-surface)!important;color:var(--accent-purple)!important}.services-pagination button:disabled{opacity:.4!important}.custom-page-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #00000005!important}.preview-content h3{color:var(--text-primary)!important}.preview-content p{color:var(--text-secondary)!important}.preview-page-btn{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important;border:1px solid var(--accent-purple)!important}.preview-page-btn:hover{background:var(--accent-purple)!important;color:#fff!important}.share-link-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #7c4dff4d!important}.share-link-btn:hover{background:var(--accent-purple-hover)!important;box-shadow:0 4px 16px #7c4dff66!important}.schedule-row{border-bottom:1px solid var(--border-color)!important}.schedule-day h4{color:var(--text-primary)!important}.schedule-time span,.timezone-text{color:var(--text-secondary)!important}.service-main-text h4{color:var(--text-primary)!important}.service-main-text p{color:var(--text-secondary)!important}.service-duration span,.service-price-box,.finance-settings-wrapper h2{color:var(--text-primary)!important}.finance-settings-wrapper p{color:var(--text-secondary)!important}.finance-group label{color:var(--text-primary)!important}.finance-group input,.finance-group textarea{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:8px!important;outline:none!important;padding:8px 12px!important}.finance-group input:focus,.finance-group textarea:focus{border-color:var(--accent-purple)!important;box-shadow:0 0 8px #7c4dff33!important}.finance-eye-btn{color:var(--text-secondary)!important;background:0 0!important;border:none!important}.finance-eye-btn:hover{color:var(--accent-purple)!important}.finance-error{color:var(--danger)!important;margin-top:4px!important;font-size:11px!important;display:block!important}.subscription-wrapper h2{color:var(--text-primary)!important;margin-bottom:4px!important;font-size:22px!important;font-weight:600!important}.subscription-wrapper h3,.plans-section h3{color:var(--text-primary)!important;font-size:16px!important;font-weight:600!important}.subscription-wrapper p{color:var(--text-secondary)!important;font-size:13px!important}.billing-history-card h3{color:var(--text-primary)!important;font-size:16px!important;font-weight:600!important}.active-plan-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #00000005!important}.active-plan-card h3,.active-plan-card h2{color:var(--text-primary)!important}.active-plan-card .plan-validity{color:var(--text-secondary)!important}.remaining-days-box{background:var(--light-surface)!important;border:1px solid var(--border-color)!important}.remaining-days-box span{color:var(--text-secondary)!important}.remaining-days-box strong{color:var(--text-primary)!important}.renew-plan-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #7c4dff33!important}.renew-plan-btn:hover{background:var(--accent-purple-hover)!important}.plan-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #00000005!important}.plan-card h3{color:var(--text-primary)!important}.plan-card h1{color:var(--accent-purple)!important}.plan-card p{color:var(--text-secondary)!important}.plan-card button{background:var(--accent-purple)!important;color:#fff!important}.plan-card button:hover{background:var(--accent-purple-hover)!important}.billing-history-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 4px 12px #00000005!important}.billing-history-card h3{color:var(--text-primary)!important}.billing-history-card thead{background:var(--light-surface)!important}.billing-history-card th{color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important}.billing-history-card td{border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}.billing-history-card tr:hover{background:var(--light-surface)!important}.billing-history-card button{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important;border:1px solid var(--accent-purple)!important}.billing-history-card button:hover{background:var(--accent-purple)!important;color:#fff!important}.paid-status{background:var(--success)!important;color:#fff!important;border-radius:6px!important;padding:4px 10px!important;font-size:11px!important}.invoice-btn{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important;border:1px solid var(--accent-purple)!important}.invoice-btn:hover{background:var(--accent-purple)!important;color:#fff!important}.subscription-stat-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #00000005!important}.subscription-stat-card h4{color:var(--text-secondary)!important}.subscription-stat-card h2{color:var(--text-primary)!important}.booking-page{color:var(--text-primary)!important;background:0 0!important}.booking-filters button{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;cursor:pointer!important;font-weight:500!important}.booking-filters button:hover{background:var(--light-surface)!important;color:var(--accent-purple)!important}.booking-filters button.booking-active{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important;box-shadow:0 4px 12px #7c4dff40!important}.booking-search{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;height:38px!important;box-shadow:none!important}.booking-search input{color:var(--text-primary)!important;background:0 0!important;font-size:13px!important}.booking-search input::placeholder{color:var(--text-secondary)!important;opacity:.6!important}.booking-search-icon{color:var(--accent-purple)!important;font-size:16px!important}.export-booking-btn{background:var(--surface-bg)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important;cursor:pointer!important;border-radius:999px!important;height:38px!important;padding:0 22px!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important}.export-booking-btn:hover{background:var(--light-surface)!important;color:var(--accent-purple)!important}.add-booking-btn{background:var(--accent-purple)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:999px!important;height:38px!important;padding:0 22px!important;font-size:12px!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 12px #7c4dff4d!important}.add-booking-btn:hover{background:var(--accent-purple-hover)!important}.booking-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000005!important}.booking-header{background:var(--light-surface)!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important}.booking-row{border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}.booking-row:hover{background:var(--light-surface)!important}.booking-row.highlight-card{border:1.5px solid var(--accent-purple)!important;background:var(--accent-purple-light)!important;animation:2s ease-in-out infinite alternate pulse-highlight!important;box-shadow:0 0 12px #7c4dff26!important}@keyframes pulse-highlight{0%{box-shadow:0 0 10px #7c4dff1a}to{box-shadow:0 0 20px #7c4dff4d}}.booking-patient h4{color:var(--text-primary)!important}.booking-patient span{color:var(--text-secondary)!important}.booking-date p{color:var(--text-primary)!important}.booking-date span{color:var(--text-secondary)!important}.booking-type{color:var(--text-primary)!important;background:0 0!important;border:none!important;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;font-weight:500!important}.date-header{align-items:center!important;gap:10px!important;display:flex!important}.date-range-filter{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;align-items:center!important;gap:6px!important;height:30px!important;padding:2px 8px!important;display:flex!important;position:relative!important;box-shadow:0 1px 3px #0000000d!important}.date-input-container{cursor:pointer!important;align-items:center!important;gap:6px!important;height:100%!important;display:flex!important;position:relative!important}.date-icon{color:var(--accent-purple)!important;pointer-events:none!important;font-size:13px!important}.placeholder-text{color:var(--text-light)!important;pointer-events:none!important;font-size:11px!important;font-weight:500!important}.selected-date-text{color:var(--text-primary)!important;pointer-events:none!important;font-size:11px!important;font-weight:600!important}.hidden-date-input{opacity:0!important;cursor:pointer!important;z-index:1!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.hidden-date-input::-webkit-calendar-picker-indicator{opacity:0!important;cursor:pointer!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.range-separator{color:var(--text-light)!important;padding:0 2px!important;font-size:11px!important;font-weight:500!important}.clear-range-btn{color:var(--text-light)!important;cursor:pointer!important;z-index:2!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:0 2px!important;font-size:10px!important;transition:color .2s!important;display:flex!important;position:relative!important}.clear-range-btn:hover{color:var(--danger)!important}.booking-pagination{border-top:1px solid var(--border-color)!important;background:var(--surface-bg)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:6px 10px!important;display:flex!important}.booking-pagination button{border:1px solid var(--border-color)!important;background:var(--surface-bg)!important;height:24px!important;color:var(--text-primary)!important;cursor:pointer!important;border-radius:4px!important;padding:0 8px!important;font-size:10px!important;font-weight:500!important;transition:all .2s!important}.booking-pagination button:hover:not(:disabled){background:var(--light-surface)!important;color:var(--accent-purple)!important;border-color:var(--accent-purple)!important}.booking-pagination button:disabled{opacity:.4!important;cursor:not-allowed!important}.pagination-pages{align-items:center!important;gap:4px!important;display:flex!important}.booking-pagination button.pagination-page-btn{border-radius:4px!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;padding:0!important;display:flex!important}.booking-pagination button.active-page{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important}.booking-amount{color:var(--text-primary)!important}.booking-status.confirmed{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important}.booking-status.upcoming{color:#004085!important;background:#e0ecff!important}.booking-status.pending{color:#d97706!important;background:#ffe8ad!important}.booking-status.completed{color:#2e7d32!important;background:#e8f5e9!important}.booking-status.cancelled{color:#c62828!important;background:#ffebee!important}.booking-action-btn{background:var(--light-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.booking-action-btn:hover{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important}.booking-action-dropdown{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 30px #00000014!important}.booking-action-dropdown button{color:var(--text-primary)!important;background:0 0!important}.booking-action-dropdown button:hover{background:var(--light-surface)!important;color:var(--accent-purple)!important}.date-filter-icon{color:#000!important}.appointment-item{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;grid-template-columns:100px 2fr 1.1fr 1fr 220px!important;column-gap:12px!important}.appointment-time{background:var(--accent-purple-light)!important;box-shadow:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:90px!important;height:auto!important;padding:6px 12px!important;display:flex!important}.appointment-time h4{color:var(--accent-purple)!important;word-break:keep-all!important;white-space:nowrap!important;margin:0!important;font-size:13px!important;font-weight:600!important}.join-btn{background:var(--accent-purple)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:8px 16px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 12px #7c4dff26!important}.join-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #7c4dff4d!important}.guide-popup-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0006!important}.guide-popup-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 20px 50px #00000014!important}.guide-popup-header h2{color:var(--text-primary)!important}.guide-close-btn{color:var(--text-secondary)!important;transition:color .2s!important}.guide-close-btn:hover{color:var(--danger)!important}.guide-step{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:none!important}.guide-step h4{color:var(--text-primary)!important;font-weight:600!important}.guide-step p{color:var(--text-secondary)!important}.guide-step span{background:var(--accent-purple)!important;color:#fff!important;box-shadow:0 2px 8px #7c4dff33!important}.notification-popup{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 30px #00000014!important}.notification-header{color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important;font-weight:600!important}.notification-item{border-bottom:1px solid var(--border-color)!important}.notification-title{color:var(--text-primary)!important;font-weight:600!important}.notification-message{color:var(--text-secondary)!important;opacity:1!important}.notification-time{color:var(--text-light)!important;opacity:1!important}.notification-close{color:var(--text-light)!important}.notification-close:hover{color:var(--danger)!important}.notification-empty{color:var(--text-secondary)!important;opacity:1!important}.search-dropdown{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 10px 35px #00000014!important}.search-dropdown-item{border-bottom:1px solid var(--border-color)!important;padding:12px 16px!important}.search-dropdown-item:last-child{border-bottom:none!important}.search-dropdown-item:hover{background:var(--light-surface)!important}.search-dropdown-item h4{color:var(--text-primary)!important;font-size:13px!important;font-weight:600!important}.search-dropdown-item span{color:var(--text-secondary)!important;font-size:11px!important}.profile-dropdown{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;padding:10px!important;box-shadow:0 10px 30px #00000014!important}.dropdown-email{color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important;margin-bottom:4px!important;padding-bottom:8px!important}.dropdown-btn{color:var(--text-primary)!important;background:0 0!important;border:none!important;border-radius:8px!important;align-items:center!important;height:38px!important;padding:0 12px!important;font-size:13px!important;font-weight:500!important;display:flex!important}.dropdown-btn:hover{background:var(--light-surface)!important;color:var(--accent-purple)!important}.dropdown-btn.logout{color:var(--danger)!important}.dropdown-btn.logout:hover{color:var(--danger)!important;background:#ffeeef!important}.doctor-settings-popup{background:var(--surface-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 20px 60px #0000001f!important}.doctor-settings-left{background:var(--card-bg)!important;border-right:1px solid var(--border-color)!important}.doctor-banner-preview{border:1px solid var(--border-color)!important}.doctor-settings-right h2{color:var(--text-primary)!important;font-weight:700!important}.doctor-settings-grid input,.doctor-bio-input,.social-link-row input,.social-link-row select{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:10px!important}.doctor-settings-grid input:focus,.doctor-bio-input:focus,.social-link-row input:focus,.social-link-row select:focus{border-color:var(--accent-purple)!important;box-shadow:0 0 8px #7c4dff33!important}.doctor-settings-grid input::placeholder,.doctor-bio-input::placeholder,.social-link-row input::placeholder{color:var(--text-light)!important}.social-link-row select option{background:var(--surface-bg)!important;color:var(--text-primary)!important}.upload-photo-btn,.upload-banner-btn,.save-profile-btn,.saved-profile-btn,.add-social-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;border-radius:10px!important;transition:all .2s!important;box-shadow:0 4px 12px #7c4dff26!important}.upload-photo-btn:hover,.upload-banner-btn:hover,.save-profile-btn:hover,.saved-profile-btn:hover,.add-social-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #7c4dff4d!important}.billing-success-popup{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 10px 40px #00000014!important}.billing-success-popup h2{color:var(--text-primary)!important}.billing-success-popup p{color:var(--text-secondary)!important}.booking-section-title,.patient-form-card h2,.patient-page-title{color:var(--text-primary)!important;font-weight:700!important}.booking-meta span,.booking-timezone,.terms-row{color:var(--text-secondary)!important}.booking-meta svg,.booking-timezone svg{color:var(--accent-purple)!important}.old-price{color:var(--text-light)!important}.new-price{color:var(--text-primary)!important;font-weight:700!important}.booking-doctor-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000005!important}.booking-doctor-left h2{color:var(--text-primary)!important;font-weight:700!important}.booking-doctor-left ul li{color:var(--text-secondary)!important}.booking-doctor-left ul li p{color:var(--text-light)!important}.booking-doctor-image img{border:2px solid var(--border-color)!important}.booking-description p{color:var(--text-secondary)!important}.booking-description button{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important;border:1px solid var(--accent-purple)!important;border-radius:8px!important;font-weight:600!important;transition:all .2s!important}.booking-description button:hover{background:var(--accent-purple)!important;color:#fff!important}.consult-mode-tabs{background:var(--light-surface)!important;border:1px solid var(--border-color)!important}.consult-mode-tabs button{color:var(--text-primary)!important;background:0 0!important}.consult-mode-tabs button.active-mode{background:var(--accent-purple)!important;color:#fff!important;box-shadow:0 2px 8px #7c4dff40!important}.booking-nav-btns button{background:var(--light-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.booking-nav-btns button:hover{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important}.booking-date-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important}.booking-date-card.active-booking-date{background:var(--accent-purple-light)!important;border:2px solid var(--accent-purple)!important;box-shadow:0 4px 12px #7c4dff26!important}.booking-date-card.active-booking-date span,.booking-date-card.active-booking-date h3,.booking-date-card.active-booking-date p{color:var(--accent-purple)!important}.time-slots-grid button{background:var(--surface-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:none!important}.time-slots-grid button:hover{border-color:var(--accent-purple)!important;color:var(--accent-purple)!important}.time-slots-grid button.active-time{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important;box-shadow:0 4px 12px #7c4dff33!important}.confirm-btn,.submit-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 12px #7c4dff26!important}.confirm-btn:hover,.submit-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #7c4dff4d!important}.user-appointment-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000005!important}.appointment-info h2{color:var(--text-primary)!important}.appointment-info h3{color:var(--text-secondary)!important}.appointment-details-row span{color:var(--text-primary)!important}.appointment-details-row p{color:var(--text-secondary)!important}.digital-badge{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important}.appointment-timestamp{color:var(--text-primary)!important}.patient-form-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000005!important}.patient-input-box label{color:var(--text-secondary)!important}.patient-input-box input,.patient-input-box select{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;border-radius:8px!important}.patient-input-box input:focus,.patient-input-box select:focus,.patient-input-box input:not(:placeholder-shown){color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important}.patient-input-box input:-webkit-autofill{color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important}.patient-input-box input:-webkit-autofill:hover{color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important}.patient-input-box input:-webkit-autofill:focus{color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important}.patient-input-box select:-webkit-autofill{color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important}.patient-input-box input:focus,.patient-input-box select:focus{border-color:var(--accent-purple)!important;box-shadow:0 0 8px #7c4dff26!important}.dob-input{background:var(--surface-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.patient-input-box select option{background:var(--surface-bg)!important;color:var(--text-primary)!important}.gender-tabs button{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;justify-content:center!important;align-items:center!important;gap:8px!important;display:flex!important}.gender-tabs button svg{flex-shrink:0!important;font-size:15px!important}.gender-tabs button:hover{border-color:var(--accent-purple)!important}.gender-tabs button.active-gender{background:var(--accent-purple)!important;color:#fff!important;font-weight:700!important}.patient-declaration{background:var(--light-surface)!important;color:var(--text-secondary)!important;border-radius:8px!important;padding:10px 14px!important}.patient-declaration span{color:var(--text-secondary)!important}.patient-right{padding-top:48px!important}.pay-service-summary{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:18px!important;margin-top:0!important;box-shadow:0 4px 20px #00000005!important}.pay-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;margin-top:16px!important;padding:20px 24px!important;box-shadow:0 4px 20px #00000005!important}.pay-service-total p,.pay-card p{color:var(--text-secondary)!important}.pay-service-total h2,.pay-card h2{color:var(--text-primary)!important}.charges-card{box-shadow:none!important;background:0 0!important;border:none!important;margin-top:14px!important}.pay-card button{background:var(--success)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 12px #34c75926!important}.pay-card button:hover{background:#2eaf4f!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #34c7594d!important}.terms-row,.terms-row p{color:var(--text-secondary)!important}.terms-row svg{color:var(--success)!important}.druser-booking-page{background:var(--page-bg)!important;color:var(--text-primary)!important}.cvb-layout{margin-top:10px;margin-left:0!important;padding-left:0!important}.cvb-patient-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;height:auto!important}.cvb-patient-card h1,.pg-card-header h2,.cvb-field label,.booking-section-title,.booking-section-title-select,.booking-title-row,.booking-nav-btns button,.booking-timezone{color:var(--text-primary)!important}.cvb-field label{color:var(--text-secondary)!important;align-items:center!important;gap:5px!important;font-weight:500!important;display:flex!important}.patient-input-box label{color:var(--text-secondary)!important;align-items:center!important;gap:5px!important;margin-bottom:4px!important;font-size:13px!important;font-weight:500!important;display:flex!important}.cvb-field label svg,.patient-input-box label svg{color:var(--accent-purple)!important;flex-shrink:0!important;font-size:14px!important}.booking-timezone{color:var(--text-secondary)!important}.cvb-field input,.cvb-field textarea,.cvb-field select,.pg-card-header input{background:var(--surface-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.cvb-field input::placeholder,.cvb-field textarea::placeholder,.pg-card-header input::placeholder{color:var(--text-light)!important}.cvb-field select{background:var(--surface-bg)!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.cvb-field select option{background:var(--surface-bg)!important;color:var(--text-primary)!important}.cvb-gender-tabs button{background:var(--light-surface)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important;justify-content:center!important;align-items:center!important;gap:8px!important;transition:all .2s!important;display:flex!important}.cvb-gender-tabs button svg{flex-shrink:0!important;font-size:15px!important}.cvb-gender-tabs button:hover{background:var(--border-color)!important}.cvb-gender-tabs button.active-gender{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important}.cvb-schedule-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;margin-top:-100px!important;box-shadow:0 4px 20px #00000008!important}.cvb-patient-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;align-self:start!important;height:auto!important;margin-top:10px!important;padding:44px 32px!important;box-shadow:0 4px 20px #00000008!important}.clinic-visit-badge{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important;box-shadow:none!important;border:1px solid var(--border-color)!important}.booking-nav-btns button{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.booking-nav-btns button:hover{background:var(--border-color)!important}.booking-date-card{border:1px solid var(--border-color)!important;background:var(--surface-bg)!important}.booking-date-card:hover{border-color:var(--accent-purple)!important}.booking-date-card span{color:var(--text-secondary)!important}.booking-date-card h3{color:var(--text-primary)!important}.booking-date-card p{color:var(--success)!important}.active-booking-date{border:2px solid var(--accent-purple)!important;background:var(--accent-purple-light)!important;box-shadow:none!important}.active-booking-date span,.active-booking-date h3,.active-booking-date p{color:var(--accent-purple)!important}.time-slot-tabs{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;box-shadow:none!important}.time-slot-tabs button{color:var(--text-secondary)!important}.time-slot-tabs button.active-slot{background:var(--accent-purple)!important;color:#fff!important;box-shadow:none!important}.time-slots-grid button,.cvb-slots-grid button{background:var(--light-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.time-slots-grid button:hover,.cvb-slots-grid button:hover{background:var(--border-color)!important}.time-slots-grid button.active-time,.cvb-slots-grid button.active-time{background:var(--accent-purple)!important;color:#fff!important;border:2px solid var(--accent-purple)!important;box-shadow:none!important}.cvb-payment-card{background:var(--light-surface)!important;border:1px solid var(--border-color)!important}.clinic-payment-left h3{color:var(--text-primary)!important}.clinic-payment-left span,.clinic-payment-method-row span{color:var(--text-secondary)!important}.clinic-payment-method-btn{background:var(--success)!important;color:#fff!important;border-radius:8px!important;font-weight:600!important;transition:all .2s!important}.clinic-payment-method-btn:hover{opacity:.9!important;transform:translateY(-1px)!important}.clinic-payment-link-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;border-radius:8px!important;height:auto!important;padding:8px 16px!important;font-weight:600!important;transition:all .2s!important}.clinic-payment-link-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #7c4dff33!important}.pg-service-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000008!important}.pg-service-item{background:var(--light-surface)!important;border:1px solid var(--border-color)!important}.pg-service-content h4{color:var(--text-primary)!important}.pg-service-content p{color:var(--text-secondary)!important}.pg-service-icon{background:var(--border-color)!important;color:var(--text-primary)!important}.pg-checkbox-wrapper .pg-custom-checkbox{border:2px solid var(--text-light)!important}.pg-checkbox-wrapper input:checked+.pg-custom-checkbox{background:var(--success)!important;border-color:var(--success)!important}.pg-view-all-services{color:var(--accent-purple)!important}.pg-view-all-services:hover{color:var(--accent-purple-hover)!important}.payment-link-success h3{color:var(--accent-purple)!important}.payment-link-success p{color:var(--text-secondary)!important}.payment-summary{background:var(--light-surface)!important;border:1px solid var(--border-color)!important}.payment-summary p{color:var(--text-primary)!important}.payment-summary p strong{color:var(--text-secondary)!important}.payment-open-btn{background:var(--accent-purple)!important;color:#fff!important;font-weight:600!important;transition:all .2s!important}.payment-open-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important}.copy-link-box input{background:var(--light-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.copy-link-box button{background:var(--accent-purple)!important;color:#fff!important;font-weight:600!important;transition:all .2s!important}.copy-link-box button:hover{background:var(--accent-purple-hover)!important}.share-close-btn{background:var(--light-surface)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important;transition:all .2s!important}.share-close-btn:hover{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}.patient-search-dropdown{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;max-height:350px!important;overflow-y:auto!important;box-shadow:0 10px 30px #00000014!important}.patient-search-item{color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.patient-search-item:hover{background:var(--light-surface)!important}.patient-search-item p{color:var(--text-secondary)!important}.billing-success-popup h3{color:var(--text-primary)!important}input,textarea,select,option,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=time]{color:#000!important;-webkit-text-fill-color:#000!important}input::placeholder,textarea::placeholder{color:#666!important;opacity:1!important}.doctor-profile-page{background:var(--page-bg)!important;color:var(--text-primary)!important}.doctor-main-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000005!important}.doctor-banner{background:var(--accent-purple-light)!important}.doctor-image-wrapper{border:5px solid var(--surface-bg)!important;box-shadow:0 4px 12px #00000014!important}.doctor-info-section h1{color:var(--text-primary)!important}.doctor-info-section h3{color:var(--text-secondary)!important}.doctor-info-section .clinic-name{color:var(--text-light)!important}.doctor-exp{color:var(--accent-purple)!important;font-weight:600!important}.doctor-description{color:var(--text-secondary)!important;white-space:pre-wrap!important}.view-profile-btn{background:var(--light-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;transition:all .2s!important}.view-profile-btn:hover{background:var(--border-color)!important}.book-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;transition:all .2s!important;box-shadow:0 4px 12px #7c4dff26!important}.book-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #7c4dff4d!important}.doctor-socials button{box-shadow:0 2px 8px #00000014!important}.doctor-services-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important}.doctor-services-card h2{color:var(--text-primary)!important}.service-item{color:var(--text-secondary)!important}.clinic-contact-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px #00000005!important}.clinic-top-content h2,.clinic-top-content h3{color:var(--text-primary)!important}.clinic-bottom p{color:var(--text-secondary)!important}.clinic-contact-row{color:var(--text-primary)!important}.clinic-contact-row svg{color:var(--accent-purple)!important}.mini-review-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 4px 20px #00000005!important}.mini-review-card img{border:3px solid var(--surface-bg)!important;box-shadow:0 2px 10px #0000000f!important}.mini-review-card h4{color:var(--text-primary)!important}.mini-review-card h3{color:var(--accent-purple)!important}.mini-review-card p{color:var(--text-secondary)!important}.review-stars{color:#ff9500!important}.thankyou-page{background:var(--page-bg)!important;color:var(--text-primary)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:auto!important;min-height:100vh!important;padding:24px!important;display:flex!important;overflow:auto!important}.thankyou-logo{justify-content:center!important;margin-bottom:24px!important;display:flex!important}.thankyou-logo img{border:none!important}.thankyou-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:20px!important;max-width:600px!important;padding:32px 24px!important;box-shadow:0 10px 40px #0000000d!important}.thankyou-success{background:var(--accent-purple-light)!important}.thankyou-success svg{color:var(--accent-purple)!important}.thankyou-card h1{color:var(--text-primary)!important;font-size:24px!important;font-weight:700!important}.thankyou-card p{color:var(--text-secondary)!important;font-size:14px!important}.thankyou-divider{background:var(--border-color)!important;margin:20px 0!important}.thankyou-row{background:var(--card-bg)!important;border:1px solid var(--border-color)!important}.thankyou-row span{color:var(--text-secondary)!important;font-weight:500!important}.thankyou-row strong{color:var(--text-primary)!important;font-weight:700!important}.thankyou-close-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #7c4dff40!important}.thankyou-close-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #7c4dff59!important}.google-login-wrapper{justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.google-login-wrapper>div{justify-content:center!important;align-items:center!important;width:auto!important;display:flex!important}.crm-page-v2{padding:10px}.crm-preview-card{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:24px!important;padding:12px 20px!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 30px #00000005!important}.crm-preview-header{text-align:center!important;max-width:800px!important;margin-bottom:4px!important;margin-left:auto!important;margin-right:auto!important}.crm-preview-title{color:var(--text-primary)!important;margin:0 0 1px!important;font-size:22px!important;font-weight:700!important}.crm-preview-desc{color:var(--text-secondary)!important;margin:0!important;font-size:14px!important;line-height:1.1!important}.crm-image-wrapper{overflow:hidden;border-radius:20px!important;width:100%!important;position:relative!important}.crm-image{filter:blur(2px)!important;object-fit:contain!important;border-radius:20px!important;width:950px!important;max-width:100%!important;margin:0 auto!important;display:block!important}.crm-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#ffffff26!important;justify-content:center!important;align-items:center!important;display:flex!important;position:absolute!important;inset:0!important}.crm-coming-soon-box{text-align:center!important;background:#fffffff0!important;border:1px solid #fff9!important;border-radius:20px!important;width:calc(100% - 40px)!important;max-width:580px!important;padding:30px 40px!important;box-shadow:0 15px 45px #0000001f!important}.crm-coming-soon-title{color:var(--accent-purple)!important;margin:0 0 12px!important;font-size:32px!important;font-weight:800!important}.crm-coming-soon-text{color:#565666!important;margin:0!important;font-size:15px!important;line-height:1.8!important}@media (width<=768px){*,:before,:after{box-sizing:border-box!important}html,body{width:100%!important;overflow-x:hidden!important}.dashboard-layout{flex-direction:row!important;align-items:stretch!important;gap:0!important;height:100vh!important;min-height:100vh!important;padding:0!important;overflow:hidden!important}.dashboard-layout-main{flex-direction:column!important;flex:1!important;width:100%!important;min-width:0!important;height:100vh!important;display:flex!important;overflow:hidden!important}.dashboard-layout-content{-webkit-overflow-scrolling:touch!important;flex:1!important;min-height:0!important;padding:12px 12px 20px!important;display:block!important;overflow:hidden auto!important}.sidebar{z-index:10000!important;border-radius:0 20px 20px 0!important;width:240px!important;height:100vh!important;margin-top:0!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-260px!important}body.sidebar-open .sidebar{left:0!important}.sidebar-overlay{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;z-index:9999!important;background:#00000073!important;display:none!important;position:fixed!important;inset:0!important}body.sidebar-open .sidebar-overlay{display:block!important}.topbar{border-bottom:1px solid var(--border-color)!important;background:var(--surface-bg)!important;flex-direction:row!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;gap:0!important;width:100%!important;height:60px!important;margin-bottom:0!important;padding:0 12px!important}.topbar-left{flex-direction:row!important;flex:1!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:auto!important;min-width:0!important;display:flex!important}.sidebar-toggle{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;cursor:pointer!important;width:38px!important;height:38px!important;color:var(--text-primary)!important;border-radius:8px!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;font-size:18px!important;transition:background .2s!important;display:flex!important}.sidebar-toggle:hover{background:var(--light-surface)!important}.topbar-logo{z-index:1!important;min-width:0!important;margin-right:0!important;position:static!important}.topbar-logo img{width:100px!important;height:auto!important}.topbar .search-box{display:none!important}.topbar-right{flex-shrink:0!important;align-items:center!important;gap:8px!important;width:auto!important;display:flex!important}.profile-text,.profile-box h4,.profile-box p{display:none!important}.profile-box{gap:0!important}.profile-box img{width:36px!important;height:36px!important}.auth-page{justify-content:center!important;align-items:flex-start!important;min-height:100vh!important;padding:20px 16px!important;display:flex!important}.auth-container{border-radius:24px!important;flex-direction:column!important;width:100%!important;max-width:440px!important;height:auto!important;overflow:hidden!important;box-shadow:0 8px 40px #00000014!important}.auth-left{text-align:center!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;flex-direction:column!important;align-items:center!important;width:100%!important;height:auto!important;padding:20px 20px 16px!important;display:flex!important}.left-title h1{font-size:22px!important;line-height:1.2!important}.left-title p{width:auto!important;max-width:100%!important;margin-top:6px!important;font-size:13px!important}.left-hand,.right-hand{display:none!important}.brand-text{margin-top:8px!important;margin-bottom:8px!important;font-size:20px!important;position:static!important;transform:none!important}.bottom-features{gap:10px!important;margin-top:12px!important;font-size:11px!important;position:static!important}.auth-right{width:100%!important;padding:24px 20px!important}.auth-right h1,.auth-right h2{text-align:center!important;margin-top:0!important;font-size:22px!important}.auth-subtitle{text-align:center!important;margin-bottom:16px!important;font-size:13px!important}.form-row{flex-direction:column!important;gap:0!important}.form-row .form-group{width:100%!important}.google-login-wrapper{justify-content:center!important;width:100%!important;display:flex!important}.google-login-wrapper>div{width:100%!important;max-width:100%!important}.dashboard-page{flex-direction:column!important;gap:16px!important;width:100%!important;padding-top:12px!important}.dashboard-left,.dashboard-right{width:100%!important;min-width:0!important;max-width:100%!important}.dashboard-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:8px!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.dashboard-tabs::-webkit-scrollbar{display:none!important}.dashboard-tabs button{flex-shrink:0!important;height:34px!important;padding:0 14px!important;font-size:11px!important}.appointment-card{height:auto!important;max-height:none!important;padding:12px!important;overflow:visible!important}.appointment-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.appointment-filter{flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important}.appointment-search{flex:1!important;width:auto!important;height:36px!important}.appointment-search input{width:100%!important}.appointment-filter input[type=date]:not(.dash-date-input-hidden),.dash-date-input-hidden{opacity:0!important;cursor:pointer!important;z-index:2!important;background:0 0!important;border:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.dash-date-btn{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;height:36px!important;display:flex!important;position:relative!important}.dash-date-emoji{pointer-events:none!important;z-index:1!important;font-size:18px!important;position:relative!important}.appointment-card{height:auto!important;min-height:auto!important}.appointment-list{max-height:none!important;padding:0!important;overflow-y:visible!important}.appointment-item{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;height:auto!important;min-height:auto!important;padding:16px!important;display:flex!important;position:relative!important}.appointment-time{background:var(--accent-purple-light)!important;border-radius:6px!important;align-self:flex-start!important;width:fit-content!important;min-width:auto!important;padding:4px 10px!important;display:inline-flex!important}.appointment-time h4,.time-box h4{color:var(--accent-purple)!important;padding:0!important;font-size:12px!important}.appointment-user{width:100%!important;padding-right:32px!important}.appointment-user h4{color:var(--text-primary)!important;white-space:normal!important;margin:0!important;font-size:15px!important;font-weight:600!important}.appointment-item .appointment-purpose{align-items:center!important;gap:6px!important;width:100%!important;font-size:13px!important;display:flex!important}.appointment-item .appointment-purpose h4{white-space:normal!important;text-overflow:clip!important;color:var(--text-primary)!important;margin:0!important;font-size:13px!important;font-weight:500!important;overflow:visible!important}.appointment-item .appointment-purpose p{color:var(--text-secondary)!important;margin:0!important;font-size:11px!important}.appointment-item .appointment-purpose:nth-child(3):before{content:"Date: "!important;color:var(--text-secondary)!important;font-size:12px!important;font-weight:600!important}.appointment-item .appointment-purpose:nth-child(4):before{content:"Type: "!important;color:var(--text-secondary)!important;font-size:12px!important;font-weight:600!important}.appointment-action-group{justify-content:flex-start!important;gap:8px!important;width:100%!important;margin-top:4px!important;display:flex!important}.appointment-action-group .join-btn{flex:1!important;width:100%!important;height:40px!important;font-size:13px!important}.appointment-item .booking-action-menu{z-index:10!important;position:absolute!important;top:16px!important;right:12px!important}.appointment-footer{flex-wrap:wrap!important;gap:12px!important;width:100%!important;margin-top:12px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.stat-card{min-height:auto!important;padding:14px!important}.stat-card h4{font-size:11px!important}.stat-card h2{font-size:22px!important}.schedule-card,.practice-card{width:100%!important}.schedule-content{flex-direction:column!important;align-items:center!important;gap:16px!important}.dashboard-right{border-radius:16px!important}.booking-page{height:auto!important;padding:12px 16px 0!important;overflow:visible!important}.booking-top-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.booking-filters{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.booking-filters::-webkit-scrollbar{display:none!important}.booking-filters button{flex-shrink:0!important;height:32px!important;padding:0 10px!important;font-size:11px!important}.booking-search{width:100%!important;margin:0!important}.booking-top-actions{gap:8px!important;width:100%!important;display:flex!important}.booking-top-actions button,.export-booking-btn,.add-booking-btn{flex:1!important;height:38px!important;font-size:12px!important}.booking-header{display:none!important}.booking-card{flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.booking-body{flex:none!important;height:auto!important;overflow:visible!important}.booking-row{border:1px solid var(--border-color)!important;background:var(--surface-bg)!important;border-radius:12px!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-height:auto!important;margin-bottom:10px!important;padding:14px!important;display:flex!important;position:relative!important}.booking-row>div{justify-content:space-between!important;align-items:center!important;width:100%!important;margin-left:0!important;font-size:13px!important;display:flex!important}.booking-patient{border-bottom:1px solid var(--border-color)!important;margin-bottom:4px!important;padding-bottom:8px!important;padding-right:36px!important}.booking-patient:before{content:"Patient"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.booking-date:before{content:"Date & Time"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.booking-type{margin-left:0!important}.booking-type:before{content:"Type"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.booking-amount:before{content:"Amount"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.booking-status:before{content:"Status"!important;color:var(--text-secondary)!important;margin-right:auto!important;font-size:11px!important;font-weight:600!important}.booking-status{background:0 0!important;border-radius:0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-left:0!important;padding:0!important;display:flex!important}.booking-status.confirmed,.booking-status.upcoming,.booking-status.pending,.booking-status.completed,.booking-status.cancelled{background:0 0!important}.booking-status span{border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:4px 12px!important;font-size:12px!important;font-weight:500!important;display:inline-flex!important}.booking-status.upcoming span{color:#1565c0!important;background:#e3f2fd!important}.booking-status.confirmed span{background:var(--accent-purple-light)!important;color:var(--accent-purple)!important}.booking-status.completed span{color:#2e7d32!important;background:#e8f5e9!important}.booking-status.cancelled span{color:#c62828!important;background:#ffebee!important}.booking-status.pending span{color:#d97706!important;background:#ffe8ad!important}.booking-row .booking-action-menu{z-index:10!important;width:auto!important;height:auto!important;display:block!important;position:absolute!important;top:10px!important;left:auto!important;right:12px!important}.booking-row .booking-action-menu:before{display:none!important}.booking-pagination{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:4px 0!important;display:flex!important}.pagination-btn{border-radius:3px!important;height:22px!important;padding:0 6px!important;font-size:9px!important}.pagination-pages{flex-wrap:wrap!important;justify-content:center!important;gap:2px!important;display:flex!important}.pagination-page-btn{border-radius:3px!important;width:22px!important;height:22px!important;font-size:9px!important}.date-range-filter{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;display:flex!important}.date-input-container{min-width:80px!important}.finance-page{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;padding:12px 0!important;display:flex!important;overflow:visible!important}.finance-top-grid{box-sizing:border-box!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;max-width:100%!important;display:grid!important}.finance-top-grid .generate-payment-btn{grid-column:span 2!important;width:100%!important;margin-top:4px!important}.finance-content-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.finance-left{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;overflow:visible!important}.finance-filter-row{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important}.finance-filter-tabs{scrollbar-width:none!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.finance-filter-tabs::-webkit-scrollbar{display:none!important}.finance-filter-tabs button{flex-shrink:0!important;font-size:11px!important}.finance-search-box{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.finance-table-top{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;padding:12px 14px!important}.finance-table-title h3{justify-content:space-between!important;align-items:center!important;width:100%!important;font-size:14px!important;display:flex!important}.finance-table-actions{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.finance-table-actions button{flex:1!important;justify-content:center!important;align-items:center!important;height:34px!important;padding:0 8px!important;font-size:11px!important;display:flex!important}.finance-filter-wrapper{border:1px solid var(--border-color)!important;background:var(--light-surface)!important;cursor:pointer!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:34px!important;display:flex!important;position:relative!important}.finance-filter-icon{color:var(--text-primary)!important;font-size:16px!important}.finance-filter-wrapper input[type=date]{opacity:0!important;cursor:pointer!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.finance-table-card{box-sizing:border-box!important;flex:none!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;overflow:visible!important}.finance-table{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.finance-table-header{display:none!important}.finance-table-body{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;padding-bottom:0!important;overflow:visible!important}.finance-table-row{border:1px solid var(--border-color)!important;background:var(--surface-bg)!important;box-sizing:border-box!important;border-radius:12px!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important;max-width:100%!important;height:auto!important;margin-bottom:8px!important;padding:12px!important;display:flex!important}.finance-table-row>span{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;width:100%!important;font-size:13px!important;display:flex!important}.finance-table-row>span:first-child:before{content:"Date"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.finance-table-row>span:nth-child(2):before{content:"Type"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.finance-table-row>span:nth-child(3):before{content:"Patient"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.finance-table-row>span:nth-child(4):before{content:"Service"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.finance-table-row>span:nth-child(5):before{content:"Amount"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.finance-table-row>span:nth-child(6):before{content:"Method"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.finance-table-row>span:nth-child(7):before{content:"Status"!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important}.finance-chart-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:260px!important;overflow:hidden!important}.finance-right{box-sizing:border-box!important;flex-direction:column!important;gap:16px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:auto!important;display:flex!important;overflow:visible!important}.finance-services-card{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:280px!important;padding:16px!important;display:flex!important;overflow:hidden!important}.finance-services-list{box-sizing:border-box!important;flex:1!important;width:100%!important;overflow-y:auto!important}.finance-pie-card{box-sizing:border-box!important;flex:none!important;width:100%!important;max-width:100%!important;height:auto!important;padding:16px!important;overflow:visible!important}.payment-summary-wrapper{box-sizing:border-box!important;flex-flow:wrap!important;justify-content:center!important;gap:16px!important;width:100%!important;height:auto!important;overflow:visible!important}.settings-layout{flex-direction:column!important;overflow:visible!important}.settings-top-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;margin-bottom:16px!important}.settings-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;min-width:0!important;padding-bottom:6px!important;display:flex!important;overflow-x:auto!important}.settings-tabs::-webkit-scrollbar{display:none!important}.settings-tabs button{white-space:nowrap!important;flex-shrink:0!important}.settings-save-btn{justify-content:center!important;width:100%!important;height:46px!important;margin:0!important}.settings-card{border-radius:16px!important;padding:14px 12px!important}.settings-option-card{padding:14px 16px!important}.timezone-select{width:100%!important;margin-top:8px!important}.vertical-pages .custom-page-card{grid-template-columns:1fr!important;height:auto!important;min-height:auto!important;padding:0!important}.vertical-pages .custom-page-preview{min-height:140px!important}.preview-content h3{font-size:15px!important}.preview-content p{font-size:12px!important;line-height:1.5!important}.vertical-pages .custom-page-actions{padding:12px!important}.preview-page-btn{width:100%!important;height:38px!important}.share-link-btn{width:100%!important;height:42px!important;margin:0!important;font-size:13px!important}.settings-content{height:auto!important;overflow:visible!important}.schedule-row{grid-template-columns:1fr!important;gap:12px!important}.time-slots-row{flex-wrap:wrap!important;gap:8px!important}.availability-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.subscription-top-grid{grid-template-columns:1fr!important;gap:16px!important;margin-top:0!important}.active-plan-card{margin-top:0!important}.services-table{overflow-x:visible!important}.services-table-header{display:none!important}.services-table-row{border:1px solid var(--border-color)!important;background:var(--surface-bg)!important;border-radius:12px!important;grid-template-columns:1fr 1fr!important;grid-template-areas:"info info""duration price""status actions"!important;gap:12px!important;width:100%!important;min-width:0!important;min-height:auto!important;margin-bottom:12px!important;padding:16px!important;display:grid!important}.service-main-info{grid-area:info!important}.service-duration{grid-area:duration!important;align-items:center!important;display:flex!important}.service-duration:before{content:"Duration: "!important;color:var(--text-secondary)!important;margin-right:4px!important;font-size:11px!important;font-weight:500!important}.service-price-box{grid-area:price!important;justify-content:flex-end!important;align-items:center!important;font-weight:700!important;display:flex!important}.service-price-box:before{content:"Price: "!important;color:var(--text-secondary)!important;margin-right:4px!important;font-size:11px!important;font-weight:500!important}.services-table-row>div:nth-child(4){grid-area:status!important;align-items:center!important;display:flex!important}.services-table-row>div:nth-child(4):before{content:"Status: "!important;color:var(--text-secondary)!important;margin-right:6px!important;font-size:11px!important;font-weight:500!important}.service-actions-box{grid-area:actions!important;justify-content:flex-end!important;gap:8px!important;display:flex!important}.doctor-profile-page{padding:12px 12px 90px!important}.doctor-profile-layout{flex-direction:column!important;gap:14px!important}.doctor-main-card{padding:16px!important}.doctor-profile-content{text-align:center!important;flex-direction:column!important;align-items:center!important;padding-bottom:50px!important;position:relative!important}.doctor-info-section{text-align:center!important}.doctor-info-section h1{font-size:22px!important}.doctor-socials{gap:10px!important;margin:0!important;display:flex!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important}.doctor-actions{background:var(--surface-bg)!important;z-index:1000!important;border-top:1px solid var(--border-color)!important;justify-content:space-between!important;gap:10px!important;padding:10px 14px!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 20px #00000014!important}.doctor-actions .view-profile-btn,.doctor-actions .book-btn{flex:1!important;justify-content:center!important;align-items:center!important;height:52px!important;margin:0!important;font-size:15px!important;font-weight:700!important;display:flex!important}.doctor-actions .doctor-socials{display:none!important}.doctor-right-section{width:100%!important}.clinic-info-grid{grid-template-columns:1fr!important;gap:10px!important}.user-booking-page{box-sizing:border-box!important;height:auto!important;min-height:100vh!important;padding:12px 12px 110px!important;overflow:hidden auto!important}.booking-layout{flex-direction:column!important;gap:14px!important;display:flex!important}.booking-left,.booking-right{width:100%!important;min-width:0!important}.booking-right{margin-top:0!important}.booking-left h1{text-align:center!important;margin-bottom:8px!important;font-size:22px!important}.booking-meta{justify-content:center!important;align-items:center!important;gap:12px!important;margin-top:8px!important;display:flex!important}.booking-price{justify-content:center!important;align-items:baseline!important;gap:10px!important;margin-top:10px!important;display:flex!important}.booking-doctor-card{text-align:center!important;background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:14px!important;flex-direction:column-reverse!important;align-items:center!important;gap:16px!important;padding:20px 16px!important;display:flex!important}.booking-doctor-image{border:3px solid var(--border-color)!important;background:0 0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:90px!important;height:90px!important;margin:0 auto!important;display:flex!important;overflow:hidden!important}.booking-doctor-image img{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.booking-doctor-left{width:100%!important;padding:0!important}.booking-doctor-left h2{color:var(--text-primary)!important;margin-bottom:6px!important;font-size:20px!important}.booking-doctor-left ul{color:var(--text-secondary)!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin-top:10px!important;padding:0!important;font-size:13px!important;list-style:none!important;display:flex!important}.booking-doctor-left ul li{text-align:center!important;color:var(--text-secondary)!important}.booking-doctor-left ul li p{color:var(--text-light)!important;margin-top:2px!important}.booking-description{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:14px!important;margin-top:16px!important;display:flex!important}.booking-description p{color:#fffc!important;max-width:100%!important;font-size:13px!important;line-height:1.5!important}.booking-description button{width:100%!important;max-width:280px!important;margin:0!important}.booking-title-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:18px!important;margin-bottom:8px!important;display:flex!important}.booking-section-title{margin-bottom:0!important;font-size:15px!important}div>.booking-section-title{margin-bottom:12px!important}.consult-mode-tabs{grid-template-columns:1fr 1fr!important;gap:8px!important;height:50px!important;padding:4px!important;display:grid!important}.consult-mode-tabs button{justify-content:center!important;width:100%!important;height:100%!important;font-size:13px!important}.booking-dates-grid{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:8px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.booking-dates-grid::-webkit-scrollbar{display:none!important}.booking-date-card{flex-shrink:0!important;width:80px!important;min-width:80px!important;margin:0!important;transform:none!important}.booking-date-card:hover,.active-booking-date{transform:none!important}.time-slot-tabs{grid-template-columns:1fr 1fr 1fr!important;gap:6px!important;height:auto!important;padding:4px!important;display:grid!important}.time-slot-tabs button{width:100%!important;padding:7px 4px!important;font-size:11px!important}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))!important;gap:7px!important}.time-slots-grid button{width:100%!important;height:40px!important;padding:0!important;font-size:12px!important}.booking-footer{background:var(--surface-bg)!important;z-index:1000!important;border-top:1px solid var(--border-color)!important;flex-direction:column!important;gap:8px!important;padding:12px 14px!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 20px #0000001f!important}.booking-timezone{color:var(--text-secondary)!important;text-align:center!important;justify-content:center!important;align-items:center!important;gap:6px!important;font-size:11px!important;display:flex!important}.confirm-btn{width:100%!important;height:48px!important;margin:0!important}.patient-page{padding:12px 12px 20px!important}.patient-layout{flex-direction:column!important;gap:14px!important;display:flex!important}.patient-left,.patient-right{display:contents!important}.patient-page-title{order:1!important;margin-bottom:4px!important;font-size:18px!important}.user-appointment-card{order:2!important;width:100%!important;height:auto!important;margin-bottom:0!important;padding:14px!important}.appointment-content{grid-template-columns:74px 1fr!important;gap:12px!important;margin-top:12px!important;display:grid!important}.appointment-image{border-radius:6px!important;width:74px!important;height:74px!important}.appointment-info h2{font-size:15px!important}.appointment-info h3{margin-top:2px!important;font-size:11px!important}.appointment-details-row{flex-wrap:wrap!important;gap:6px 10px!important;margin-top:6px!important;display:flex!important}.appointment-details-row span,.appointment-details-row p{font-size:11px!important}.appointment-right{border-top:1px dashed var(--border-color)!important;flex-direction:row!important;grid-column:span 2!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:auto!important;margin-top:4px!important;padding-top:10px!important;padding-right:0!important}.pay-service-summary{order:4!important;width:100%!important;margin-bottom:0!important}.charges-card{order:5!important;width:100%!important;margin-bottom:0!important}.patient-form-card{order:3!important;width:100%!important;margin-bottom:0!important;padding:14px!important}.patient-form-grid{grid-template-columns:1fr!important;gap:10px!important}.patient-form-grid .full-width,.full-width{grid-column:span 1!important}.patient-form-grid .patient-input-box{grid-column:auto!important;width:100%!important}.gender-tabs{flex-direction:row!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important;display:grid!important}.gender-tabs button{flex:1!important;font-size:11px!important}.patient-form-card .submit-btn{width:100%!important;height:46px!important}.profile-popup-card{width:calc(100vw - 32px)!important;max-width:420px!important;max-height:85vh!important;overflow-y:auto!important}.guide-popup-card{width:calc(100vw - 32px)!important;max-width:420px!important;max-height:80vh!important;overflow-y:auto!important}.doctor-settings-popup{flex-direction:column!important;width:calc(100vw - 32px)!important;max-width:460px!important;height:auto!important;max-height:90vh!important;overflow-y:auto!important}.doctor-settings-left{border-right:none!important;border-bottom:1px solid var(--border-color)!important;width:100%!important;min-width:100%!important;padding:16px!important}.doctor-banner-preview{height:110px!important}.doctor-settings-grid{grid-template-columns:1fr!important;gap:10px!important}.social-link-row{grid-template-columns:1fr!important;gap:8px!important}.doctor-settings-actions{flex-direction:column!important;gap:10px!important}.saved-profile-btn{width:100%!important;max-width:100%!important}.thankyou-page{padding:16px!important}.thankyou-card{padding:24px 16px!important}.thankyou-details{grid-template-columns:1fr!important;gap:8px!important}.thankyou-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.crm-page-v2{padding:0!important}.crm-preview-card{border-radius:16px!important;padding:16px 12px!important}.crm-preview-header{margin-bottom:16px!important}.crm-preview-title{margin-bottom:8px!important;font-size:17px!important;line-height:1.4!important}.crm-preview-desc{font-size:12px!important;line-height:1.5!important}.crm-image-wrapper{border-radius:12px!important;flex-direction:column!important;display:flex!important;position:static!important;overflow:visible!important}.crm-image{filter:blur(2px)!important;border-radius:12px!important;width:100%!important;height:auto!important}.crm-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;width:100%!important;margin-top:14px!important;padding:0!important;display:block!important;position:static!important}.crm-coming-soon-box{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;width:100%!important;max-width:100%!important;padding:20px 16px!important;box-shadow:0 4px 15px #00000008!important}.crm-coming-soon-title{color:var(--accent-purple)!important;margin-bottom:8px!important;font-size:22px!important;font-weight:800!important}.crm-coming-soon-text{color:var(--text-secondary)!important;font-size:13px!important;line-height:1.6!important}}@media (width<=1200px){.druser-booking-page{box-sizing:border-box!important;height:auto!important;min-height:100vh!important;padding:12px!important;overflow:hidden auto!important}.cvb-layout{box-sizing:border-box!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;width:100%!important;max-width:100%!important;margin:15px 0!important;padding:0!important}.cvb-patient-card,.cvb-schedule-card,.pg-service-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}.booking-page-title{margin-top:10px!important;margin-bottom:10px!important}.cvb-patient-card{margin-top:0!important;padding:24px 16px!important}.cvb-schedule-card{margin-top:0!important;padding:16px!important}.cvb-row{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.cvb-payment-card{flex-direction:column!important;align-items:stretch!important;gap:12px!important;min-width:0!important;padding:14px!important}.clinic-payment-left{border-right:none!important;border-bottom:1px solid var(--border-color)!important;text-align:center!important;padding-bottom:12px!important}.clinic-payment-right{align-items:stretch!important;width:100%!important;padding-left:0!important}.clinic-payment-method-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;margin-bottom:10px!important;display:flex!important}.clinic-payment-method-btn{width:auto!important;min-width:0!important;height:32px!important;padding:0 40px!important}.clinic-payment-link-btn{width:100%!important;min-width:0!important}.cvb-footer{display:none!important}.pg-card-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.pg-card-header h2{text-align:left!important;font-size:24px!important}.pg-card-header input{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.pg-service-list{grid-template-columns:1fr!important;min-height:auto!important;max-height:none!important}.share-popup-card{box-sizing:border-box!important;width:calc(100vw - 32px)!important;max-width:420px!important;max-height:90vh!important;overflow-y:auto!important}.user-booking-page{box-sizing:border-box!important;height:auto!important;min-height:100vh!important;padding:12px!important;overflow:hidden auto!important}.booking-layout{box-sizing:border-box!important;flex-direction:column!important;gap:15px!important;width:100%!important;max-width:100%!important;display:flex!important}.booking-left,.booking-right{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.booking-right{margin-top:0!important}}.reset-page-wrapper{background:var(--page-bg)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:20px!important;display:flex!important;position:relative!important}.reset-logo{object-fit:contain!important;width:180px!important;height:auto!important;margin-bottom:24px!important}.reset-card-container{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;border-radius:18px!important;padding:28px!important;box-shadow:0 10px 45px #0000000d!important}.reset-title{color:var(--text-primary)!important}.reset-subtitle{color:var(--text-secondary)!important}.reset-input-group label{color:var(--text-primary)!important}.reset-input-wrapper input{background:var(--surface-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:12px!important}.reset-input-wrapper input:focus{background:var(--surface-bg)!important;border-color:var(--accent-purple)!important;box-shadow:0 0 8px #7c4dff33!important}.reset-input-wrapper input::placeholder{color:var(--text-light)!important}.reset-eye-icon{color:var(--text-secondary)!important}.reset-eye-icon:hover{color:var(--text-primary)!important}.reset-submit-btn{background:var(--accent-purple)!important;color:#fff!important;border:none!important;border-radius:12px!important;transition:all .2s!important;box-shadow:0 4px 12px #7c4dff4d!important}.reset-submit-btn:hover{background:var(--accent-purple-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #7c4dff66!important}.reset-submit-btn:disabled{background:var(--text-light)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}