@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Nunito+Sans:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--deep:#0a3628;--forest:#145c40;--emerald:#1a7a52;--sage:#4aab7a;--mint:#a8e6c8;--cream:#fdf6f0;--warm:#fef0e4;--gold:#c49a4a;--gold2:#e8b86d;--rose2:#c97070;--dark:#0d1f19;--mid:#1e3a2f;--text:#1a2e26;--muted:#4a6558;--light:#8aab98;--sidebar-w:260px;--sidebar-w-col:72px;--topbar-h:64px;--bottom-nav-h:64px;--transition:.28s cubic-bezier(.4,0,.2,1)}.layout{background:linear-gradient(160deg,var(--cream)0%,#f0f8f4 100%);min-height:100vh;color:var(--text);font-family:Nunito Sans,sans-serif;display:flex}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,var(--deep)0%,#0e3d28 60%,var(--forest)100%);min-height:100vh;transition:width var(--transition),transform var(--transition);z-index:200;border-right:1px solid #ffffff0f;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;box-shadow:4px 0 40px #00000040}.layout.collapsed .sidebar{width:var(--sidebar-w-col)}.sidebar:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.sidebar:after{content:"";background:linear-gradient(90deg,var(--gold),var(--gold2),var(--sage));height:3px;position:absolute;top:0;left:0;right:0}.sidebar-close{color:#fff;cursor:pointer;z-index:10;width:34px;height:34px;transition:background var(--transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:none;position:absolute;top:16px;right:16px}.sidebar-close:hover{background:#fff3}.sidebar-logo{z-index:1;cursor:pointer;flex-shrink:0;align-items:center;gap:13px;min-height:80px;padding:26px 20px 22px;transition:opacity .2s;display:flex;position:relative}.sidebar-logo:hover{opacity:.85}.logo-mark{background:linear-gradient(135deg,var(--forest),var(--emerald));color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex;box-shadow:0 6px 20px #0000004d,inset 0 1px #fff3}.logo-text-block{flex-direction:column;display:flex;overflow:hidden}.logo-name{color:#fff;white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700;line-height:1.2}.logo-sub{color:#fff6;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;margin-top:3px;font-size:10px}.sidebar-divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);flex-shrink:0;height:1px;margin:0 16px}.sidebar-nav{z-index:1;flex-direction:column;flex-shrink:0;gap:4px;padding:16px 12px;display:flex;position:relative}.nav-item{color:#0fc7538c;white-space:nowrap;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:#ffffffe6;background:#ffffff12}.nav-item.active{color:#fff;background:linear-gradient(135deg,#4aab7a33,#145c404d);border:1px solid #4aab7a40;box-shadow:inset 0 1px #ffffff0f,0 4px 12px #00000026}.nav-item.active:before{content:"";background:linear-gradient(180deg,var(--gold2),var(--gold));border-radius:0 3px 3px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0;box-shadow:0 0 8px #c49a4a80}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:16px;display:flex}.nav-label{flex:1}.nav-arrow{opacity:0;font-size:10px;transition:all .2s;transform:translate(-4px)}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:.5;transform:none}.sidebar-quicklinks{z-index:1;flex-direction:column;flex-shrink:0;gap:4px;padding:12px 12px 8px;display:flex;position:relative}.sql-item{color:#ffffff73;white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sql-item:hover{color:#ffffffbf;background:#ffffff0f}.sql-logout:hover{color:#f4b0b0;background:#c970701f}.sql-icon{flex-shrink:0;font-size:13px}.sidebar-footer{z-index:1;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 12px 24px;display:flex;position:relative}.sidebar-user{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.su-avatar{background:linear-gradient(135deg,var(--sage),var(--forest));color:#fff;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 3px 10px #00000040}.su-avatar-img{object-fit:cover;width:100%;height:100%}.su-info{flex:1;min-width:0;overflow:hidden}.su-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.su-role{color:#fff6;text-transform:capitalize;align-items:center;gap:5px;margin-top:3px;font-size:11px;display:flex}.su-role svg{font-size:10px}.logout-btn{color:#f9b4b4cc;cursor:pointer;white-space:nowrap;background:#c970701a;border:1px solid #c9707033;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 14px;font-family:Nunito Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:flex}.logout-btn:hover{color:#f4b0b0;background:#c9707033;border-color:#c9707059}.sidebar-backdrop{display:none}.layout-main{margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left var(--transition);flex-direction:column;flex:1;display:flex}.layout.collapsed .layout-main{margin-left:var(--sidebar-w-col)}.topbar{z-index:100;height:var(--topbar-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fdf6f0eb;border-bottom:1px solid #c49a4a26;justify-content:space-between;align-items:center;gap:20px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 2px 24px #0a362812}.topbar-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.topbar-toggle{width:40px;height:40px;color:var(--forest);cursor:pointer;background:#145c400f;border:1px solid #145c401a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.topbar-toggle:hover{background:#145c401a;border-color:#145c4033}.topbar-title{color:var(--deep);font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700}.topbar-center{background:#145c400a;border:1px solid #145c401a;border-radius:50px;align-items:center;gap:6px;padding:5px 6px 5px 14px;display:flex}.tb-link{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:50px;padding:5px 10px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.tb-link:hover{color:var(--forest);background:#145c400f}.tb-divider{background:#145c4026;width:1px;height:18px}.tb-link-logout{background:linear-gradient(135deg,var(--forest),var(--emerald));padding:6px 16px;box-shadow:0 3px 10px #145c404d,inset 0 1px #ffffff26;color:#fff!important}.tb-link-logout:hover{box-shadow:0 6px 18px #145c4066;background:linear-gradient(135deg,var(--emerald),var(--forest))!important;color:#fff!important}.topbar-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.topbar-user{cursor:pointer;background:#145c400a;border:1px solid #145c401a;border-radius:50px;align-items:center;gap:10px;padding:5px 16px 5px 5px;transition:background .2s;display:flex}.topbar-user:hover{background:#145c4014}.topbar-avatar{background:linear-gradient(135deg,var(--sage),var(--forest));color:#fff;border:2px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Cormorant Garamond,serif;font-size:15px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 3px 10px #145c404d}.topbar-avatar-img{object-fit:cover;width:100%;height:100%}.topbar-info{flex-direction:column;display:flex}.topbar-name{color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.topbar-role{letter-spacing:.8px;text-transform:uppercase;border-radius:10px;width:fit-content;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:700}.role-user{color:var(--forest);background:#145c4014}.role-doctor{color:var(--gold);background:#c49a4a1f}.role-admin{color:var(--rose2);background:#c970701a}.page-content{flex:1;padding:36px 40px;overflow-y:auto}.fade-in{animation:.45s cubic-bezier(.22,1,.36,1) both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{display:none}@media (max-width:900px){.sidebar,.layout.collapsed .sidebar{width:var(--sidebar-w-col)}.layout-main,.layout.collapsed .layout-main{margin-left:var(--sidebar-w-col)}.topbar-center{display:none}.page-content{padding:24px 20px}.topbar{padding:0 20px}}@media (max-width:768px){.sidebar{z-index:300;overflow-y:auto;transform:translate(-100%);width:var(--sidebar-w)!important}.layout.mobile-open .sidebar{transform:translate(0)}.sidebar-close{display:flex}.sidebar-backdrop{z-index:299;pointer-events:none;transition:background var(--transition);background:0 0;display:block;position:fixed;inset:0}.layout.mobile-open .sidebar-backdrop{pointer-events:all;background:#0000008c}.layout-main,.layout.collapsed .layout-main{margin-left:0!important}.topbar{gap:10px;padding:0 14px}.topbar-center,.topbar-info{display:none}.topbar-title{font-size:16px}.page-content{padding:16px 14px calc(var(--bottom-nav-h) + 16px)}.bottom-nav{height:var(--bottom-nav-h);z-index:150;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #c49a4a40;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0a36281a}.bnav-item{color:var(--muted);transition:color var(--transition);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;text-decoration:none;display:flex;position:relative}.bnav-item.active{color:var(--forest)}.bnav-item.active:after{content:"";background:linear-gradient(90deg,var(--gold),var(--forest));border-radius:0 0 3px 3px;height:2px;position:absolute;top:0;left:20%;right:20%}.bnav-icon{font-size:20px;line-height:1}.bnav-label{letter-spacing:.2px;font-size:10px;font-weight:700}}@media (max-width:400px){.page-content{padding:12px 10px calc(var(--bottom-nav-h) + 12px)}.topbar{padding:0 10px}.topbar-toggle{width:36px;height:36px;font-size:14px}.bnav-icon{font-size:18px}.bnav-label{font-size:9px}}.auth-page{background:var(--bg);align-items:stretch;min-height:100vh;display:flex}.auth-brand{background:linear-gradient(145deg,#0f172a 0%,#1e3a5f 55%,#0e6690 100%);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;width:420px;padding:48px 44px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";background:#3b82f61a;border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-120px}.auth-brand:after{content:"";background:#0891b214;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-90px;left:-70px}.brand-logo{z-index:1;align-items:center;gap:13px;margin-bottom:52px;display:flex;position:relative}.brand-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#0891b2);border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;display:flex;box-shadow:0 8px 24px #3b82f666}.brand-name{color:#fff;letter-spacing:-.4px;font-size:24px;font-weight:800}.brand-body{z-index:1;position:relative}.brand-body h2{color:#fff;margin-bottom:14px;font-size:30px;font-weight:800;line-height:1.25}.brand-body p{color:#ffffff8c;max-width:300px;font-size:14.5px;line-height:1.75}.brand-features{z-index:1;flex-direction:column;gap:12px;width:100%;margin-top:38px;display:flex;position:relative}.brand-feature{background:#ffffff0f;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:13px;padding:11px 15px;display:flex}.brand-feature-icon{color:#93c5fd;background:#3b82f638;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.brand-feature-text strong{color:#e2e8f0;font-size:12.5px;font-weight:600;line-height:1.3;display:block}.brand-feature-text span{color:#fff6;font-size:11px}.auth-form-panel{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;overflow-y:auto}.auth-box{width:100%;max-width:440px;animation:.35s fadeIn}.auth-box-header{margin-bottom:28px}.auth-box-header h1{color:var(--text-primary);margin-bottom:5px;font-size:26px;font-weight:800}.auth-box-header p{color:var(--text-muted);font-size:14px}.auth-msg{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:9px;margin-bottom:16px;padding:11px 15px;font-size:13.5px;display:flex}.auth-msg.success{background:var(--success-light);color:var(--success);border-color:var(--success-border)}.auth-msg.error{background:var(--danger-light);color:var(--danger);border-color:var(--danger-border)}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-input-wrap{position:relative}.form-input-wrap input{padding-left:40px}.form-input-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.pw-bar{background:var(--border);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.pw-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.pw-text{margin-top:3px;font-size:11px;font-weight:500}.auth-submit-btn{background:linear-gradient(135deg,var(--primary)0%,var(--teal)100%);color:#fff;border-radius:var(--radius);cursor:pointer;width:100%;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:15px;font-weight:600;display:flex}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #2563eb66}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-submit-btn .spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.auth-footer-link{text-align:center;color:var(--text-muted);margin-top:18px;font-size:13.5px}.auth-footer-link a{color:var(--primary);font-weight:600}.auth-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.auth-divider span{color:var(--text-muted);white-space:nowrap;font-size:12px}.google-btn{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition);font-size:14px;font-weight:500;font-family:var(--font);background:#fff;justify-content:center;align-items:center;gap:10px;padding:11px;display:flex}.google-btn:hover{background:#f8f9ff;border-color:#4285f4;transform:translateY(-1px)}.google-icon{width:18px;height:18px}.auth-simple-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-simple-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;background:#fff;width:100%;max-width:440px;padding:44px 40px;animation:.35s fadeIn}.auth-simple-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:28px;display:flex}.auth-simple-icon.success{background:var(--success-light);color:var(--success)}.auth-simple-icon.error{background:var(--danger-light);color:var(--danger)}.auth-simple-icon.pending{background:var(--warning-light);color:var(--warning)}.auth-simple-icon.info{background:var(--primary-light);color:var(--primary)}.auth-simple-card h2{color:var(--text-primary);margin-bottom:10px;font-size:22px;font-weight:700}.auth-simple-card p{color:var(--text-muted);margin-bottom:8px;font-size:14px;line-height:1.7}.auth-simple-card .auth-submit-btn{margin-top:20px}.loading-ring{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:56px;height:56px;margin:0 auto 20px;animation:.9s linear infinite spin}@media (max-width:900px){.auth-brand{display:none}}@media (max-width:480px){.auth-box{max-width:100%}.form-row{grid-template-columns:1fr}.auth-simple-card{padding:32px 24px}}:root{--deep:#0a3628;--forest:#145c40;--emerald:#1a7a52;--sage:#4aab7a;--mint:#a8e6c8;--cream:#fdf6f0;--warm:#fef0e4;--gold:#c49a4a;--gold2:#e8b86d;--blush:#f7ddd8;--rose2:#c97070;--dark:#0d1f19;--text:#1a2e26;--muted:#4a6558;--light:#8aab98}.auth-container{background:var(--cream);min-height:100vh;font-family:Nunito Sans,sans-serif;display:flex}.auth-panel-left{background:linear-gradient(160deg,var(--deep)0%,#0e3d28 50%,var(--forest)100%);justify-content:center;align-items:center;width:46%;padding:60px 52px;display:flex;position:relative;overflow:hidden}.apl-orb{pointer-events:none;border-radius:50%;position:absolute}.apl-orb1{background:radial-gradient(circle,#4aab7a1f,#0000 65%);width:500px;height:500px;top:-150px;right:-150px}.apl-orb2{background:radial-gradient(circle,#c49a4a1a,#0000 65%);width:380px;height:380px;bottom:-100px;left:-80px}.apl-grid-dots{pointer-events:none;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.apl-inner{z-index:1;flex-direction:column;gap:48px;width:100%;max-width:420px;animation:.8s cubic-bezier(.22,1,.36,1) both fadeSlideIn;display:flex;position:relative}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.apl-logo{align-items:center;gap:14px;display:flex}.apl-logo-mark{background:linear-gradient(135deg,var(--forest),var(--emerald));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex;box-shadow:0 6px 20px #0a362880,inset 0 1px #fff3}.apl-logo-name{color:#fff;font-family:Cormorant Garamond,serif;font-size:19px;font-weight:700;line-height:1.2}.apl-logo-sub{color:#ffffff80;letter-spacing:.8px;margin-top:3px;font-size:11px}.apl-h2{color:#fff;margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:clamp(38px,4vw,54px);font-weight:700;line-height:1.1}.apl-h2 em{color:var(--mint);font-style:italic}.apl-p{color:#ffffff8c;max-width:340px;font-size:15px;line-height:1.8}.apl-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:24px 28px;box-shadow:inset 0 1px #ffffff14,0 20px 50px #0003}.apl-stat-row{align-items:center;gap:0;display:flex}.apl-stat{text-align:center;flex:1}.apl-stat-divider{background:#ffffff1f;flex-shrink:0;width:1px;height:40px}.apl-stat-num{background:linear-gradient(135deg,var(--gold2),var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1}.apl-stat-lbl{color:#ffffff73;letter-spacing:.5px;margin-top:6px;font-size:11px}.apl-live-pill{color:var(--mint);background:#4aab7a26;border:1px solid #4aab7a4d;border-radius:50px;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.apl-live-dot{background:#4aab7a;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.apl-trust{flex-direction:column;gap:12px;display:flex}.apl-trust-item{color:#fff9;align-items:center;gap:10px;font-size:13px;display:flex}.apl-check{background:linear-gradient(135deg,var(--sage),var(--emerald));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;box-shadow:0 3px 8px #145c4059}.auth-panel-right{background:linear-gradient(160deg,var(--cream)0%,var(--warm)100%);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.auth-panel-right:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#145c400a 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.auth-card{z-index:1;background:#fff;border:1px solid #145c400f;border-radius:28px;width:100%;max-width:440px;padding:44px 48px;animation:.7s cubic-bezier(.22,1,.36,1) .1s both cardIn;position:relative;box-shadow:0 30px 80px #0a36281f,inset 0 2px #fffffff2,inset 0 -1px #0000000a}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:none}}.auth-card-top{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.act-logo-mark{background:linear-gradient(135deg,var(--forest),var(--emerald));border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;box-shadow:0 4px 14px #145c4059,inset 0 1px #fff3}.act-back{color:var(--light);font-size:13px;text-decoration:none;transition:color .2s}.act-back:hover{color:var(--forest)}.auth-logo{margin-bottom:32px}.auth-logo h1{color:var(--deep);margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:34px;font-weight:700;line-height:1.15}.auth-logo p{color:var(--muted);font-size:14px;line-height:1.6}.auth-message{border-radius:14px;align-items:center;gap:10px;margin-bottom:24px;padding:13px 18px;font-size:13px;font-weight:600;animation:.3s both msgIn;display:flex}@keyframes msgIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.auth-message.success{color:var(--forest);background:linear-gradient(135deg,#145c4012,#4aab7a1a);border:1px solid #145c4026}.auth-message.error{color:var(--rose2);background:linear-gradient(135deg,#c9707014,#f7ddd880);border:1px solid #c9707033}.msg-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.auth-message.success .msg-icon{color:var(--forest);background:#145c401f}.auth-message.error .msg-icon{color:var(--rose2);background:#c9707026}.auth-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.form-group label svg{color:var(--sage);font-size:11px}.input-wrapper{position:relative}.form-group input{width:100%;color:var(--text);background:linear-gradient(135deg,#fdf6f0cc,#fff);border:1.5px solid #145c401f;border-radius:14px;outline:none;padding:13px 18px;font-family:Nunito Sans,sans-serif;font-size:15px;transition:all .25s;box-shadow:inset 0 2px 6px #0a36280a,0 1px #ffffffe6}.form-group input::placeholder{color:var(--light)}.form-group input:focus{border-color:var(--sage);background:#fff;box-shadow:0 0 0 4px #4aab7a1f,inset 0 2px 6px #0a36280a,0 1px #ffffffe6}.form-group input:disabled{opacity:.6;cursor:not-allowed}.password-input input{padding-right:48px}.password-toggle{cursor:pointer;color:var(--light);background:0 0;border:none;align-items:center;padding:4px;font-size:15px;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:var(--forest)}.form-forgot{justify-content:flex-end;margin-top:6px;display:flex}.form-forgot a{color:var(--muted);font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.form-forgot a:hover{color:var(--forest)}.auth-btn{background:linear-gradient(135deg,var(--forest)0%,var(--emerald)100%);color:#fff;letter-spacing:.3px;cursor:pointer;border:none;border-radius:60px;width:100%;margin-top:6px;padding:15px;font-family:Nunito Sans,sans-serif;font-size:15px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 28px #145c4061,inset 0 1px #ffffff2e,inset 0 -2px #00000014}.auth-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000);position:absolute;inset:0}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 40px #145c4075,inset 0 1px #ffffff2e,inset 0 -2px #00000014}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-btn-loading{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{color:var(--light);letter-spacing:.5px;text-transform:lowercase;align-items:center;gap:14px;margin:28px 0 22px;font-size:12px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg,#0000,#145c401f,#0000);flex:1;height:1px}.google-login-wrapper{justify-content:center;width:100%;display:flex}.google-login-wrapper>div{transition:box-shadow .25s,transform .25s;overflow:hidden;border:1.5px solid #145c401a!important;border-radius:14px!important;width:100%!important;box-shadow:0 2px 8px #0a362814!important}.google-login-wrapper>div:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0a362824!important}.auth-links{text-align:center;margin-top:28px}.auth-link{color:var(--muted);font-size:14px}.auth-link a{color:var(--forest);border-bottom:1px solid #145c4040;padding-bottom:1px;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s}.auth-link a:hover{color:var(--emerald);border-color:var(--emerald)}@media (max-width:860px){.auth-panel-left{display:none}.auth-panel-right{padding:24px 20px}.auth-card{border-radius:22px;padding:36px 28px}}@media (max-width:480px){.auth-card{padding:28px 20px}.auth-logo h1{font-size:28px}}.dashboard{flex-direction:column;gap:28px;animation:.3s fadeIn;display:flex}.welcome-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#145c40 0% 60%,#145c40 100%);justify-content:space-between;align-items:center;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #145c40}.welcome-banner:before{content:"";background:#3b82f61a;border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-80px}.welcome-banner:after{content:"";background:#0891b214;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:220px}.welcome-text{z-index:1;position:relative}.welcome-greeting{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:12px;font-weight:600}.welcome-name{color:#fff;margin-bottom:8px;font-size:30px;font-weight:800}.welcome-subtitle{color:#ffffff80;max-width:380px;font-size:14px;line-height:1.6}.welcome-badge{z-index:1;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.welcome-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#0891b2);border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:26px;font-weight:800;display:flex;box-shadow:0 8px 24px #0000004d}.welcome-role{border-radius:var(--radius-full);text-transform:capitalize;border:1px solid #fff3;padding:4px 14px;font-size:12px;font-weight:600}.welcome-role.role-user{color:#93c5fd;background:#2563eb4d}.welcome-role.role-doctor{color:#67e8f9;background:#0891b24d}.welcome-role.role-admin{color:#c4b5fd;background:#7c3aed4d}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:16px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition);cursor:default;align-items:center;gap:16px;padding:20px 22px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.stat-icon.blue{background:var(--primary-light);color:var(--primary)}.stat-icon.green{background:var(--success-light);color:var(--success)}.stat-icon.purple{background:var(--purple-light);color:var(--purple)}.stat-icon.orange{background:var(--warning-light);color:var(--warning)}.stat-value{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);margin-top:3px;font-size:12.5px}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{color:var(--text-primary);font-size:17px;font-weight:700}.section-btn{color:var(--primary);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:13px;font-weight:600}.section-btn:hover{color:var(--primary-dark)}.actions-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;display:grid}.action-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);flex-direction:column;gap:10px;padding:22px 18px;display:flex}.action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.action-card:hover .action-icon{background:var(--primary);color:#fff}.action-icon{border-radius:var(--radius);background:var(--primary-light);width:44px;height:44px;color:var(--primary);transition:all var(--transition);justify-content:center;align-items:center;font-size:18px;display:flex}.action-title{color:var(--text-primary);font-size:14px;font-weight:700}.action-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.appt-list{flex-direction:column;gap:12px;display:flex}.appt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:16px 20px;display:flex}.appt-date{text-align:center;background:var(--primary-light);border-radius:var(--radius);border:1px solid var(--primary-border);flex-shrink:0;width:48px;padding:8px 4px}.appt-date .day{color:var(--primary);font-size:22px;font-weight:800;line-height:1}.appt-date .month{color:var(--primary);text-transform:uppercase;font-size:10px;font-weight:600}.appt-info{flex:1;min-width:0}.appt-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.appt-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.appt-meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:12.5px;display:flex}.appt-status{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.status-dot{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-dot.confirmed{background:var(--success-light);color:var(--success)}.status-dot.pending{background:var(--warning-light);color:var(--warning)}.status-dot.completed{background:var(--primary-light);color:var(--primary)}.status-dot.cancelled{background:var(--danger-light);color:var(--danger)}.btn-msg{border-radius:var(--radius);background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);cursor:pointer;transition:all var(--transition);align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;display:flex}.btn-msg:hover{background:var(--primary);color:#fff}.empty-state{text-align:center;background:var(--bg-card);border-radius:var(--radius-md);border:1.5px dashed var(--border);padding:40px 24px}.empty-icon{margin-bottom:14px;font-size:40px}.empty-state h3{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}.empty-state p{color:var(--text-muted);margin-bottom:18px;font-size:13.5px}.btn-book-first{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;align-items:center;gap:7px;padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex}.btn-book-first:hover{background:var(--primary-dark);transform:translateY(-1px)}.activity-list{flex-direction:column;gap:10px;display:flex}.activity-item{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);align-items:flex-start;gap:12px;padding:13px 16px;font-size:13.5px;display:flex}.activity-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-text{color:var(--text-secondary);flex:1;line-height:1.5}.activity-badge{border-radius:var(--radius-full);text-transform:capitalize;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:600}.activity-badge.completed{background:var(--success-light);color:var(--success)}.activity-badge.confirmed{background:var(--primary-light);color:var(--primary)}.activity-badge.pending{background:var(--warning-light);color:var(--warning)}.activity-badge.cancelled{background:var(--danger-light);color:var(--danger)}.features-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:14px;padding:18px;display:flex}.feature-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.feature-card:first-child .feature-icon{background:var(--primary-light);color:var(--primary)}.feature-card:nth-child(2) .feature-icon{background:var(--teal-light);color:var(--teal)}.feature-card:nth-child(3) .feature-icon{background:var(--warning-light);color:var(--warning)}.feature-card:nth-child(4) .feature-icon{background:var(--purple-light);color:var(--purple)}.feature-card h4{color:var(--text-primary);margin-bottom:3px;font-size:14px;font-weight:700}.feature-card p{color:var(--text-muted);font-size:12.5px;line-height:1.5}.dashboard-loading{min-height:300px;color:var(--text-muted);justify-content:center;align-items:center;gap:12px;display:flex}.dashboard-loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@media (max-width:768px){.welcome-banner{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}.vc-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.vc-overlay.vc-expanded .vc-container{border-radius:0;width:100%;max-width:100%;height:100%}.vc-container{background:#0d0d1a;border-radius:20px;flex-direction:column;width:90%;max-width:1100px;height:78vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.vc-header{background:#ffffff0d;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.vc-peer{color:#fff;font-size:16px;font-weight:700}.vc-status-txt{color:#ffffff80;margin-top:2px;font-size:12px}.vc-header-right{align-items:center;gap:12px;display:flex}.vc-timer{color:#4ade80;letter-spacing:1px;font-size:14px;font-weight:600}.vc-icon-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.vc-icon-btn:hover{background:#fff3}.vc-grid{background:#000;flex:1;position:relative;overflow:hidden}.vc-remote{background:#0a0a14;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vc-remote-video{object-fit:cover;width:100%;height:100%;display:block}.vc-waiting{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.vc-wait-emoji{font-size:52px}.vc-wait-msg{color:#ffffffb3;font-size:15px}.vc-wait-msg.vc-error{color:#f87171}.vc-pulse{pointer-events:none;background:#2563eb40;border-radius:50%;width:90px;height:90px;animation:1.6s infinite vcPulse;position:absolute}@keyframes vcPulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.vc-retry-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}.vc-local{cursor:pointer;border:2px solid #ffffff4d;border-radius:12px;width:180px;height:134px;transition:transform .2s;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 6px 24px #00000080}.vc-local:hover{transform:scale(1.04)}.vc-local-video{object-fit:cover;width:100%;height:100%;display:block}.vc-local-ph{color:#fff;background:linear-gradient(135deg,#1e3a5f,#0e4d6e);justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:700;display:flex}.vc-local-badges{gap:4px;font-size:12px;display:flex;position:absolute;bottom:6px;left:6px}.vc-controls{background:#ffffff0a;border-top:1px solid #ffffff12;flex-shrink:0;justify-content:center;align-items:center;gap:16px;height:80px;display:flex}.vc-ctrl{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;transition:all .2s;display:flex}.vc-ctrl:hover{background:#ffffff38;transform:scale(1.1)}.vc-ctrl.on{background:#ef4444}.vc-ctrl.on:hover{background:#dc2626}.vc-ctrl.vc-end{background:#ef4444;width:60px;height:60px;font-size:22px}.vc-ctrl.vc-end:hover{background:#dc2626;transform:scale(1.06)}@media (max-width:640px){.vc-container{border-radius:0;width:100%;height:100%}.vc-local{width:110px;height:82px;bottom:10px;right:10px}}.chat-wrap{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);height:calc(100vh - 120px);box-shadow:var(--shadow-sm);animation:.3s fadeIn;display:flex;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border);background:var(--bg-card);flex-direction:column;flex-shrink:0;width:280px;display:flex}.chat-sidebar-header{border-bottom:1px solid var(--border);padding:18px 16px 12px}.chat-sidebar-title{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:700}.chat-sidebar-sub{color:var(--text-muted);font-size:12px}.chat-user-list{flex:1;padding:6px;overflow-y:auto}.chat-user-item{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);align-items:center;gap:11px;padding:10px 11px;display:flex}.chat-user-item:hover{background:var(--bg)}.chat-user-item.active{background:var(--primary-light)}.chat-avatar{background:linear-gradient(135deg,var(--primary),var(--teal));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex;position:relative}.chat-avatar.lg{width:44px;height:44px;font-size:17px}.online-ring{background:var(--success);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.chat-user-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.chat-user-role{color:var(--text-muted);text-transform:capitalize;align-items:center;gap:4px;font-size:11.5px;display:flex}.chat-user-item.active .chat-user-name{color:var(--primary)}.no-users-state{text-align:center;padding:32px 16px}.no-users-state .icon{margin-bottom:12px;font-size:36px}.no-users-state p{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600}.no-users-state small{color:var(--text-muted);margin-bottom:14px;font-size:12px;display:block}.btn-book-now{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-book-now:hover{background:var(--primary-dark)}.chat-main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 1px 4px #0000000a}.chat-header-left{align-items:center;gap:12px;display:flex}.chat-header-name{color:var(--text-primary);font-size:15px;font-weight:700}.chat-header-status{align-items:center;gap:5px;font-size:12px;display:flex}.online-dot{background:var(--success);border-radius:50%;width:7px;height:7px;display:inline-block}.offline-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px;display:inline-block}.status-online{color:var(--success)}.status-offline{color:var(--text-muted)}.btn-video{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.btn-video:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-video.off{background:var(--bg);color:var(--text-muted);border:1.5px solid var(--border);box-shadow:none;cursor:not-allowed}.btn-video.off:hover{transform:none}.chat-messages{flex-direction:column;flex:1;gap:2px;padding:20px 24px;display:flex;overflow-y:auto}.msg-row{margin-bottom:2px;display:flex}.msg-row.sent{justify-content:flex-end}.msg-row.received{justify-content:flex-start}.msg-bubble{border-radius:16px;max-width:65%;padding:10px 14px;font-size:14px;line-height:1.5}.msg-row.sent .msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.msg-row.received .msg-bubble{color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-bottom-left-radius:4px}.msg-text{word-break:break-word}.msg-time{align-items:center;gap:4px;margin-top:4px;font-size:10.5px;display:flex}.msg-row.sent .msg-time{color:#fff9;justify-content:flex-end}.msg-row.received .msg-time{color:var(--text-muted)}.msg-img{cursor:pointer;border-radius:10px;max-width:220px;margin-bottom:4px;display:block}.msg-video video{border-radius:10px;max-width:220px}.msg-doc{color:inherit;background:#ffffff26;border-radius:10px;align-items:center;gap:9px;margin-bottom:4px;padding:9px 12px;text-decoration:none;display:flex}.msg-row.received .msg-doc{background:var(--bg);border:1px solid var(--border)}.msg-doc-name{font-size:12.5px;font-weight:600;display:block}.msg-doc-size{opacity:.7;font-size:11px;display:block}.typing-row{align-items:center;gap:8px;padding:4px 0;display:flex}.typing-dots{gap:4px;display:flex}.typing-dots span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite tdot}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,80%,to{transform:scale(.8)}40%{transform:scale(1.2)}}.typing-text{color:var(--text-muted);font-size:12px;font-style:italic}.chat-no-msgs{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.chat-no-msgs .icon{opacity:.3;font-size:40px}.chat-input-area{border-top:1px solid var(--border);background:#fff;padding:12px 16px}.file-preview-bar{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex}.file-preview-bar img{border-radius:var(--radius-sm);object-fit:cover;width:44px;height:44px}.file-preview-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.file-preview-size{color:var(--text-muted);font-size:11px;display:block}.btn-remove-file{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px}.btn-remove-file:hover{color:var(--danger);background:var(--danger-light)}.chat-input-row{align-items:flex-end;gap:10px;display:flex}.chat-textarea{resize:none;border:1.5px solid var(--border);border-radius:var(--radius-md);max-height:120px;transition:border-color var(--transition),box-shadow var(--transition);flex:1;padding:10px 14px;font-size:14px;line-height:1.5}.chat-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.btn-attach{border-radius:var(--radius);background:var(--bg);border:1.5px solid var(--border);width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.btn-attach:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-send{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.btn-send:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.05)}.btn-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-gate{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.chat-gate-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center;background:#fff;width:100%;max-width:420px;padding:44px 40px;animation:.3s fadeIn}.gate-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:28px;display:flex}.gate-icon.lock{background:var(--danger-light);color:var(--danger)}.gate-icon.pending{background:var(--warning-light);color:var(--warning)}.gate-icon.expired{background:var(--purple-light);color:var(--purple)}.chat-gate-card h2{color:var(--text-primary);margin-bottom:10px;font-size:20px;font-weight:700}.chat-gate-card p{color:var(--text-muted);margin-bottom:6px;font-size:14px;line-height:1.7}.btn-gate{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;align-items:center;gap:8px;margin-top:16px;padding:11px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-gate:hover{background:var(--primary-dark);transform:translateY(-1px)}.call-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-card{border-radius:var(--radius-lg);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow-xl);background:#fff;padding:40px 36px}.call-ring-icon{background:linear-gradient(135deg,var(--success),var(--teal));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:28px;animation:1.2s infinite ring;display:flex}@keyframes ring{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.call-card h3{margin-bottom:6px;font-size:19px;font-weight:700}.call-card p{color:var(--text-muted);margin-bottom:22px;font-size:13.5px}.call-btns{gap:12px;display:flex}.btn-accept{background:var(--success);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;flex:1;padding:11px;font-size:14px;font-weight:600}.btn-accept:hover{background:#047857}.btn-reject{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);flex:1;padding:11px;font-size:14px;font-weight:600}.btn-reject:hover{background:var(--danger);color:#fff}.no-chat{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.no-chat .icon{opacity:.25;margin-bottom:4px;font-size:52px}.no-chat h3{color:var(--text-primary);font-size:18px;font-weight:600}.no-chat p{text-align:center;max-width:260px;font-size:13.5px}@media (max-width:768px){.chat-wrap{border-radius:0;height:calc(100vh - 64px)}.chat-sidebar{width:64px}.chat-user-name,.chat-user-role,.chat-sidebar-title,.chat-sidebar-sub{display:none}.chat-user-item{justify-content:center;padding:8px}}.plans-page{flex-direction:column;gap:28px;animation:.3s fadeIn;display:flex}.plans-header{text-align:center;padding:32px 0 0}.plans-header h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.plans-header p{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:15px}.plans-header-actions{justify-content:center;margin-top:16px;display:flex}.btn-manage-plans{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);align-items:center;gap:7px;padding:9px 20px;font-size:14px;font-weight:600;display:flex}.btn-manage-plans:hover{background:var(--primary);color:#fff}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.plan-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);padding:28px 24px;transition:all .25s;position:relative;overflow:hidden}.plan-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.plan-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26,var(--shadow-lg);transform:translateY(-4px)}.plan-card.inactive{opacity:.6;cursor:not-allowed}.plan-card.inactive:hover{box-shadow:var(--shadow-sm);border-color:var(--border);transform:none}.plan-popular-badge{background:linear-gradient(135deg,var(--primary),var(--teal));color:#fff;border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px}.plan-inactive-badge{background:var(--bg);color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border);padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:14px;right:14px}.plan-name{color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:800}.plan-price{align-items:baseline;gap:3px;margin-bottom:10px;display:flex}.plan-currency{color:var(--primary);font-size:16px;font-weight:700}.plan-amount{color:var(--primary);font-size:36px;font-weight:800;line-height:1}.plan-period{color:var(--text-muted);font-size:13px}.plan-duration{color:var(--text-muted);border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:20px;padding-bottom:16px;font-size:13px;display:flex}.plan-features-list{flex-direction:column;gap:10px;display:flex}.plan-feature{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.plan-feature-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.plan-feature-icon.chat{background:var(--success-light);color:var(--success)}.plan-feature-icon.video{background:var(--primary-light);color:var(--primary)}.plan-feature-icon.file{background:var(--warning-light);color:var(--warning)}.plan-feature-icon.star{background:var(--purple-light);color:var(--purple)}.plan-selected-tick{background:var(--primary);color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;gap:7px;margin-top:18px;padding:9px;font-size:14px;font-weight:700;display:flex}.plans-cta{justify-content:center;padding-bottom:8px;display:flex}.btn-continue{background:linear-gradient(135deg,var(--primary),var(--teal));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;align-items:center;gap:9px;padding:14px 36px;font-size:16px;font-weight:700;display:flex}.btn-continue:hover{transform:translateY(-2px);box-shadow:0 12px 30px #2563eb66}.plans-loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.plans-loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.plans-error{text-align:center;padding:40px}.plans-error p{color:var(--danger);margin-bottom:14px;font-size:14px}.btn-retry{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:9px 20px;font-size:14px;font-weight:600}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.book-page{flex-direction:column;gap:24px;max-width:760px;animation:.3s fadeIn;display:flex}.book-page h1{color:var(--text-primary);font-size:24px;font-weight:800}.book-plan-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#145c40,#145c40);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.book-plan-banner .plan-info{color:#fff}.book-plan-banner .plan-info .lbl{opacity:.65;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:12px}.book-plan-banner .plan-info .name{font-size:18px;font-weight:800}.book-plan-banner .plan-meta{gap:16px;display:flex}.book-plan-meta-item{color:#fff;flex-direction:column;align-items:flex-end;display:flex}.book-plan-meta-item .lbl{opacity:.6;text-transform:uppercase;letter-spacing:.6px;font-size:11px}.book-plan-meta-item .val{font-size:16px;font-weight:700}.btn-change-plan{color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);background:#ffffff26;border:1px solid #ffffff40;padding:8px 16px;font-size:13px;font-weight:600}.btn-change-plan:hover{background:#ffffff40}.book-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.book-section-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 24px;display:flex}.book-section-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.book-section-header h3{color:var(--text-primary);font-size:15px;font-weight:700}.book-section-body{padding:20px 24px}.doctor-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.doctor-card{border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);align-items:center;gap:12px;padding:16px;display:flex}.doctor-card:hover,.doctor-card.selected{border-color:var(--primary);background:var(--primary-light)}.doctor-avatar{background:linear-gradient(135deg,var(--primary),var(--teal));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.doctor-name{color:var(--text-primary);font-size:14px;font-weight:600}.doctor-spec{color:var(--text-muted);font-size:12px}.doctor-check{color:var(--primary);margin-left:auto;font-size:16px}.book-date-time{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:600px){.book-date-time{grid-template-columns:1fr}}.book-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:12.5px;font-weight:700}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);background:var(--bg);font-size:14px;font-family:var(--font);box-sizing:border-box;transition:border-color var(--transition);padding:11px 14px}.react-datepicker__input-container input:focus{border-color:var(--primary);outline:none}.react-datepicker{font-family:var(--font)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.react-datepicker__header{background:var(--primary)!important;border-radius:var(--radius-md)var(--radius-md)0 0!important;border-bottom:none!important}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary)!important;border-radius:50%!important}.react-datepicker__day:hover{background:var(--primary-light)!important;border-radius:50%!important}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.time-slot-btn{border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);background:var(--bg);cursor:pointer;transition:all var(--transition);text-align:center;padding:9px 6px;font-size:13px;font-weight:600}.time-slot-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.time-slot-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.time-slot-btn:disabled{opacity:.4;cursor:not-allowed}.time-slots-hint{color:var(--text-muted);padding:8px 0;font-size:13px;font-style:italic}.time-slots-loading{color:var(--primary);align-items:center;gap:6px;font-size:13px;display:flex}.time-slots-empty{color:var(--warning);background:var(--warning-light,#fffbeb);border-radius:var(--radius);border:1px solid var(--warning-border,#fde68a);padding:12px;font-size:13.5px}.book-textarea{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;font-size:14px;font-family:var(--font);color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:100px;transition:border-color var(--transition);padding:12px 14px}.book-textarea:focus{border-color:var(--primary);outline:none}.book-error{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border);border-radius:var(--radius);align-items:center;gap:8px;padding:12px 16px;font-size:13.5px;display:flex}.btn-book{background:linear-gradient(135deg,var(--primary),var(--teal));color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;justify-content:center;align-items:center;gap:9px;padding:15px;font-size:16px;font-weight:700;display:flex}.btn-book:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #2563eb66}.btn-book:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-book .spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.book-loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.book-loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.payment-page{flex-direction:column;gap:24px;max-width:700px;animation:.3s fadeIn;display:flex}.payment-page h1{color:var(--text-primary);font-size:24px;font-weight:800}.payment-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.payment-card-header{background:linear-gradient(135deg,#1e3a5f,#0e4d6e);padding:22px 28px}.payment-card-header h2{color:#fff;margin-bottom:4px;font-size:17px;font-weight:700}.payment-card-header p{color:#fff9;font-size:13px}.payment-card-body{flex-direction:column;gap:14px;padding:24px 28px;display:flex}.payment-info-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.payment-info-row:last-child{border-bottom:none}.payment-info-row .key{color:var(--text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.payment-info-row .val{color:var(--text-primary);font-size:13.5px;font-weight:600}.payment-amount-row{background:var(--primary-light);border-radius:var(--radius);border:1px solid var(--primary-border);justify-content:space-between;align-items:center;margin-top:4px;padding:14px 18px;display:flex}.payment-amount-row .key{color:var(--primary);font-size:14px;font-weight:600}.payment-amount-row .val{color:var(--primary);font-size:22px;font-weight:800}.bank-instructions{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px 28px}.bank-instructions h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:700}.bank-step{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.bank-step:last-child{margin-bottom:0}.bank-step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.bank-step-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.bank-step-text strong{color:var(--text-primary)}.bank-acct{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);margin-top:8px;padding:12px 16px}.bank-acct .name{color:var(--text-muted);margin-bottom:4px;font-size:13px}.bank-acct .num{color:var(--primary);letter-spacing:2px;font-size:18px;font-weight:800}.upload-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px 28px}.upload-section h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:700}.upload-drop{border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition);padding:40px 24px}.upload-drop:hover,.upload-drop.dragging{border-color:var(--primary);background:var(--primary-light)}.upload-drop-icon{opacity:.5;margin-bottom:12px;font-size:40px}.upload-drop p{color:var(--text-muted);font-size:14px}.upload-drop small{color:var(--text-muted);font-size:12px}.upload-drop input[type=file]{display:none}.upload-preview{border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.upload-preview img{object-fit:contain;background:var(--bg);width:100%;max-height:300px;display:block}.upload-preview-name{color:var(--text-muted);background:var(--bg);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.btn-clear-file{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:13px}.upload-msg{border-radius:var(--radius);border:1px solid;padding:10px 14px;font-size:13.5px}.upload-msg.success{background:var(--success-light);color:var(--success);border-color:var(--success-border)}.upload-msg.error{background:var(--danger-light);color:var(--danger);border-color:var(--danger-border)}.btn-submit-payment{background:linear-gradient(135deg,var(--primary),var(--teal));color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:15px;font-weight:700;display:flex}.btn-submit-payment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #2563eb66}.btn-submit-payment:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit-payment .spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.payment-success{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:60px 40px;animation:.4s fadeIn}.payment-success-icon{background:var(--success-light);width:80px;height:80px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:32px;display:flex}.payment-success h2{margin-bottom:10px;font-size:22px;font-weight:800}.payment-success p{color:var(--text-muted);margin-bottom:6px;font-size:14px;line-height:1.7}.payment-loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.payment-loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.appts-page{flex-direction:column;gap:24px;animation:.3s fadeIn;display:flex}.appts-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.appts-header h1{color:var(--text-primary);font-size:24px;font-weight:800}.btn-new-appt{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.btn-new-appt:hover{background:var(--primary-dark);transform:translateY(-1px)}.appts-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}.appts-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;padding:16px 18px}.appts-stat .val{color:var(--primary);font-size:26px;font-weight:800}.appts-stat .lbl{color:var(--text-muted);margin-top:2px;font-size:12px}.appts-tabs{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);gap:4px;width:fit-content;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;padding:7px 18px;font-size:13.5px;font-weight:500}.tab-btn.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;font-weight:700}.tab-btn:hover:not(.active){color:var(--text-primary)}.appts-error{background:var(--danger-light);border:1px solid var(--danger-border);color:var(--danger);border-radius:var(--radius);padding:12px 16px;font-size:14px}.appts-list{flex-direction:column;gap:14px;display:flex}.appt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition);align-items:center;gap:20px;padding:20px 24px;display:flex}.appt-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-border)}.appt-date-badge{text-align:center;background:linear-gradient(135deg,var(--primary),var(--teal));border-radius:var(--radius);width:56px;box-shadow:var(--shadow-blue);flex-shrink:0;padding:10px 6px}.appt-date-badge .d{color:#fff;font-size:24px;font-weight:800;line-height:1}.appt-date-badge .m{color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:600}.appt-details{flex:1;min-width:0}.appt-doc-name{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.appt-meta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.appt-meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.appt-reason{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12.5px;font-style:italic;overflow:hidden}.appt-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.status-badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.confirmed{background:var(--success-light);color:var(--success);border:1px solid var(--success-border)}.status-badge.pending{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning-border)}.status-badge.cancelled{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.status-badge.completed{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.appt-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn-action{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:600;display:flex}.btn-action.chat{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.btn-action.chat:hover{background:var(--primary);color:#fff}.btn-action.video{background:var(--teal-light);color:var(--teal);border:1px solid #0891b240}.btn-action.video:hover{background:var(--teal);color:#fff}.btn-action.pay{background:linear-gradient(135deg,var(--primary),var(--teal));color:#fff;box-shadow:var(--shadow-blue)}.btn-action.pay:hover{transform:translateY(-1px)}.btn-action.cancel{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.btn-action.cancel:hover{background:var(--danger);color:#fff}.appts-empty{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1.5px dashed var(--border);padding:60px 24px}.appts-empty .icon{margin-bottom:16px;font-size:52px}.appts-empty h3{color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:700}.appts-empty p{color:var(--text-muted);margin-bottom:20px;font-size:14px}.btn-book-empty{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;align-items:center;gap:7px;padding:11px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-book-empty:hover{background:var(--primary-dark);transform:translateY(-1px)}.appts-loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.appts-loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@media (max-width:768px){.appt-card{flex-direction:column;align-items:flex-start}.appt-right{align-items:flex-start;width:100%}.appts-stats{grid-template-columns:repeat(2,1fr)}}.profile-page{flex-direction:column;gap:24px;max-width:720px;animation:.3s fadeIn;display:flex}.profile-page h1{color:var(--text-primary);font-size:24px;font-weight:800}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.profile-hero{background:linear-gradient(135deg,#145c40,#145c40);align-items:center;gap:24px;padding:28px 32px;display:flex}.profile-avatar-wrap{position:relative}.profile-avatar{object-fit:cover;background:linear-gradient(135deg,var(--primary),var(--teal));color:#fff;border:3px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:32px;font-weight:800;display:flex}.profile-avatar-edit{background:var(--primary);cursor:pointer;width:28px;height:28px;transition:all var(--transition);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;bottom:0;right:0}.profile-avatar-edit:hover{background:var(--primary-dark);transform:scale(1.1)}.profile-hero-info .name{color:#fff;margin-bottom:4px;font-size:22px;font-weight:800}.profile-hero-info .email{color:#fff9;margin-bottom:8px;font-size:14px}.profile-role-badge{border-radius:var(--radius-full);text-transform:capitalize;border:1px solid #fff3;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.profile-role-badge.role-user{color:#93c5fd;background:#2563eb4d}.profile-role-badge.role-doctor{color:#67e8f9;background:#0891b24d}.profile-role-badge.role-admin{color:#c4b5fd;background:#7c3aed4d}.verified-badge{color:#6ee7b7;border-radius:var(--radius-full);background:#10b98133;align-items:center;gap:5px;margin-left:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.profile-body{flex-direction:column;gap:20px;padding:28px 32px;display:flex}.profile-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.profile-section-title:after{content:"";background:var(--border);flex:1;height:1px}.profile-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-field{flex-direction:column;gap:5px;display:flex}.profile-field.full{grid-column:1/-1}.profile-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:600}.profile-value{color:var(--text-primary);background:var(--bg);border-radius:var(--radius);border:1.5px solid #0000;padding:10px 14px;font-size:14px}.profile-input{color:var(--text-primary);font-size:14px}.profile-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-edit-profile{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;align-items:center;gap:7px;padding:10px 22px;font-size:14px;font-weight:600;display:flex}.btn-edit-profile:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-cancel-edit{background:var(--bg);color:var(--text-secondary);border-radius:var(--radius);border:1.5px solid var(--border);cursor:pointer;transition:all var(--transition);align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.btn-cancel-edit:hover{border-color:var(--primary);color:var(--primary)}.profile-msg{border-radius:var(--radius);border:1px solid;padding:12px 16px;font-size:13.5px}.profile-msg.success{background:var(--success-light);color:var(--success);border-color:var(--success-border)}.profile-msg.error{background:var(--danger-light);color:var(--danger);border-color:var(--danger-border)}.profile-loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.profile-loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@media (max-width:640px){.profile-fields{grid-template-columns:1fr}.profile-field.full{grid-column:1}.profile-hero{text-align:center;flex-direction:column}}.spinner{animation:.7s linear infinite spin}.profile-loading{color:#4a5568;justify-content:center;align-items:center;gap:12px;padding:60px;font-size:18px;display:flex}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.btn-password{color:#fff;cursor:pointer;background-color:#4299e1;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-password:hover{background-color:#3182ce;transform:translateY(-1px)}.btn-delete{color:#fff;cursor:pointer;background-color:#e53e3e;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-delete:hover{background-color:#c53030;transform:translateY(-1px)}.google-badge{background:linear-gradient(135deg,#4285f4,#34a853)}.password-form{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.admin-plans-page{flex-direction:column;gap:24px;animation:.3s fadeIn;display:flex}.admin-plans-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-plans-header h1{color:var(--text-primary);font-size:24px;font-weight:800}.btn-create-plan{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.btn-create-plan:hover{background:var(--primary-dark);transform:translateY(-1px)}.admin-msg{border-radius:var(--radius);border:1px solid;padding:12px 16px;font-size:13.5px}.admin-msg.success{background:var(--success-light);color:var(--success);border-color:var(--success-border)}.admin-msg.error{background:var(--danger-light);color:var(--danger);border-color:var(--danger-border)}.plans-mgmt-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.plan-mgmt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);overflow:hidden}.plan-mgmt-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-mgmt-card.inactive{opacity:.7}.plan-mgmt-top{background:linear-gradient(135deg,#1e3a5f,#0e4d6e);padding:18px 22px}.plan-mgmt-name{color:#fff;margin-bottom:4px;font-size:18px;font-weight:800}.plan-mgmt-price{color:#ffffffa6;font-size:13px}.plan-mgmt-body{flex-direction:column;gap:12px;padding:18px 22px;display:flex}.plan-mgmt-detail{justify-content:space-between;align-items:center;font-size:13px;display:flex}.plan-mgmt-detail .key{color:var(--text-muted)}.plan-mgmt-detail .val{color:var(--text-primary);font-weight:600}.plan-mgmt-features{flex-wrap:wrap;gap:6px;display:flex}.feat-chip{border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);padding:3px 10px;font-size:11.5px;font-weight:600}.plan-mgmt-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.plan-status-toggle{align-items:center;gap:7px;font-size:13px;display:flex}.toggle-switch{width:36px;height:20px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--border);border-radius:10px;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:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.plan-mgmt-actions{gap:8px;display:flex}.btn-plan-action{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--transition);border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.btn-plan-action.edit{background:var(--primary-light);color:var(--primary)}.btn-plan-action.edit:hover{background:var(--primary);color:#fff}.btn-plan-action.delete{background:var(--danger-light);color:var(--danger)}.btn-plan-action.delete:hover{background:var(--danger);color:#fff}.plan-modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.plan-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;width:100%;max-width:520px;max-height:90vh;animation:.25s slideUp;overflow-y:auto}.plan-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.plan-modal-header h2{font-size:18px;font-weight:700}.plan-modal-close{cursor:pointer;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px}.plan-modal-close:hover{color:var(--danger);background:var(--danger-light)}.plan-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.plan-form-field{flex-direction:column;gap:5px;display:flex}.plan-form-field label{color:var(--text-secondary);font-size:13px;font-weight:600}.plan-features-checks{flex-wrap:wrap;gap:10px;display:flex}.feat-check{background:var(--bg);border-radius:var(--radius);border:1.5px solid var(--border);cursor:pointer;transition:all var(--transition);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.feat-check:hover{border-color:var(--primary)}.feat-check input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}.feat-check.checked{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.plan-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-modal-cancel{background:var(--bg);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);padding:10px 20px;font-size:14px;font-weight:600}.btn-modal-cancel:hover{border-color:var(--primary);color:var(--primary)}.btn-modal-save{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-blue);border:none;padding:10px 24px;font-size:14px;font-weight:600}.btn-modal-save:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-modal-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-plans-loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.admin-plans-loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.admin-empty{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1.5px dashed var(--border);padding:56px 24px}.admin-empty h3{color:var(--text-primary);margin-bottom:6px;font-size:17px;font-weight:700}.admin-empty p{color:var(--text-muted);font-size:13.5px}.doc-appts{flex-direction:column;gap:24px;animation:.3s fadeIn;display:flex}.doc-appts-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.doc-appts-header h1{color:var(--text-primary);font-size:24px;font-weight:800}.doc-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}.doc-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition);flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.doc-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.doc-stat-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.doc-stat-icon.orange{background:var(--warning-light);color:var(--warning)}.doc-stat-icon.blue{background:var(--primary-light);color:var(--primary)}.doc-stat-icon.green{background:var(--success-light);color:var(--success)}.doc-stat-icon.grey{background:var(--bg);color:var(--text-muted)}.doc-stat .val{color:var(--text-primary);font-size:24px;font-weight:800}.doc-stat .lbl{color:var(--text-muted);font-size:12px}.doc-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-box{flex:1;min-width:220px;position:relative}.search-box input{padding-left:38px}.search-icon{color:var(--text-muted);font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.doc-tabs{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);gap:4px;padding:4px;display:flex}.doc-tab{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition);white-space:nowrap;background:0 0;border:none;padding:7px 16px;font-size:13px;font-weight:500}.doc-tab.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;font-weight:700}.doc-tab:hover:not(.active){color:var(--text-primary)}.doc-msg{border-radius:var(--radius);border:1px solid;margin-bottom:4px;padding:12px 16px;font-size:13.5px}.doc-msg.success{background:var(--success-light);color:var(--success);border-color:var(--success-border)}.doc-msg.error{background:var(--danger-light);color:var(--danger);border-color:var(--danger-border)}.doc-list{flex-direction:column;gap:14px;display:flex}.doc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition);align-items:center;gap:18px;padding:18px 22px;display:flex}.doc-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-border)}.doc-card-date{text-align:center;background:linear-gradient(135deg,var(--primary),var(--teal));border-radius:var(--radius);width:52px;box-shadow:var(--shadow-blue);flex-shrink:0;padding:9px 5px}.doc-card-date .d{color:#fff;font-size:22px;font-weight:800;line-height:1}.doc-card-date .m{color:#fffc;text-transform:uppercase;font-size:10px;font-weight:600}.doc-card-info{flex:1;min-width:0}.doc-card-name{color:var(--text-primary);margin-bottom:5px;font-size:15px;font-weight:700}.doc-card-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.doc-card-meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:12.5px;display:flex}.doc-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.doc-status{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.doc-status.pending{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning-border)}.doc-status.confirmed{background:var(--success-light);color:var(--success);border:1px solid var(--success-border)}.doc-status.completed{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.doc-status.cancelled{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.doc-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn-verify{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;display:flex}.btn-verify.primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-blue)}.btn-verify.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-verify.chat{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.btn-verify.chat:hover{background:var(--primary);color:#fff}.btn-verify.complete{background:var(--success-light);color:var(--success);border:1px solid var(--success-border)}.btn-verify.complete:hover{background:var(--success);color:#fff}.doc-empty{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1.5px dashed var(--border);padding:56px 24px}.doc-empty .icon{margin-bottom:14px;font-size:48px}.doc-empty h3{color:var(--text-primary);margin-bottom:6px;font-size:17px;font-weight:700}.doc-empty p{color:var(--text-muted);font-size:13.5px}.doc-loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;display:flex}.doc-loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;width:100%;max-width:520px;max-height:90vh;animation:.25s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--text-primary);font-size:18px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px}.modal-close:hover{color:var(--danger);background:var(--danger-light)}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-info-row{background:var(--bg);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.modal-info-row .label{color:var(--text-muted);font-size:13px}.modal-info-row .value{color:var(--text-primary);font-size:13px;font-weight:600}.modal-screenshot{border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.modal-screenshot img{cursor:pointer;width:100%;transition:transform var(--transition);display:block}.modal-screenshot img:hover{transform:scale(1.02)}.modal-screenshot .no-img{text-align:center;color:var(--text-muted);padding:32px;font-size:14px}.modal-notes{flex-direction:column;gap:5px;display:flex}.modal-notes label{color:var(--text-secondary);font-size:13px;font-weight:600}.modal-notes textarea{resize:none}.modal-footer{border-top:1px solid var(--border);gap:12px;padding:16px 24px;display:flex}.btn-modal{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:14px;font-weight:600;display:flex}.btn-modal.approve{background:var(--success);color:#fff}.btn-modal.approve:hover{background:#047857}.btn-modal.reject{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger-border)}.btn-modal.reject:hover{background:var(--danger);color:#fff}.btn-modal:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.doc-card{flex-direction:column;align-items:flex-start}.doc-card-right{align-items:flex-start;width:100%}}.pub-nav{z-index:100;padding:0 24px;transition:all .3s;position:fixed;top:0;left:0;right:0}.pub-nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;box-shadow:0 2px 24px #00000014}.pub-nav-inner{justify-content:space-between;align-items:center;max-width:1140px;height:68px;margin:0 auto;display:flex}.pub-logo{color:#0f172a;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.pub-logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.pub-links{align-items:center;gap:6px;display:flex}.pub-link{color:#374151;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.pub-link:hover,.pub-link.active{color:#2563eb;background:#eff6ff}.pub-btn-ghost{color:#374151;border:1.5px solid #d1d5db;border-radius:8px;margin-left:6px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.pub-btn-ghost:hover{color:#2563eb;border-color:#2563eb}.pub-btn-solid{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);border-radius:8px;padding:9px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #2563eb4d}.pub-btn-solid:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.pub-hamburger{cursor:pointer;color:#374151;background:0 0;border:none;font-size:22px;display:none}@media (max-width:768px){.pub-hamburger{align-items:center;display:flex}.pub-links{background:#fff;flex-direction:column;align-items:stretch;gap:8px;padding:16px 24px 24px;display:none;position:fixed;top:68px;left:0;right:0;box-shadow:0 8px 24px #0000001f}.pub-links.open{display:flex}.pub-link{padding:12px 16px}.pub-btn-ghost,.pub-btn-solid{text-align:center;margin-left:0;padding:12px}}.about-page{font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}.about-hero{background:linear-gradient(160deg,#0f172a 0%,#1e3a5f 55%,#0e4d6e 100%);flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;min-height:72vh;padding:120px 24px 80px;display:flex}.about-hero-inner{max-width:540px}.about-badge{color:#93c5fd;background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.about-hero-inner h1{color:#fff;margin-bottom:20px;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.18}.about-gradient{background:linear-gradient(135deg,#60a5fa,#2dd4bf);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-hero-inner p{color:#ffffffb3;margin-bottom:32px;font-size:17px;line-height:1.75}.about-cta{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);border-radius:10px;align-items:center;gap:9px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #2563eb66}.about-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb80}.about-hero-visual{flex-shrink:0}.about-hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:18px;padding:28px 32px;display:flex}.ahc-row{color:#fff;align-items:center;gap:14px;font-size:15px;font-weight:600;display:flex}.about-section{padding:80px 24px}.about-alt{background:#f8fafc}.about-section-inner{max-width:1100px;margin:0 auto}.about-section-inner.two-col{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media (max-width:840px){.about-section-inner.two-col{grid-template-columns:1fr}}.about-eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:#2563eb;margin-bottom:12px;font-size:12px;font-weight:700}.about-text-block h2{color:#0f172a;margin-bottom:18px;font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.25}.about-text-block p{color:#475569;margin-bottom:14px;font-size:15px;line-height:1.8}.about-check-list{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.about-check-list li{color:#334155;align-items:center;gap:10px;font-size:14.5px;font-weight:500;display:flex}.about-mission-visual{grid-template-columns:1fr 1fr;gap:16px;display:grid}.amv-card{text-align:center;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 20px #0000000f}.amv-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.amv-3{grid-column:1/-1;width:100%;max-width:220px;margin:0 auto}.values-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.value-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 24px;transition:all .25s;box-shadow:0 4px 14px #0000000d}.value-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000001a}.value-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:22px;display:flex}.value-card h3{color:#0f172a;margin-bottom:8px;font-size:17px;font-weight:700}.value-card p{color:#475569;font-size:14px;line-height:1.7}.timeline{max-width:700px;margin:0 auto;padding:0 20px;position:relative}.tl-line{background:linear-gradient(#2563eb,#0891b2);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.tl-item{align-items:center;gap:24px;margin-bottom:40px;display:flex;position:relative}.tl-item.tl-right{flex-direction:row-reverse}.tl-year{text-align:center;color:#2563eb;flex-shrink:0;width:60px;font-size:16px;font-weight:800}.tl-dot{z-index:1;background:#fff;border:3px solid #2563eb;border-radius:50%;flex-shrink:0;width:16px;height:16px}.tl-text{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:16px 20px;font-size:14.5px;line-height:1.65;box-shadow:0 4px 12px #0000000d}@media (max-width:600px){.tl-line{left:28px}.tl-item,.tl-item.tl-right{flex-direction:row}.tl-year{width:46px;font-size:13px}}.team-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.team-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 20px;transition:all .25s;box-shadow:0 4px 14px #0000000d}.team-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000001a}.team-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:24px;font-weight:800;display:flex}.team-name{color:#0f172a;margin-bottom:4px;font-size:15px;font-weight:700}.team-role{color:#64748b;font-size:13px}.about-cta-section{text-align:center;background:linear-gradient(135deg,#1e3a5f,#0e4d6e);padding:80px 24px}.about-cta-inner{max-width:600px;margin:0 auto}.about-cta-section h2{color:#fff;margin-bottom:14px;font-size:clamp(24px,3vw,36px);font-weight:800}.about-cta-section p{color:#ffffffb3;font-size:16px;line-height:1.7}.about-cta-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);border-radius:10px;align-items:center;gap:9px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #2563eb66}.about-cta-btn-primary:hover{transform:translateY(-2px)}.about-cta-btn-ghost{color:#fff;border:1.5px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.about-cta-btn-ghost:hover{background:#ffffff1a}.pub-footer-sm{background:#0f172a;padding:24px}.pf-inner{color:#ffffff80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;font-size:13px;display:flex}.pf-inner a{color:#ffffff80;text-decoration:none;transition:color .2s}.pf-inner a:hover{color:#fff}.about-section h2{color:#0f172a;font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.25}.contact-page{font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}.contact-hero{text-align:center;background:linear-gradient(160deg,#0f172a 0%,#1e3a5f 60%,#0e4d6e 100%);padding:130px 24px 80px}.contact-hero-inner{max-width:600px;margin:0 auto}.contact-badge{color:#93c5fd;background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.contact-hero h1{color:#fff;margin-bottom:18px;font-size:clamp(30px,4vw,50px);font-weight:800;line-height:1.2}.contact-hero p{color:#ffffffb3;font-size:17px;line-height:1.75}.contact-cards-sec{background:#f8fafc;padding:64px 24px 0}.contact-section-inner{max-width:1100px;margin:0 auto}.contact-section-inner.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:56px;padding:64px 24px;display:grid}@media (max-width:860px){.contact-section-inner.two-col{grid-template-columns:1fr}}.contact-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-bottom:64px;display:grid}.contact-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;transition:all .25s;box-shadow:0 4px 14px #0000000d}.contact-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000001a}.cc-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:22px;display:flex}.cc-label{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:6px;font-size:12px;font-weight:700}.cc-value{color:#0f172a;margin-bottom:4px;font-size:15px;font-weight:700}.cc-sub{color:#64748b;font-size:12.5px}.contact-main-sec{background:#f8fafc}.contact-form-wrap h2{color:#0f172a;margin-bottom:8px;font-size:clamp(22px,2.5vw,30px);font-weight:800}.contact-form-sub{color:#64748b;margin-bottom:28px;font-size:14.5px}.contact-form{flex-direction:column;gap:16px;display:flex}.cf-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:500px){.cf-row{grid-template-columns:1fr}}.cf-field{flex-direction:column;gap:6px;display:flex}.cf-field label{color:#374151;font-size:13px;font-weight:600}.cf-field input,.cf-field textarea{color:#0f172a;resize:vertical;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.cf-field input:focus,.cf-field textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.cf-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13.5px}.cf-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0891b2);border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 28px;font-size:15px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 6px 20px #2563eb59}.cf-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #2563eb73}.cf-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.cf-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.contact-success{text-align:center;padding:40px 20px}.cs-icon{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:28px;display:flex}.contact-success h3{color:#0f172a;margin-bottom:10px;font-size:22px;font-weight:800}.contact-success p{color:#64748b;margin-bottom:22px;font-size:14.5px;line-height:1.7}.contact-reset-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s}.contact-reset-btn:hover{color:#fff;background:#2563eb}.contact-faq h2{color:#0f172a;margin-bottom:28px;font-size:clamp(22px,2.5vw,30px);font-weight:800}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .2s;overflow:hidden}.faq-item.open{box-shadow:0 4px 20px #00000014}.faq-q{cursor:pointer;color:#0f172a;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 20px;font-family:inherit;font-size:14.5px;font-weight:600;display:flex}.faq-arrow{color:#2563eb;flex-shrink:0;font-size:20px;font-weight:300;line-height:1}.faq-a{color:#475569;border-top:1px solid #f1f5f9;padding:12px 20px 16px;font-size:14px;line-height:1.75}.contact-cta{text-align:center;background:linear-gradient(135deg,#1e3a5f,#0e4d6e);padding:72px 24px}.contact-cta-inner{max-width:560px;margin:0 auto}.contact-cta h2{color:#fff;margin-bottom:12px;font-size:clamp(24px,3vw,36px);font-weight:800}.contact-cta p{color:#ffffffb3;margin-bottom:28px;font-size:16px;line-height:1.7}.contact-cta-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);border-radius:10px;align-items:center;gap:9px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 8px 24px #2563eb66}.contact-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb80}.page-loading{min-height:100vh;color:var(--text-secondary);background:var(--bg);justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--primary-border:#bfdbfe;--teal:#0891b2;--teal-light:#ecfeff;--success:#059669;--success-light:#ecfdf5;--success-border:#a7f3d0;--warning:#d97706;--warning-light:#fffbeb;--warning-border:#fde68a;--danger:#dc2626;--danger-light:#fef2f2;--danger-border:#fecaca;--purple:#7c3aed;--purple-light:#f5f3ff;--sidebar-bg:#0f172a;--sidebar-hover:#ffffff0f;--sidebar-active:#3b82f62e;--sidebar-text:#94a3b8;--sidebar-border:#ffffff12;--bg:#f1f5f9;--bg-card:#fff;--border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #00000012,0 1px 2px #0000000a;--shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-md:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-blue:0 8px 25px -5px #2563eb4d;--shadow-xl:0 25px 50px -12px #00000040;--border-light:#f1f5f9;--radius-sm:6px;--radius:10px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition);background:#fff;outline:none;width:100%;padding:10px 14px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}input::placeholder,textarea::placeholder{color:var(--text-muted)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-loading{min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.page-loading:before{content:"";border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}