@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);:root{--transition-normal:200ms cubic-bezier(0.4,0,0.2,1)}.bell-btn,.notification-container{position:relative}.bell-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-primary);cursor:pointer;display:inline-flex;height:42px;justify-content:center;padding:0;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:42px}.bell-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary);transform:translateY(-1px)}.bell-btn:focus-visible{box-shadow:0 0 0 3px #2563eb38,0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:0 0 0 3px #2563eb38,var(--shadow-sm);outline:none}.badge{align-items:center;background:#ef4444;background:var(--danger);border:2px solid #fff;border:2px solid var(--white);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 10px #ef444447;color:#fff;color:var(--white);display:flex;font-size:11px;font-weight:900;height:20px;justify-content:center;line-height:1;min-width:20px;padding-inline:5px;right:-4px;top:-4px}.badge,.dropdown{position:absolute}.dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 16px #0f172a0f,0 24px 48px #0f172a1f,0 0 0 1px #0f172a0a,inset 0 1px 0 #fff;box-shadow:var(--shadow-xl);max-height:500px;overflow:hidden;right:0;top:calc(100% + 12px);width:min(380px,calc(100vw - 24px));z-index:1000}.header{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:17px 20px}.empty .icon,.header h3,.header-actions,.item .icon{align-items:center;display:flex;gap:8px}.header h3{color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:900;letter-spacing:-.02em;margin:0}.header-actions{margin-left:auto}.close-dropdown,.mark-read{background:#0000;border:none;cursor:pointer;font-size:13px;font-weight:800;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.mark-read{color:#2563eb;color:var(--primary)}.mark-read:hover{color:#1d4ed8;color:var(--primary-dark)}.close-dropdown{border-radius:10px;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);display:grid;height:32px;place-items:center;width:32px}.close-dropdown:hover{background:#fee2e2;background:var(--danger-light);color:#ef4444;color:var(--danger)}.list{max-height:400px;overflow-y:auto}.list::-webkit-scrollbar{width:8px}.list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-strong);border-radius:9999px;border-radius:var(--radius-full)}.empty{color:#64748b;color:var(--text-muted);padding:44px 24px;text-align:center}.empty .icon{color:#2563eb;color:var(--primary);justify-content:center;margin-bottom:12px}.item{align-items:flex-start;background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:13px;padding:16px 20px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.item:hover{background:#f8fafc}.item.unread{background:#eff6ff}.item .icon,.item.unread:hover{background:#dbeafe}.item .icon{background:var(--primary-light);border:1px solid #bfdbfe;border-radius:14px;border-radius:var(--radius-lg);color:#2563eb;color:var(--primary);flex-shrink:0;height:38px;justify-content:center;width:38px}.content{min-width:0}.title{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.35;margin-bottom:5px}.item.unread .title{font-weight:900}.message{color:#64748b;color:var(--text-muted);font-size:13px;line-height:1.55;margin-bottom:7px}.time{color:#94a3b8;color:var(--text-disabled);font-size:11px;font-weight:700}.dot{background:#2563eb;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px #2563eb24;flex-shrink:0;height:8px;margin-top:8px;width:8px}@media (max-width:640px){.dropdown{left:12px;max-height:calc(100vh - 100px);position:fixed;right:12px;top:76px;width:auto}.header,.item{padding-inline:14px}.header{flex-wrap:wrap}.header-actions{justify-content:space-between;width:100%}}.chat-toggle-btn{background:linear-gradient(135deg,#2563eb,#14b8a6);border:none;border-radius:20px;bottom:24px;box-shadow:0 10px 24px #2563eb38,0 20px 42px #14b8a62e;color:#fff;cursor:pointer;display:grid;height:64px;place-items:center;position:fixed;right:24px;transition:all .22s cubic-bezier(.4,0,.2,1);width:64px;z-index:120}.chat-toggle-btn:hover{box-shadow:0 14px 28px #2563eb47,0 24px 48px #14b8a638;transform:translateY(-3px)}.chat-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;height:22px;justify-content:center;min-width:22px;padding:0 6px;position:absolute;right:-4px;top:-4px}.chat-window{background:#fff;border:1px solid #e2e8f0;border-radius:28px;bottom:100px;box-shadow:0 12px 24px #0f172a14,0 28px 64px #0f172a2e;display:flex;flex-direction:column;height:min(78vh,680px);overflow:hidden;position:fixed;right:24px;width:min(92vw,460px);z-index:121}.chat-header,.messages-header{background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff}.chat-header{justify-content:space-between;padding:16px 18px}.chat-header,.chat-header h3{align-items:center;display:flex}.chat-header h3{font-size:16px;font-weight:900;gap:8px;margin:0}.chat-header-actions{display:flex;gap:8px}.back-btn,.chat-header button{background:#ffffff24;border:none;border-radius:12px;color:#fff;cursor:pointer;display:grid;height:36px;place-items:center;width:36px}.back-btn:hover,.chat-header button:hover{background:#ffffff38}.chat-body{display:flex;flex:1 1;min-height:0}.conversations-list{background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;width:44%}.new-chat-panel{background:#fff}.new-chat-search{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;gap:10px;padding:12px 14px}.message-input-form input,.new-chat-search input{background:#0000;border:none;color:#0f172a;font-size:14px;outline:none;width:100%}.search-results{max-height:380px;overflow-y:auto}.conversation-item,.search-result-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:.18s ease}.conversation-item+.conversation-item,.search-result-item+.search-result-item{border-top:1px solid #f1f5f9}.conversation-item.active,.conversation-item:hover,.search-result-item:hover{background:#eff6ff}.conversation-avatar,.message-user-avatar,.search-avatar{background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:14px;color:#fff;display:grid;flex-shrink:0;font-weight:900;height:42px;place-items:center;width:42px}.conversation-info,.search-user-info{flex:1 1;min-width:0}.conversation-name,.search-user-name{color:#0f172a;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-last-message,.loading-messages,.message-user-role,.no-results,.search-user-role,.searching-text{color:#64748b;font-size:12px}.unread-badge{align-items:center;background:#2563eb;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;height:22px;justify-content:center;min-width:22px;padding:0 6px}.no-conversation,.no-conversations{grid-gap:10px;color:#64748b;display:grid;gap:10px;padding:24px 18px;place-items:center;text-align:center}.no-conversations-text{color:#0f172a;font-weight:800}.messages-area{background:radial-gradient(280px 180px at 100% 0,#2563eb14,#0000 60%),#f8fafc;display:flex;flex:1 1;flex-direction:column;min-width:0}.messages-header{align-items:center;display:flex;gap:12px;padding:12px 16px}.message-user-name{color:#fff;display:block;font-size:14px;font-weight:800}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px}.no-messages-yet{background:#fff;border-radius:14px;box-shadow:0 8px 18px #0f172a0f;color:#64748b;font-size:13px;margin:auto;padding:12px 16px}.message{border-radius:16px;box-shadow:0 8px 18px #0f172a14;max-width:min(80%,300px);padding:10px 12px 8px}.message.sent{align-self:flex-end;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-bottom-right-radius:6px;color:#fff}.message.received{align-self:flex-start;background:#fff;border-bottom-left-radius:6px;color:#0f172a}.message-content{font-size:14px;line-height:1.45}.message-meta{display:flex;justify-content:flex-end;margin-top:4px}.message-time{font-size:11px;opacity:.8}.message-input-form{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px;padding:12px 14px}.message-input-form input{background:#f8fafc;border-radius:14px;padding:12px 14px}.message-input-form button{background:linear-gradient(135deg,#2563eb,#14b8a6);border:none;border-radius:14px;box-shadow:0 12px 24px #2563eb33;color:#fff;cursor:pointer;display:grid;height:44px;place-items:center;width:44px}.message-input-form button:hover{transform:translateY(-1px)}body.dark-mode .chat-window{background:#0f172a;border-color:#334155}body.dark-mode .conversations-list,body.dark-mode .message-input-form,body.dark-mode .new-chat-panel{background:#111827}body.dark-mode .message-input-form input,body.dark-mode .message.received,body.dark-mode .new-chat-search,body.dark-mode .no-messages-yet{background:#1e293b}body.dark-mode .conversation-name,body.dark-mode .message-input-form input,body.dark-mode .message.received,body.dark-mode .new-chat-search input,body.dark-mode .no-conversations-text,body.dark-mode .search-user-name{color:#e2e8f0}body.dark-mode .conversation-item.active,body.dark-mode .conversation-item:hover,body.dark-mode .search-result-item:hover{background:#172036}body.dark-mode .messages-area{background:#0b1220}@media(max-width:768px){.chat-toggle-btn{bottom:18px;right:18px}.chat-window{bottom:88px;height:min(72vh,620px);left:12px;right:12px;width:auto}.chat-body{position:relative}.conversations-list{width:100%}.conversations-list-mobile-hidden{display:none}.messages-area{width:100%}}:root{--transition-normal:240ms cubic-bezier(0.4,0,0.2,1)}.layout{background:radial-gradient(780px 300px at 5% 0,#2563eb14,#0000 60%),radial-gradient(680px 280px at 100% 10%,#14b8a614,#0000 56%),#f8fafc;background:radial-gradient(780px 300px at 5% 0,#2563eb14,#0000 60%),radial-gradient(680px 280px at 100% 10%,#14b8a614,#0000 56%),var(--bg-primary);color:#0f172a;color:var(--text-primary);display:flex;min-height:100vh}.layout-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a85;border:none;inset:0;position:fixed;z-index:109}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color);box-shadow:18px 0 48px #0f172a14;display:flex;flex-direction:column;inset:0 auto 0 0;overflow:hidden;position:fixed;transition:width .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal),transform var(--transition-normal);z-index:110}body.dark-mode .sidebar{background:#0f172af0}.sidebar.sidebar-mobile{transform:translateX(-100%);width:min(86vw,320px)}.sidebar.sidebar-mobile.sidebar-open{transform:translateX(0)}.logo{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:14px;padding:22px 18px}.logo-mark{background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;box-shadow:var(--shadow-primary);color:#fff;display:grid;flex-shrink:0;height:48px;place-items:center;width:48px}.logo-copy{display:flex;flex-direction:column;min-width:0}.logo-text{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.logo-tagline{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:700;white-space:nowrap}.mobile-close-btn,.mobile-menu-btn{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:40px}.mobile-close-btn{margin-left:auto}.role-badge{align-items:center;border:1px solid;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;font-size:12px;font-weight:900;gap:8px;margin:16px;padding:10px 14px;white-space:nowrap}.nav{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:8px 12px 18px}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-strong);border-radius:999px;border-radius:var(--radius-full)}.nav-item{align-items:center;border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);color:#64748b;color:var(--text-muted);display:flex;font-size:14px;font-weight:800;gap:14px;padding:14px 16px;position:relative;text-decoration:none;transition:transform .16s cubic-bezier(.4,0,.2,1),background .16s cubic-bezier(.4,0,.2,1),border-color .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary);transform:translateX(3px)}.nav-item.active,.nav-item[aria-current=page]{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;box-shadow:var(--shadow-primary);color:#fff}.nav-icon{align-items:center;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.bottom{background:#94a3b80f;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);padding:16px 12px}.user-card{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:14px;transition:transform .16s cubic-bezier(.4,0,.2,1),box-shadow .16s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.user-card:hover{box-shadow:0 2px 4px #0f172a0a,0 8px 22px #0f172a14,inset 0 1px 0 #ffffffd9;box-shadow:var(--shadow-md);transform:translateY(-2px)}.avatar{background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 22px #2563eb38;color:#fff;display:grid;flex-shrink:0;font-size:15px;font-weight:900;height:42px;place-items:center;width:42px}.user-info{flex:1 1;min-width:0;text-align:left}.user-name{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px;font-weight:700;text-transform:capitalize}.user-arrow,.user-role{color:#64748b;color:var(--text-muted)}.user-arrow{align-items:center;display:inline-flex;transition:transform .16s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.user-arrow-open{transform:rotate(180deg)}.user-menu-item{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 14px;text-decoration:none;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.user-menu-item:hover{background:#eff6ff;color:#2563eb;color:var(--primary)}.menu-item-icon{display:inline-flex;justify-content:center;width:18px}.menu-divider{background:#e2e8f0;background:var(--border-color);height:1px;margin:6px 2px}.collapse-btn,.logout-btn{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;gap:10px;justify-content:center;padding:12px 14px;transition:transform .16s cubic-bezier(.4,0,.2,1),box-shadow .16s cubic-bezier(.4,0,.2,1),background .16s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}.logout-btn{color:#ef4444;color:var(--danger)}.collapse-btn{color:#64748b;color:var(--text-muted);margin-top:10px}.collapse-btn:hover,.logout-btn:hover,.mobile-close-btn:hover,.mobile-menu-btn:hover{background:#eff6ff;box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.main{display:flex;flex:1 1;flex-direction:column;min-height:100vh;transition:margin-left .24s cubic-bezier(.4,0,.2,1);transition:margin-left var(--transition-normal)}.top-bar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 0 #0f172a08;display:flex;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:60}body.dark-mode .top-bar{background:#0f172ad6}.breadcrumb,.top-bar-left{align-items:center;display:flex}.top-bar-left{gap:12px}.breadcrumb{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:900;gap:10px}.top-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.presence-pill{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:999px;border-radius:var(--radius-full);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:800;gap:8px;padding:8px 12px}.online-dot{background:#22c55e;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px #22c55e29;flex-shrink:0;height:8px;width:8px}.online-text{display:inline-block;line-height:1;white-space:nowrap}.content{flex:1 1;padding:24px}.sidebar.sidebar-collapsed .logo{justify-content:center}.sidebar.sidebar-collapsed .collapse-btn span,.sidebar.sidebar-collapsed .logo-copy,.sidebar.sidebar-collapsed .logout-btn span,.sidebar.sidebar-collapsed .nav-item span,.sidebar.sidebar-collapsed .role-badge,.sidebar.sidebar-collapsed .user-arrow,.sidebar.sidebar-collapsed .user-info{display:none}.sidebar.sidebar-collapsed .bottom{padding-inline:10px}.sidebar.sidebar-collapsed .collapse-btn,.sidebar.sidebar-collapsed .logout-btn,.sidebar.sidebar-collapsed .nav-item{justify-content:center;padding-inline:0}@media (max-width:1024px){.top-bar{padding:14px 18px}.content{padding:18px}.presence-pill{padding:8px 12px}}@media (max-width:900px){.main{margin-left:0!important}.top-bar{flex-wrap:wrap;gap:12px}.top-right{justify-content:space-between;width:100%}}@media (max-width:768px){.top-right{gap:8px}.presence-pill{font-size:12px;padding:6px 10px}}@media (max-width:640px){.top-bar{padding:12px 14px}.content{padding:14px}.breadcrumb{font-size:14px}.logo{padding:18px 16px}.nav-item{padding:13px 14px}}.auth-page{--auth-blue:#1f73f1;--auth-blue-2:#1398ea;--auth-ink:#101f3b;--auth-muted:#667895;--auth-line:#dce6f3;--auth-shadow:0 24px 70px #245ba026;--auth-shadow-soft:0 10px 26px #2045761a;background:radial-gradient(620px 420px at 98% 82%,#1f73f11f,#0000 70%),radial-gradient(620px 420px at 2% 18%,#1f73f117,#0000 70%),linear-gradient(180deg,#edf6ff,#f7fbff 58%,#eaf4ff);color:var(--auth-ink);display:grid;font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:42px 20px;place-items:center;position:relative}.auth-page *,.auth-page :after,.auth-page :before{box-sizing:border-box}.auth-bg-dot{background-image:radial-gradient(circle,#8dbdf7 4px,#0000 0);background-size:24px 24px;height:78px;opacity:.55;position:absolute;width:110px}.auth-bg-dot-left{left:-4px;top:132px}.auth-bg-dot-right{right:-2px;top:58px}.auth-wave{opacity:.42;pointer-events:none;position:absolute}.auth-wave-left{background:linear-gradient(90deg,#0000 0 26%,#9fc8f9 26% 29%,#0000 29% 38%,#9fc8f9 38% 41%,#0000 41% 48%,#9fc8f9 48% 51%,#0000 51% 100%);bottom:130px;clip-path:polygon(0 58%,33% 58%,39% 0,48% 100%,55% 36%,63% 72%,68% 58%,100% 58%,100% 64%,69% 64%,62% 78%,55% 46%,48% 100%,39% 6%,34% 64%,0 64%);height:90px;left:-40px;width:180px}.auth-wave-right{background:#1f73f114;border-radius:54% 46% 0 0;bottom:-80px;height:360px;right:-90px;width:440px}.auth-shell{align-items:start;display:grid;grid-template-columns:minmax(0,1fr);justify-content:center;overflow:visible;position:relative;width:min(500px,100%);z-index:1}.auth-shell-login{width:min(480px,100%)}.auth-shell-register{width:min(520px,100%)}.auth-card,.auth-verify-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff;border:1px solid #d2e0f3f2;border-radius:18px;box-shadow:var(--auth-shadow);overflow:visible;padding:32px 34px 34px;width:100%}.auth-card.focused{animation:authCardIn .22s ease-out;border-color:#1f73f13d}.auth-card-icon{background:linear-gradient(180deg,#eaf3ff,#dcecff);border-radius:16px;box-shadow:0 14px 32px #1f73f124;color:var(--auth-blue);display:grid;height:62px;margin:0 auto 18px;place-items:center;width:62px}.auth-login-card .auth-card-icon{background:linear-gradient(135deg,#1d74f3,#0f8fe5);color:#fff}.auth-card-head,.auth-verify-card{text-align:center}.auth-card-head{margin-bottom:24px}.auth-card-head h1,.auth-verify-card h1{color:var(--auth-ink);font-size:25px;font-weight:900;letter-spacing:0;line-height:1.15;margin:0}.auth-card-head p,.auth-verify-card p{color:var(--auth-muted);font-size:14px;font-weight:500;line-height:1.55;margin:10px 0 0}.auth-toggle{grid-gap:4px;background:#f4f8fe;border:1px solid var(--auth-line);border-radius:13px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;min-height:52px;padding:4px}.auth-toggle-btn{background:#0000;border:0;border-radius:11px;color:#64738d;cursor:pointer;font:inherit;font-size:14px;font-weight:800;transition:.2s ease}.auth-toggle-btn.active{background:#fff;box-shadow:var(--auth-shadow-soft);color:#0960df}.auth-form{grid-gap:12px;display:grid;gap:12px}.auth-field{align-items:center;background:#fffffff5;border:1px solid var(--auth-line);border-radius:10px;display:flex;gap:13px;min-height:52px;position:relative;transition:.2s ease}.auth-field:focus-within{border-color:#1f73f199;box-shadow:0 0 0 4px #1f73f11a}.auth-field-icon{color:#273a58;flex:0 0 auto;margin-left:16px}.auth-page .auth-field input,.auth-page .auth-field select{appearance:none;-webkit-appearance:none;background:#0000!important;border:0!important;border-radius:0;box-shadow:none!important;color:var(--auth-ink);font:inherit;font-size:14px;font-weight:400!important;min-height:50px;min-width:0;outline:0!important;padding:0 41px 0 0;transition:none;width:100%}.auth-page .auth-register-card .auth-field input,.auth-page .auth-register-card .auth-field select{font-weight:400!important}.auth-page .auth-field input:focus,.auth-page .auth-field input:focus-visible,.auth-page .auth-field select:focus,.auth-page .auth-field select:focus-visible{background:#0000!important;border:0!important;box-shadow:none!important;outline:0!important}.auth-page .auth-field input::placeholder{color:#7485a1;font-weight:400!important}.auth-eye-btn,.auth-switch-copy button,.auth-text-btn,.auth-verify-actions button{background:#0000;border:0;cursor:pointer;font:inherit}.auth-eye-btn,.auth-select-icon{color:#60718d;position:absolute;right:16px}.auth-gender-select{position:relative;width:100%;z-index:10}.auth-gender-select.open{z-index:999}.auth-gender-trigger{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:10px;box-shadow:0 8px 22px #1f73f114;color:#101f3b;cursor:pointer;display:flex;font:inherit;gap:14px;min-height:52px;padding:0 16px;transition:all .25s ease;width:100%}.auth-gender-trigger-icon{color:#273a58;display:block;flex:0 0 22px;height:22px;width:22px}.auth-gender-trigger:hover{border-color:#93c5fd;box-shadow:0 10px 26px #1f73f11f}.auth-gender-select.open .auth-gender-trigger,.auth-gender-trigger:focus-visible{border-color:#1f73f1;box-shadow:0 0 0 4px #1f73f121,0 14px 32px #1f73f129;outline:none}.auth-gender-placeholder,.auth-gender-value{flex:1 1;font-size:15px;line-height:1;min-width:0;text-align:left}.auth-gender-placeholder{color:#71829e;font-weight:500}.auth-gender-value{color:#101f3b;font-weight:700}.auth-gender-chevron{color:#60718d;flex:0 0 auto;margin-left:auto;margin-right:2px;transition:transform .25s ease}.auth-gender-select.open .auth-gender-chevron{transform:rotate(180deg)}.auth-gender-menu{animation:authGenderDrop .22s ease both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #dbeafe;border-radius:14px;box-shadow:0 28px 70px #2045762e,0 8px 22px #20457614;left:0;max-height:min(292px,calc(100vh - 120px));overflow-x:hidden;overflow-y:auto;padding:12px;position:absolute;scrollbar-color:#c9d7ea #0000;scrollbar-width:thin;top:calc(100% + 6px);width:100%}@keyframes authGenderDrop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-gender-menu-head{align-items:center;background:linear-gradient(135deg,#eef6ff,#f8fbff);border-radius:10px;color:#0c66e8;display:flex;font-size:15px;font-weight:900;gap:14px;min-height:42px;padding:0 14px}.auth-gender-options{grid-gap:6px;border-top:1px solid #dce6f3;display:grid;gap:6px;margin-top:8px;padding-top:8px}.auth-gender-option{align-items:center;background:#0000;border:0;border-radius:10px;color:#101f3b;cursor:pointer;display:flex;font:inherit;font-size:15px;font-weight:800;gap:13px;min-height:48px;padding:0 12px 0 8px;text-align:left;transition:all .2s ease}.auth-gender-option:hover{background:#f6faff;transform:translateY(-1px)}.auth-gender-option.selected{background:#eef6ff;color:#0c66e8}.auth-gender-option-icon{border-radius:12px;display:grid;flex:0 0 auto;font-size:14px;font-weight:900;height:38px;place-items:center;width:38px}.auth-gender-blue .auth-gender-option-icon{background:linear-gradient(135deg,#eaf3ff,#dcebff);color:#0b73e8}.auth-gender-pink .auth-gender-option-icon{background:linear-gradient(135deg,#ffeaf2,#ffe0ec);color:#e53073}.auth-gender-violet .auth-gender-option-icon{background:linear-gradient(135deg,#f0ebff,#e9ddff);color:#6d4df2}.auth-gender-check{color:#1f73f1;flex:0 0 auto;margin-left:auto}@media (max-width:640px){.auth-gender-trigger{border-radius:10px;min-height:52px}.auth-gender-menu{border-radius:14px;max-height:min(248px,calc(100vh - 96px));padding:10px}.auth-gender-menu-head{min-height:40px}.auth-gender-option{font-size:14px;min-height:46px}.auth-gender-option-icon{font-size:13px;height:36px;width:36px}}.auth-form-row{align-items:center;color:var(--auth-ink);display:flex;font-size:13px;font-weight:600;gap:14px;justify-content:space-between;min-height:38px}.auth-check{align-items:center;cursor:pointer;display:inline-flex;gap:11px}.auth-check input{accent-color:var(--auth-blue);height:20px;margin:0;width:20px}.auth-switch-copy button,.auth-text-btn,.auth-verify-actions button{color:#0069e8;font-weight:700}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,#2373ed,#128fe8);border:0;border-radius:10px;box-shadow:0 14px 28px #1f73f13d;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:15px;font-weight:900;gap:14px;justify-content:center;margin-top:4px;min-height:52px;transition:transform .2s ease,box-shadow .2s ease}.auth-submit-btn:hover{box-shadow:0 18px 34px #1f73f152;transform:translateY(-2px)}.auth-submit-btn:disabled,.auth-verify-actions button:disabled{cursor:not-allowed;opacity:.65;transform:none}.auth-divider{align-items:center;color:#63738c;display:flex;font-size:13px;font-weight:500;gap:14px;margin:26px 0 18px}.auth-divider:after,.auth-divider:before{background:var(--auth-line);content:"";flex:1 1;height:1px}.auth-role-grid,.auth-social-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.auth-role-card,.auth-social-grid button{align-items:center;background:#fff;border:1px solid var(--auth-line);border-radius:8px;box-shadow:var(--auth-shadow-soft);color:var(--auth-ink);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;gap:14px;justify-content:center;min-height:48px}.auth-google{color:#4285f4;font-size:23px;font-weight:900}.auth-apple{color:#0b1428;flex:0 0 auto}.auth-switch-copy{color:#667895;font-size:14px;font-weight:500;margin:28px 0 0;text-align:center}.auth-role-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);justify-content:center;margin-bottom:10px}.auth-role-card{font-size:14px;min-height:47px}.auth-role-card.active{background:#f0f7ff;border-color:#1f73f1;box-shadow:none;color:#0c66e8}.auth-terms{align-items:center;cursor:pointer;display:flex;gap:10px}.auth-terms input{display:none}.auth-checkmark{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;display:flex;height:20px;justify-content:center;transition:.3s;width:20px}.auth-terms input:checked+.auth-checkmark{background:#2563eb;border-color:#2563eb}.auth-checkmark svg{color:#fff;height:14px;width:14px}.auth-verify-card{position:relative;width:min(477px,100%);z-index:1}.auth-verify-card .auth-form{margin-top:25px}.auth-verify-actions{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:22px}@keyframes authCardIn{0%{opacity:.82;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.auth-page{padding:34px 14px;place-items:start center}.auth-card,.auth-verify-card{border-radius:16px;padding:26px 16px 28px}.auth-card-head h1,.auth-verify-card h1{font-size:24px}.auth-social-grid{grid-template-columns:1fr}.auth-role-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.auth-role-card{font-size:12px;gap:5px}.auth-form-row{align-items:flex-start;flex-direction:column}.auth-bg-dot,.auth-wave{display:none}}@keyframes gradientMove{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes home-chart-draw{to{stroke-dashoffset:0}}@keyframes home-logo-pop{0%{opacity:0;transform:scale(0) rotate(-15deg)}70%{opacity:1;transform:scale(1.12) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes home-hero-left-in{0%{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:translateX(0)}}@keyframes home-hero-right-in{0%{opacity:0;transform:translateX(36px) translateY(10px)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes home-badge-in{0%{opacity:0;transform:translateY(-14px) scale(.85)}70%{transform:translateY(3px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes home-stat-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes home-card-in{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes home-btn-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes home-logo-ring{0%{box-shadow:0 0 0 0 #2474f473}70%{box-shadow:0 0 0 10px #2474f400}to{box-shadow:0 0 0 0 #2474f400}}@keyframes home-nav-underline{0%{width:0}to{width:100%}}@keyframes home-spin{to{transform:rotate(1turn)}}@keyframes home-fade-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes home-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes home-metric-pop{0%{opacity:0;transform:scale(.7)}75%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes home-step-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes home-security-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes home-link-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes home-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.18)}}@keyframes home-glow{0%,to{box-shadow:0 14px 28px #2474f43d}50%{box-shadow:0 18px 40px #2474f47a}}@keyframes home-faq-rotate{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes home-avatar-spin{to{filter:hue-rotate(1turn)}}@keyframes home-sidebar-in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes home-cursor-blink{0%,to{border-right-color:var(--blue)}50%{border-right-color:#0000}}@keyframes home-word-in{0%{filter:blur(4px);opacity:0;transform:translateY(18px) skewY(2deg)}to{filter:blur(0);opacity:1;transform:translateY(0) skewY(0deg)}}@keyframes home-letter-pop{0%{opacity:0;transform:scale(.4) translateY(12px)}70%{transform:scale(1.1) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes home-highlight-sweep{0%{background-size:0 100%}to{background-size:100% 100%}}@keyframes home-glitch{0%,to{clip-path:none;transform:none}20%{clip-path:polygon(0 15%,100% 15%,100% 40%,0 40%);transform:translate(-3px)}40%{clip-path:polygon(0 60%,100% 60%,100% 85%,0 85%);transform:translate(3px)}60%{clip-path:none;transform:translate(-1px)}80%{clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);transform:translate(2px)}}@keyframes home-text-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes home-underline-draw{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes home-text-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(6px)}45%{transform:translateX(-4px)}60%{transform:translateX(4px)}75%{transform:translateX(-2px)}}@keyframes home-text-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes home-text-flipY{0%{opacity:0;transform:rotateX(90deg) translateY(-20px)}to{opacity:1;transform:rotateX(0deg) translateY(0)}}@keyframes home-kicker-in{0%{letter-spacing:4px;opacity:0;transform:translateX(-18px) scale(.9)}to{letter-spacing:.7px;opacity:1;transform:translateX(0) scale(1)}}@keyframes home-h2-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes home-para-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes home-count-blur{0%{filter:blur(8px);opacity:0;transform:scale(1.3)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes home-quote-text-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.home{--bg:#f7fbff;--surface:#fff;--surface-soft:#f2f8ff;--ink:#07183c;--muted:#536780;--muted-2:#8090a8;--line:#dfe8f6;--blue:#2474f4;--blue-dark:#1558c8;--teal:#14b8b6;--green:#16a874;--violet:#7354d8;--warning:#f4a62a;--shadow:0 22px 60px #102d5c24;--shadow-soft:0 12px 32px #102d5c14;--radius:8px;--ease:cubic-bezier(0.4,0,0.2,1);background:radial-gradient(640px 340px at 64% 4%,#2474f41f,#0000 62%),radial-gradient(560px 320px at 100% 22%,#14b8b61f,#0000 60%),linear-gradient(180deg,#fbfdff,#f5faff 42%,#fff);color:var(--ink);display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;min-height:100vh}.home *,.home :after,.home :before{box-sizing:border-box}.home a,.home button{-webkit-tap-highlight-color:transparent}.home-reveal{opacity:0;transform:translateY(22px);transition:opacity .62s var(--ease),transform .62s var(--ease)}.home-reveal.is-visible{opacity:1;transform:translateY(0)}.home-header{align-items:center;animation:home-hero-left-in .5s var(--ease) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfdffe6;border-bottom:1px solid #dfe8f6db;display:flex;gap:18px;justify-content:space-between;margin:0 auto;min-height:72px;position:sticky;top:0;width:min(1200px,calc(100% - 36px));z-index:100}.home-brand{align-items:center;color:inherit;display:inline-flex;flex:0 0 auto;gap:12px;text-decoration:none}.home-logo{animation:home-logo-pop .7s cubic-bezier(.34,1.56,.64,1) .2s both,home-logo-ring 2.4s ease 1.2s infinite;background:linear-gradient(135deg,var(--blue),var(--teal));border-radius:8px;box-shadow:0 14px 28px #2474f43d;color:#fff;display:grid;height:44px;place-items:center;width:44px}.footer-title,.home-title{animation:home-para-in .5s var(--ease) .3s both;color:var(--ink);font-size:16px;font-weight:900;line-height:1.05}.footer-sub,.home-subtitle{animation:home-para-in .5s var(--ease) .4s both;color:var(--muted-2);font-size:11px;font-weight:700;margin-top:3px}.home-actions,.home-header-right,.home-nav{align-items:center;display:flex;gap:10px}.home-nav{gap:4px}.home-nav-link{align-items:center;background:#0000;border:0;border-radius:8px;color:#1c2f51;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:800;gap:4px;padding:10px 12px;position:relative;text-decoration:none;transition:color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.home-nav-link:after{background:var(--blue);border-radius:2px;bottom:6px;content:"";height:2px;left:12px;position:absolute;right:12px;transition:width .22s var(--ease);width:0}.home-nav-link.active:after,.home-nav-link:hover:after{width:calc(100% - 24px)}.home-nav-dropdown.open .home-nav-dropdown-btn,.home-nav-link.active,.home-nav-link:hover{background:#eef5ff;color:var(--blue);transform:translateY(-1px)}.home-nav-dropdown{position:relative}.home-nav-dropdown-btn svg{transition:transform .18s var(--ease)}.home-nav-dropdown.open .home-nav-dropdown-btn svg,.home-nav-dropdown:hover .home-nav-dropdown-btn svg{transform:rotate(180deg)}.home-nav-menu{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);min-width:230px;opacity:0;padding:8px;position:absolute;right:0;top:calc(100% + 12px);transform:translateY(-8px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s var(--ease);visibility:hidden}.home-nav-dropdown.open .home-nav-menu,.home-nav-dropdown:focus-within .home-nav-menu,.home-nav-dropdown:hover .home-nav-menu{opacity:1;transform:translateY(0);visibility:visible}.home-nav-menu-link{border-radius:8px;color:var(--muted);display:block;font-size:13px;font-weight:800;padding:10px 11px;text-decoration:none;transition:color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}.home-nav-menu-link:hover{background:#eef5ff;color:var(--blue);transform:translateX(4px)}.home-btn{align-items:center;border:1px solid #0000;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:13px;font-weight:900;gap:8px;justify-content:center;min-height:40px;padding:0 17px;text-decoration:none;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease);white-space:nowrap}.home-btn:hover{transform:translateY(-2px)}.home-btn:active{transform:translateY(0) scale(.97)}.home-btn-primary{animation:home-glow 2.8s ease-in-out infinite;background:linear-gradient(135deg,var(--blue),#0b8ff1);background-size:200% auto;box-shadow:0 14px 28px #2474f43d;color:#fff}.home-btn-primary:hover{animation:none;background-position:100%;box-shadow:0 18px 40px #2474f46b}.home-btn-ghost,.home-btn-soft{background:#fff;border-color:var(--line);box-shadow:var(--shadow-soft);color:var(--ink)}.home-btn-soft{background:#edf7ff;color:var(--blue)}.home-btn-lg{min-height:48px;padding-inline:24px}.home-btn-light{background:#fff;color:#087f7e;min-width:170px}.home-mobile-menu-btn,.home-mobile-nav{display:none}.home-mobile-menu-btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);height:42px;justify-content:center;transition:transform .18s var(--ease),background .18s var(--ease);width:42px}.home-mobile-menu-btn:hover{background:#eef5ff;transform:scale(1.06)}.home-main{flex:1 1;margin:0 auto;width:min(1200px,calc(100% - 36px))}.home-hero{grid-gap:44px;align-items:center;display:grid;gap:44px;grid-template-columns:minmax(360px,.92fr) minmax(560px,1.25fr);min-height:620px;padding:54px 0 48px;position:relative}.home-hero:before{animation:home-float 8s ease-in-out infinite;background:#2474f414;border-radius:48% 52% 54% 46%;content:"";height:270px;position:absolute;right:52px;top:104px;transform:rotate(-16deg);width:430px}.home-hero-left{animation:home-hero-left-in .72s var(--ease) .1s both;position:relative;z-index:1}.home-hero-right{animation:home-hero-right-in .72s var(--ease) .2s both;position:relative;z-index:1}.home-badge{align-items:center;animation:home-badge-in .6s cubic-bezier(.34,1.56,.64,1) .3s both;background:#effffd;border:1px solid #a9eee9;border-radius:999px;color:#07928d;display:inline-flex;font-size:13px;font-weight:900;gap:8px;padding:9px 15px;width:fit-content}.home-h1{animation:home-text-flipY .75s cubic-bezier(.22,1,.36,1) .25s both;font-size:clamp(32px,4.5vw,56px);font-weight:900;letter-spacing:-1.2px;line-height:1.08;max-width:620px;perspective:800px}.home-h1 .gradient-text{-webkit-text-fill-color:#0000;animation:gradientMove 4s ease infinite;background:linear-gradient(90deg,#2474f4,#14b8b6,#7354d8);-webkit-background-clip:text;background-clip:text;background-size:200% auto}.home-lead{animation:home-fade-up .7s var(--ease) .45s both;color:var(--muted);font-size:17px;font-weight:650;line-height:1.75;margin:0 0 24px;max-width:590px}.home-cta,.home-security-row,.home-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.home-stats-row{gap:16px;margin-top:30px}.home-stat-box{align-items:center;animation:home-stat-in .55s var(--ease) both;border-radius:8px;color:inherit;display:flex;gap:10px;min-height:58px;min-width:132px;padding:8px 10px 8px 0;text-decoration:none;transition:transform .18s var(--ease),background .18s var(--ease)}.home-stat-box:first-child{animation-delay:.5s}.home-stat-box:nth-child(2){animation-delay:.62s}.home-stat-box:nth-child(3){animation-delay:.74s}.home-stat-box:hover{background:#ffffffb3;transform:translateY(-3px)}.home-stat-box svg{background:#edf5ff;border-radius:8px;color:var(--blue);flex:0 0 auto;height:42px;padding:9px;transition:transform .22s var(--ease);width:42px}.home-stat-box:hover svg{transform:scale(1.14) rotate(-6deg)}.home-stat-box:nth-child(2) svg{background:#e8fffc;color:#099c98}.home-stat-box:nth-child(3) svg{background:#eafff6;color:#0da875}.home-stat-num{animation:home-count-blur .55s cubic-bezier(.22,1,.36,1) .5s both;color:var(--ink);display:block;font-size:24px;font-weight:900;line-height:1}.home-stat-label{color:var(--muted);font-size:12px;font-weight:800;margin-top:4px}.home-security-row{color:#39516f;font-size:12px;font-weight:800;gap:12px;margin-top:28px}.home-security-row span{align-items:center;animation:home-security-in .5s var(--ease) both;background:#ffffffbd;border:1px solid #c9d8ebd6;border-radius:999px;display:inline-flex;gap:6px;min-height:30px;padding:0 10px}.home-security-row span:first-child{animation-delay:.8s}.home-security-row span:nth-child(2){animation-delay:.9s}.home-security-row span:nth-child(3){animation-delay:1s}.home-security-row span:hover{background:#effffd;border-color:var(--teal);transform:scale(1.04);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.home-dashboard-shell{grid-gap:18px;animation:home-float 6s ease-in-out infinite;background:#ffffffe6;border:1px solid #e3ecfa;border-radius:24px;box-shadow:0 28px 70px #17366729;display:grid;gap:18px;grid-template-columns:136px minmax(0,1fr);min-height:448px;padding:18px;transition:box-shadow .3s var(--ease)}.home-dashboard-shell:hover{animation-play-state:paused;box-shadow:0 36px 90px #17366738}.home-dashboard-sidebar{background:#f7fbffeb;border-radius:18px;padding:8px}.home-sidebar-logo{color:#089aa0;display:grid;height:30px;margin:2px 0 14px 6px;place-items:center;width:30px}.home-sidebar-item{align-items:center;animation:home-sidebar-in .4s var(--ease) both;border-radius:7px;color:#45607e;display:flex;font-size:11px;font-weight:900;gap:8px;min-height:34px;padding:0 9px;transition:transform .16s var(--ease),background .16s var(--ease)}.home-sidebar-item:hover{transform:translateX(3px)}.home-sidebar-item:first-child{animation-delay:.3s}.home-sidebar-item:nth-child(2){animation-delay:.38s}.home-sidebar-item:nth-child(3){animation-delay:.46s}.home-sidebar-item:nth-child(4){animation-delay:.54s}.home-sidebar-item:nth-child(5){animation-delay:.62s}.home-sidebar-item span{border:2px solid;border-radius:3px;height:12px;opacity:.55;width:12px}.home-sidebar-item.selected{background:var(--blue);color:#fff}.home-dashboard-main{min-width:0;padding:6px 0 0}.home-chart-row,.home-dashboard-top,.home-metric-grid,.home-profile{align-items:center;display:flex}.home-dashboard-top{justify-content:space-between;margin-bottom:22px}.home-dashboard-top h3{animation:home-word-in .5s cubic-bezier(.22,1,.36,1) .5s both;color:var(--ink);font-size:18px;font-weight:900;margin:0}.home-profile{color:var(--ink);gap:10px}.home-avatar{animation:home-avatar-spin 6s linear infinite;background:linear-gradient(135deg,#f9b38c,#8857dc);border-radius:999px;height:30px;width:30px}.home-profile span,.home-profile strong{display:block;font-size:10px;line-height:1.2}.home-profile span{color:var(--muted-2);font-weight:800}.home-metric-grid{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.home-chart-card,.home-faq-item,.home-feature,.home-metric,.home-quote,.home-role,.home-schedule-card,.home-step,.home-summary-box,.home-table-wrap{background:#fff;border:1px solid #e5edf8;border-radius:8px;box-shadow:var(--shadow-soft)}.home-metric{min-height:86px;padding:15px 14px;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.home-metric:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.home-metric small,.home-metric span{color:var(--muted-2);display:block;font-size:10px;font-weight:800}.home-metric-value{animation:home-metric-pop .5s cubic-bezier(.34,1.56,.64,1) both;color:var(--ink);display:block;font-size:21px;font-weight:900;margin:8px 0 6px}.home-metric:first-child .home-metric-value{animation-delay:.6s}.home-metric:nth-child(2) .home-metric-value{animation-delay:.7s}.home-metric:nth-child(3) .home-metric-value{animation-delay:.8s}.home-metric:nth-child(4) .home-metric-value{animation-delay:.9s}.home-metric small{color:#0bad72}.home-chart-row{align-items:stretch;gap:16px}.home-chart-card{flex:1 1;min-width:0;padding:18px;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.home-chart-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.home-schedule-card{padding:18px;width:174px}.home-chart-title{color:var(--ink);font-size:12px;font-weight:900;margin-bottom:14px}.home-chart{background-image:linear-gradient(#eef3fa 1px,#0000 0),linear-gradient(90deg,#eef3fa 1px,#0000 0);background-size:52px 42px;border-radius:8px;height:185px;overflow:hidden;position:relative}.home-chart svg{display:block;height:145px;width:100%}.home-chart-fill{fill:url(#chartFill)}.home-chart-line{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:700;stroke-dashoffset:700;animation:home-chart-draw 1.4s ease .35s forwards}.home-chart-days{bottom:8px;color:#7c8fa9;display:flex;font-size:10px;font-weight:800;justify-content:space-between;left:14px;position:absolute;right:14px}.home-chart-pill{animation:home-logo-ring 2s ease-in-out infinite;background:#19b9b0;border-radius:7px;color:#fff;font-size:10px;font-weight:900;padding:6px 9px;position:absolute;right:18px;top:24px}.home-schedule-item{grid-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:56px 1fr;margin-bottom:15px;transition:transform .16s var(--ease)}.home-schedule-item:hover{transform:translateX(3px)}.home-schedule-item span{color:var(--ink);font-size:10px;font-weight:900}.home-schedule-item small,.home-schedule-item strong{color:var(--ink);display:block;font-size:10px;font-weight:900}.home-schedule-item small{color:var(--muted-2);font-weight:800}.home-view-btn{align-items:center;background:#edf5ff;border:0;border-radius:7px;color:var(--blue);display:inline-flex;font-size:10px;font-weight:900;justify-content:center;min-height:34px;text-decoration:none;transition:transform .16s var(--ease),background .16s var(--ease);width:100%}.home-view-btn:hover{background:#daeeff;transform:scale(1.03)}.home-section{padding:56px 0 10px}.home-section-head{margin:0 auto 26px;text-align:center;width:min(760px,100%)}.home-kicker{align-items:center;animation:home-kicker-in .65s cubic-bezier(.34,1.56,.64,1) both;color:var(--blue);display:inline-flex;font-size:12px;font-weight:900;gap:7px;letter-spacing:.7px;text-transform:uppercase}.home-h2{animation:home-h2-reveal .7s cubic-bezier(.22,1,.36,1) .15s both;color:var(--ink);font-size:clamp(28px,3.2vw,38px);font-weight:900;letter-spacing:0;line-height:1.12;margin:10px 0 9px}.home-h2:after{animation:home-underline-draw .5s var(--ease) .75s both;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:2px;content:"";display:block;height:3px;width:48px}.home-h2:after,.home-section-head .home-h2:after{margin:8px auto 0}.home-final-card .home-h2:after,.home-hero-left .home-h2:after{display:none}.home-p{animation:home-para-in .6s var(--ease) .35s both;color:var(--muted);font-size:14px;font-weight:700;line-height:1.7;margin:0}.home-feature-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.home-feature{grid-gap:16px;display:grid;gap:16px;grid-template-columns:54px minmax(0,1fr);min-height:176px;padding:22px;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.home-faq-item:hover,.home-feature:hover,.home-quote:hover,.home-role:hover{border-color:#cfe0f6;box-shadow:var(--shadow);transform:translateY(-5px)}.home-feature-icon{background:#edf5ff;border-radius:8px;color:var(--blue);display:grid;height:52px;place-items:center;transition:transform .22s var(--ease),background .22s var(--ease);width:52px}.home-feature:hover .home-feature-icon{background:#daeeff;transform:rotate(-8deg) scale(1.12)}.home-feature h3,.home-role h3,.home-step h3{color:var(--ink);display:inline-block;font-size:16px;font-weight:900;margin:0 0 8px;position:relative}.home-feature h3:after,.home-role h3:after,.home-step h3:after{background:var(--blue);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .28s var(--ease);width:0}.home-feature:hover h3:after,.home-role:hover h3:after,.home-step:hover h3:after{width:100%}.home-feature p,.home-quote p,.home-role li,.home-step p{color:var(--muted);font-size:12.5px;font-weight:700;line-height:1.65;margin:0;transition:color .2s var(--ease)}.home-feature:hover p,.home-quote:hover p,.home-step:hover p{color:#3a526b}.home-feature a{align-items:center;color:var(--blue);display:inline-flex;font-size:12px;font-weight:900;gap:4px;margin-top:14px;text-decoration:none;transition:gap .16s var(--ease),opacity .16s var(--ease)}.home-feature a:hover{gap:8px;opacity:.8}.home-stats-band{grid-gap:14px;background:linear-gradient(135deg,#fffffff0,#eef7ffe0);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft);display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:46px 0 10px;padding:18px}.home-stat-card{grid-gap:9px;background:#fff;border:1px solid #e5edf8;border-radius:8px;display:grid;gap:9px;min-height:120px;padding:18px;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.home-stat-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.home-stat-card svg{color:var(--teal);transition:transform .22s var(--ease)}.home-stat-card:hover svg{transform:scale(1.2) rotate(-8deg)}.home-stat-card-value{animation:home-count-blur .6s cubic-bezier(.22,1,.36,1) both;color:var(--ink);font-size:29px;font-weight:900;line-height:1}.home-stat-card:first-child .home-stat-card-value{animation-delay:.1s}.home-stat-card:nth-child(2) .home-stat-card-value{animation-delay:.2s}.home-stat-card:nth-child(3) .home-stat-card-value{animation-delay:.3s}.home-stat-card:nth-child(4) .home-stat-card-value{animation-delay:.4s}.home-stat-card span:last-child{color:var(--muted);font-size:12px;font-weight:800}.home-role-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(340px,380px));justify-content:center;margin:0 auto;max-width:900px}.home-role{overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.home-role-media{height:168px;overflow:hidden;position:relative}.home-role-media img{display:block;height:100%;object-fit:cover;transition:transform .45s var(--ease);width:100%}.home-role:hover img{transform:scale(1.06)}.home-role-badge{align-items:center;background:#fffffff0;border:1px solid #dbe7fb;border-radius:6px;bottom:10px;color:var(--blue);display:inline-flex;font-size:12px;font-weight:900;gap:5px;left:12px;padding:7px 10px;position:absolute;transition:transform .28s var(--ease)}.home-role:hover .home-role-badge{transform:translateY(-3px)}.home-role-teal .home-role-badge{color:#07928d}.home-role-violet .home-role-badge{color:var(--violet)}.home-role-body{padding:20px}.home-role ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:12px 0 16px;padding:0}.home-role li{align-items:center;display:flex;gap:8px;transition:transform .16s var(--ease)}.home-role li:hover{transform:translateX(4px)}.home-role li svg{color:#536983;flex:0 0 auto}.home-role-btn{align-items:center;background:var(--blue);border-radius:7px;color:#fff;display:inline-flex;font-size:12px;font-weight:900;justify-content:center;min-height:40px;text-decoration:none;transition:transform .18s var(--ease),opacity .18s var(--ease),box-shadow .18s var(--ease);width:100%}.home-role-btn:hover{box-shadow:0 10px 24px #2474f44d;transform:translateY(-2px)}.home-role-teal .home-role-btn{background:var(--teal)}.home-role-teal .home-role-btn:hover{box-shadow:0 10px 24px #14b8b64d}.home-role-violet .home-role-btn{background:var(--violet)}.home-role-violet .home-role-btn:hover{box-shadow:0 10px 24px #7354d84d}.home-step-section{padding-top:62px}.home-steps{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}.home-steps:before{border-top:2px dotted #83b4ff;content:"";left:16%;position:absolute;right:16%;top:46px}.home-step{grid-gap:14px;display:grid;gap:14px;grid-template-columns:58px minmax(0,1fr);min-height:138px;padding:20px;position:relative;transition:transform .22s var(--ease),box-shadow .22s var(--ease);z-index:1}.home-step:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.home-step-icon{background:#edf5ff;border-radius:8px;color:var(--blue);display:grid;height:58px;place-items:center;transition:transform .22s var(--ease);width:58px}.home-step:hover .home-step-icon{animation:home-step-bounce .6s ease infinite}.home-step-2 .home-step-icon{background:#e8fffc;color:#07928d}.home-step-3 .home-step-icon{background:#f1edff;color:var(--violet)}.home-step span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--blue) 0,var(--teal) 50%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:var(--blue);display:block;font-size:11px;font-weight:900;letter-spacing:.5px;transition:background-position .4s var(--ease)}.home-step:hover span{background-position:100%}.home-step h3{font-size:15px;margin:4px 0 5px}.home-logo-strip{background:#eef7ff;border:1px solid #dbe9f8;border-radius:18px;margin:50px auto 10px;padding:20px 28px;text-align:center;width:min(1030px,100%)}.home-logo-strip p{animation:home-para-in .5s var(--ease) .2s both;color:#415a7b;font-size:13px;font-weight:900;margin:0 0 18px}.home-logo-row{grid-gap:18px;align-items:center;display:grid;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr))}.home-logo-row span{animation:home-word-in .5s cubic-bezier(.22,1,.36,1) both;color:#227186;font-size:19px;font-weight:900;line-height:1.05;transition:transform .18s var(--ease),opacity .18s var(--ease)}.home-logo-row span:first-child{animation-delay:.1s}.home-logo-row span:nth-child(2){animation-delay:.18s}.home-logo-row span:nth-child(3){animation-delay:.26s}.home-logo-row span:nth-child(4){animation-delay:.34s}.home-logo-row span:nth-child(5){animation-delay:.42s}.home-logo-row span:hover{opacity:.8;transform:translateY(-3px) scale(1.06)}.home-logo-row span:nth-child(2),.home-logo-row span:nth-child(5){color:#4a6280}.home-logo-row span:nth-child(3){color:#1680b7}.home-logo-row span:nth-child(4){color:#2876b8}.home-testimonials{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,420px));justify-content:center;margin:0 auto;max-width:900px}.home-quote{min-height:230px;padding:22px;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.home-quote-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.home-quote-icon{background:#edf5ff;border-radius:999px;color:var(--blue);display:grid;height:40px;place-items:center;transition:transform .22s var(--ease);width:40px}.home-quote:hover .home-quote-icon{transform:scale(1.14) rotate(-8deg)}.home-stars{color:#f7b51b;display:inline-flex;gap:3px}.home-quote:hover .home-stars svg:first-child{animation:home-step-bounce .4s ease 0s infinite}.home-quote:hover .home-stars svg:nth-child(2){animation:home-step-bounce .4s ease .06s infinite}.home-quote:hover .home-stars svg:nth-child(3){animation:home-step-bounce .4s ease .12s infinite}.home-quote:hover .home-stars svg:nth-child(4){animation:home-step-bounce .4s ease .18s infinite}.home-quote:hover .home-stars svg:nth-child(5){animation:home-step-bounce .4s ease .24s infinite}.home-quote span,.home-quote strong{color:var(--ink);display:block;font-size:12px;font-weight:900;margin-top:16px;transition:transform .24s var(--ease),color .2s var(--ease)}.home-quote:hover strong{transform:translateX(4px)}.home-quote span{color:var(--muted-2);font-weight:800;margin-top:3px}.home-quote:hover span{transform:translateX(4px);transition-delay:.04s}.home-faq-section{padding-bottom:36px}.home-faq-list{grid-gap:12px;display:grid;gap:12px;margin:0 auto;width:min(860px,100%)}.home-faq-item{overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.home-faq-question{align-items:center;background:#0000;border:0;color:var(--ink);cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:900;gap:14px;justify-content:space-between;min-height:62px;padding:0 18px;text-align:left;transition:color .18s var(--ease);width:100%}.home-faq-question:hover{color:var(--blue)}.home-faq-question svg{color:var(--blue);flex:0 0 auto;transition:transform .24s var(--ease)}.home-faq-item.open .home-faq-question svg{transform:rotate(180deg)}.home-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s var(--ease)}.home-faq-answer p{color:var(--muted);font-size:13px;font-weight:700;line-height:1.7;margin:0;min-height:0;overflow:hidden;padding:0 18px;transition:color .2s var(--ease)}.home-faq-item.open .home-faq-answer{grid-template-rows:1fr}.home-faq-item.open .home-faq-answer p{animation:home-quote-text-in .35s var(--ease) .1s both;padding-bottom:18px}.home-final{margin:8px auto -34px;position:relative;width:min(1080px,100%);z-index:2}.home-final-card{grid-gap:20px;align-items:center;animation:home-btn-shimmer 5s linear infinite;background:linear-gradient(135deg,#2474f4,#17b8b5);background-size:200% 200%;border-radius:16px;box-shadow:0 22px 48px #158cb947;color:#fff;display:grid;gap:20px;grid-template-columns:70px minmax(0,1fr) auto;min-height:96px;padding:24px 30px;transition:box-shadow .3s var(--ease)}.home-final-card:hover{box-shadow:0 30px 64px #158cb96b}.home-final-icon{animation:home-logo-ring 2.4s ease infinite;background:#ffffff2e;border-radius:999px;display:grid;height:62px;place-items:center;width:62px}.home-final-card h2{animation:home-word-in .6s cubic-bezier(.22,1,.36,1) .1s both;color:#fff;font-size:26px;font-weight:900;line-height:1.15;margin:0}.home-final-card p{animation:home-para-in .6s var(--ease) .25s both;color:#ffffffe6;font-size:15px;font-weight:700;margin:5px 0 0}.home-final-actions{align-items:center;display:flex;gap:14px}.footer-desc{animation:home-para-in .6s var(--ease) .35s both}.footer-col h4{animation:home-kicker-in .5s var(--ease) both}.home-stats-page{padding:42px 0}.home-stats-head{margin:0 auto 22px;max-width:760px;text-align:center}.home-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.home-summary-box{padding:18px;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.home-summary-box:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.home-summary-label{color:var(--muted-2);font-size:12px;font-weight:900;text-transform:uppercase}.home-summary-value{animation:home-count-blur .55s cubic-bezier(.22,1,.36,1) .2s both;color:var(--ink);font-size:30px;font-weight:900;margin-top:6px}.home-table-wrap{overflow-x:auto}.home-data-table{border-collapse:collapse;min-width:760px;width:100%}.home-data-table td,.home-data-table th{border-bottom:1px solid var(--line);font-size:13px;padding:14px 16px;text-align:left}.home-data-table th{background:#f6f9fe;color:var(--muted-2);font-weight:900;text-transform:uppercase}.home-data-table td{color:var(--ink);font-weight:700;transition:background .14s var(--ease)}.home-data-table tr:hover td{background:#f4f9ff}.home-data-table tr:last-child td{border-bottom:0}.home-table-state{color:var(--muted);font-weight:800;padding:34px 18px;text-align:center}.bmi-container,.bmi-page{grid-gap:22px;display:grid;font-family:Plus Jakarta Sans,sans-serif;gap:22px;grid-template-columns:1.05fr .95fr;margin:0 auto;padding:42px 18px;width:min(1120px,100%)}.bmi-container,.bmi-panel,.bmi-result{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.bmi-panel,.bmi-result{padding:28px}.bmi-panel h1,.bmi-panel h2,.bmi-title{animation:home-text-flipY .65s cubic-bezier(.22,1,.36,1) .1s both;color:var(--ink);font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.08;margin:10px 0 8px}.bmi-panel p,.bmi-result p,.bmi-subtitle{animation:home-para-in .55s var(--ease) .3s both;color:var(--muted);font-size:14px;font-weight:700;line-height:1.7}.bmi-field label,.bmi-field span{color:var(--muted);font-size:13px;font-weight:900;transition:color .18s var(--ease)}.bmi-field:focus-within label,.bmi-field:focus-within span{color:var(--blue)}.bmi-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.bmi-field{display:flex;flex-direction:column;gap:8px}.bmi-field input,.bmi-field select,input[type=number],input[type=text]{background:#fff!important;border:1px solid #cbd8e8!important;border-radius:8px;color:var(--ink)!important;font-size:14px;font-weight:800;min-height:50px;outline:none;padding:13px 15px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease);width:100%}.bmi-field input:focus,.bmi-field select:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px #2474f426!important;transform:scale(1.01)}.bmi-calculate-btn,.bmi-form button,.calculate-btn{animation:home-glow 2.8s ease-in-out infinite;background:linear-gradient(135deg,var(--blue),#0b8ff1);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:900;grid-column:1/-1;min-height:52px;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.bmi-calculate-btn:hover,.bmi-form button:hover,.calculate-btn:hover{animation:none;box-shadow:0 14px 32px #2474f461;transform:translateY(-2px)}.bmi-calculate-btn:active,.bmi-form button:active,.calculate-btn:active{transform:scale(.97)}.bmi-result{text-align:center}.bmi-num,.bmi-result-value{animation:home-metric-pop .6s cubic-bezier(.34,1.56,.64,1) both;color:var(--ink);display:block;font-size:clamp(42px,6vw,62px);font-weight:900;line-height:1}.bmi-result-status,.bmi-stat{border-radius:999px;display:inline-flex;font-size:13px;font-weight:900;margin:14px auto 0;padding:8px 16px;text-transform:uppercase}.bmi-result-success .bmi-result-status,.status-success{background:#dcfce7;color:#15803d}.bmi-result-warning .bmi-result-status,.status-warning{background:#fef3c7;color:#b45309}.bmi-result-danger .bmi-result-status,.status-danger{background:#fee2e2;color:#b91c1c}.status-neutral{background:#eef4fb;color:var(--muted)}@media (prefers-reduced-motion:reduce){.home *,.home :after,.home :before,.home-chart-line,.home-dashboard-shell,.home-reveal{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:1100px){.home-hero{grid-template-columns:1fr}.home-hero:before{display:none}.home-hero-left{text-align:center}.home-badge,.home-lead{margin-left:auto;margin-right:auto}.home-cta,.home-security-row,.home-stats-row{justify-content:center}.home-role-grid,.home-testimonials{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.home-actions,.home-nav{display:none}.home-mobile-menu-btn{display:inline-flex}.home-mobile-nav.open{grid-gap:4px;animation:home-badge-in .22s var(--ease) both;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:grid;gap:4px;left:0;padding:10px;position:absolute;right:0;top:calc(100% + 10px)}.home-mobile-nav-link{align-items:center;border-radius:8px;color:var(--muted);display:flex;font-size:13px;font-weight:900;min-height:42px;padding:0 12px;text-decoration:none;transition:color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}.home-mobile-nav-link.strong,.home-mobile-nav-link:hover{background:#eef5ff;color:var(--blue);transform:translateX(4px)}.home-feature-grid,.home-stats-band,.home-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home-steps:before{display:none}.home-logo-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-final-card{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-container{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media (max-width:760px){.footer-bottom,.footer-container,.home-header,.home-main{width:min(100% - 28px,1200px)}.home-hero{padding-top:30px}.home-h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2474f4,#14b8b6,#7354d8);-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,4.5vw,56px);line-height:1.1;max-width:600px}.home-dashboard-shell{animation:none;grid-template-columns:1fr}.home-dashboard-sidebar{display:none}.home-feature-grid,.home-metric-grid,.home-role-grid,.home-stats-band,.home-steps,.home-testimonials{grid-template-columns:1fr}.home-chart-row{flex-direction:column}.home-schedule-card{width:100%}.home-feature{grid-template-columns:1fr}.footer-bottom,.home-final-actions{flex-direction:column}.bmi-container,.bmi-form,.bmi-page,.home-summary-grid{grid-template-columns:1fr}}@media (max-width:560px){.home-brand-text{display:none}.home-h1{font-size:32px}.home-lead{font-size:15px}.home-btn-light,.home-cta .home-btn,.home-stat-box{width:100%}.home-stat-box{justify-content:center;padding-right:0}.home-security-row span{justify-content:center;width:100%}.home-dashboard-top{align-items:flex-start;flex-direction:column;gap:12px}.home-chart{height:150px}.footer-container,.home-logo-row{grid-template-columns:1fr}.home-final-card h2{font-size:22px}}.home-footer{background:linear-gradient(180deg,#0f172a,#0b1325);color:#cbd5f5;padding:60px 20px 20px}.home-footer-cta{align-items:center;background:linear-gradient(135deg,#3b82f6,#14b8a6);border-radius:20px;box-shadow:0 20px 40px #0003;color:#fff;display:flex;justify-content:space-between;margin:-100px auto 50px;max-width:1100px;padding:30px 40px}.home-footer-cta-content{align-items:center;display:flex;gap:20px}.home-footer-cta h3{font-size:22px;margin:0}.home-footer-cta p{margin:5px 0 0;opacity:.9}.home-footer-main{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr;margin:auto;max-width:1100px}.home-footer-col h4{color:#fff;margin-bottom:12px}.home-footer-col ul{list-style:none;padding:0}.home-footer-col li{cursor:pointer;margin-bottom:8px;transition:.3s}.home-footer-col li:hover{color:#14b8a6}.home-footer-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#14b8a6);border-radius:10px;display:flex;height:42px;justify-content:center;margin-bottom:10px;width:42px}.home-footer-desc{font-size:14px;margin-top:10px;opacity:.8}.home-footer-bottom{border-top:1px solid #ffffff1a;display:flex;font-size:14px;justify-content:space-between;margin-top:40px;opacity:.8;padding-top:15px}@media (max-width:768px){.home-footer-main{grid-template-columns:1fr}.home-footer-cta{gap:20px}.home-footer-bottom,.home-footer-cta{flex-direction:column;text-align:center}.home-footer-bottom{gap:10px}}.bmr-page{--primary:#2563eb;--secondary:#0ea5e9;--accent:#14b8a6;--blue:var(--primary);--teal:var(--accent);--ease:cubic-bezier(0.4,0,0.2,1);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--bg:#f8fafc;--text:#0f172a;--muted:#64748b;--body:#475569;--border:#e2e8f0;--card:#fff;--ring:#2563eb2e;--shadow-sm:0 10px 25px #0f172a12;--shadow-md:0 18px 45px #0f172a1c;background:radial-gradient(700px 320px at 12% 8%,#2563eb1f,#0000 60%),radial-gradient(650px 320px at 88% 10%,#14b8a61c,#0000 60%),linear-gradient(180deg,#fff 0,var(--bg) 100%);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh}.bmr-header{align-items:center;display:flex;gap:14px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:20px 18px}.bmr-back,.bmr-brand{align-items:center;color:var(--text);display:inline-flex;font-weight:900;gap:10px;text-decoration:none}.bmr-logo{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:15px;box-shadow:0 14px 28px #2563eb38;color:#fff;display:grid;height:44px;place-items:center;width:44px}.bmr-brand small{color:var(--muted);display:block;font-size:11px;font-weight:700;margin-top:2px}.bmr-back{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:10px 15px;transition:all .2s ease}.bmr-back:hover{box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-2px)}.bmr-main{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr .75fr;margin:0 auto;max-width:1100px;padding:34px 18px 44px}.bmr-card,.bmr-result{background:#fffffff0;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:30px}.bmr-kicker{align-items:center;background:#ecfeff;border:1px solid #ccfbf1;border-radius:999px;color:#0f766e;display:inline-flex;font-size:12px;font-weight:900;gap:8px;padding:8px 14px}.bmr-card h1{color:var(--text);font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-1px;line-height:1.08;margin:16px 0 10px}.bmr-card p,.bmr-result p{color:var(--body);font-size:14.5px;font-weight:650;line-height:1.75;margin:0}.bmr-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.bmr-form label{grid-gap:8px;display:grid;gap:8px}.bmr-form span{align-items:center;color:var(--body);display:inline-flex;font-size:13px;font-weight:900;gap:8px}.bmr-form input,.bmr-form select{background:#fff;border:1px solid #cbd5e1;border-radius:15px;color:var(--text);font:inherit;font-weight:800;min-height:52px;outline:none;padding:13px 15px;transition:all .2s ease;width:100%}.bmr-form input::placeholder{color:#94a3b8}.bmr-form input:hover,.bmr-form select:hover{border-color:#93c5fd}.bmr-form input:focus,.bmr-form select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.bmr-btn,.bmr-calculate-btn,.bmr-form button{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:16px;box-shadow:0 16px 34px #2563eb3d;color:#fff;cursor:pointer;font-size:15px;font-weight:900;grid-column:1/-1;min-height:54px;transition:all .22s ease;width:100%}.bmr-btn:hover,.bmr-calculate-btn:hover,.bmr-form button:hover{background:linear-gradient(135deg,#1d4ed8,#0284c7);box-shadow:0 22px 44px #2563eb4d;transform:translateY(-2px)}.bmr-result{background:#fff;border-top:1px solid #dbeafe;padding:56px 20px 70px;text-align:center;width:100%}.bmr-result h2{color:#1e40af;font-size:28px;font-weight:900;margin:0 0 24px}.bmr-result h3{color:#0f766e;font-size:26px;font-weight:900;margin:0 0 26px}.bmr-gauge{background:conic-gradient(from 270deg,#0ea5e9 0deg,#38bdf8 85deg,#5eead4 150deg,#14b8a6 180deg,#0000 180deg);border-radius:330px 330px 0 0;box-shadow:0 14px 28px #0f172a1f;height:165px;margin:0 auto;overflow:hidden;position:relative;width:330px}.bmr-gauge:after{background:#fff;border-radius:220px 220px 0 0;bottom:0;content:"";height:88px;left:44px;position:absolute;right:44px}.bmr-needle{background:#1e293b;border-radius:999px;bottom:0;height:155px;left:50%;position:absolute;transform:translateX(-50%) rotate(13deg);transform-origin:bottom center;width:5px;z-index:3}.bmr-needle:after{background:#1e40af;border:3px solid #fff;border-radius:50%;bottom:-7px;content:"";height:15px;width:15px}.bmr-gauge-value,.bmr-needle:after{left:50%;position:absolute;transform:translateX(-50%)}.bmr-gauge-value{bottom:8px;color:#fff;text-shadow:0 3px 7px #0f172a73;z-index:4}.bmr-gauge-value strong{display:block;font-size:58px;font-weight:900;line-height:1}.bmr-gauge-value span{display:block;font-size:28px;font-weight:800}.bmr-gauge-labels{background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #dbeafe;border-radius:14px;box-shadow:0 8px 20px #0f172a0f;color:#64748b;display:flex;font-size:20px;justify-content:space-between;margin:12px auto 20px;max-width:330px;padding:12px 18px}.bmr-result p{color:#334155;font-size:22px;line-height:1.6;margin:0 auto 22px;max-width:720px}.bmr-unit-toggle{background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;display:flex;gap:8px;margin:0 auto;padding:6px;width:fit-content}.bmr-unit-toggle button{background:#0000;border:none;border-radius:999px;color:#0369a1;cursor:pointer;font-size:18px;font-weight:800;padding:14px 28px}.bmr-unit-toggle button.active{background:#0ea5e9;box-shadow:0 8px 18px #0ea5e959;color:#fff}@media (max-width:1024px){.bmr-main{grid-template-columns:1fr;max-width:760px}.bmr-result{padding:42px 24px 50px}}@media (max-width:760px){.bmr-header{padding:16px 14px}.bmr-main{gap:16px;padding:20px 14px 34px}.bmr-card,.bmr-result{border-radius:20px;padding:22px}.bmr-card h1{font-size:30px;letter-spacing:0}.bmr-form{gap:14px}.bmr-form,.footer-container{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}@media (max-width:600px){.bmr-result{padding:42px 14px 56px}.bmr-result h2{font-size:24px}.bmr-result h3{font-size:21px}.bmr-gauge{height:140px;width:280px}.bmr-gauge:after{height:74px;left:38px;right:38px}.bmr-needle{height:130px}.bmr-gauge-value strong{font-size:44px}.bmr-gauge-value span{font-size:22px}.bmr-gauge-labels{font-size:16px;max-width:280px}.bmr-result p{font-size:17px}.bmr-unit-toggle button{font-size:15px;padding:12px 22px}}@media (max-width:640px){.bmr-header{align-items:stretch;flex-direction:column}.bmr-back,.bmr-brand{justify-content:center}.bmr-main{padding-top:18px;padding-inline:14px}.bmr-card,.bmr-result{border-radius:20px;padding:22px}.bmr-form{gap:14px;grid-template-columns:1fr}.bmr-btn,.bmr-calculate-btn,.bmr-form button,.bmr-form input,.bmr-form select{min-height:50px}}@media (max-width:420px){.bmr-header{gap:10px}.bmr-brand{font-size:14px}.bmr-logo{border-radius:13px;height:40px;width:40px}.bmr-card,.bmr-result{padding:18px}.bmr-gauge{height:122px;width:min(245px,100%)}.bmr-gauge:after{height:64px;left:32px;right:32px}.bmr-needle{height:114px}.bmr-gauge-value strong{font-size:38px}.bmr-gauge-value span{font-size:18px}.bmr-gauge-labels{font-size:13px;max-width:245px;padding:9px 12px}.bmr-unit-toggle{width:100%}.bmr-unit-toggle button{flex:1 1;font-size:13px;padding:11px 10px}}.water-page{--primary:#2563eb;--secondary:#0ea5e9;--accent:#14b8a6;--blue:var(--primary);--teal:var(--accent);--ease:cubic-bezier(0.4,0,0.2,1);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--bg:#f8fafc;--text:#0f172a;--muted:#64748b;--body:#475569;--border:#e2e8f0;--card:#fff;--ring:#2563eb2e;--shadow-sm:0 10px 25px #0f172a12;--shadow-md:0 18px 45px #0f172a1c;background:radial-gradient(700px 320px at 12% 8%,#2563eb1f,#0000 60%),radial-gradient(650px 320px at 88% 10%,#14b8a61c,#0000 60%),linear-gradient(180deg,#fff 0,var(--bg) 100%);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh}.water-header,.water-main{margin:0 auto;max-width:1100px;padding-inline:18px}.water-header{align-items:center;display:flex;gap:14px;justify-content:space-between;padding-bottom:20px;padding-top:20px}.water-back,.water-brand{align-items:center;color:var(--text);display:inline-flex;font-weight:900;gap:10px;text-decoration:none}.water-brand span{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:15px;box-shadow:0 14px 28px #2563eb38;color:#fff;display:grid;height:44px;place-items:center;width:44px}.water-back{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:10px 15px;transition:all .2s ease}.water-back:hover{box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-2px)}.water-main{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr .75fr;padding-bottom:44px;padding-top:34px}.water-card,.water-result{background:#fffffff0;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:30px}.water-kicker{align-items:center;background:#ecfeff;border:1px solid #ccfbf1;border-radius:999px;color:#0f766e;display:inline-flex;font-size:12px;font-weight:900;gap:8px;padding:8px 14px}.water-card h1{color:var(--text);font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-1px;line-height:1.08;margin:16px 0 10px}.water-card p,.water-result p{color:var(--body);font-size:14.5px;font-weight:650;line-height:1.75;margin:0}.water-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.water-form label{grid-gap:8px;display:grid;gap:8px}.water-form span{align-items:center;color:var(--body);display:inline-flex;font-size:13px;font-weight:900;gap:8px}.water-form input,.water-form select{background:#fff;border:1px solid #cbd5e1;border-radius:15px;color:var(--text);font:inherit;font-weight:800;min-height:52px;outline:none;padding:13px 15px;transition:all .2s ease;width:100%}.water-form input::placeholder{color:#94a3b8}.water-form input:hover,.water-form select:hover{border-color:#93c5fd}.water-form input:focus,.water-form select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.water-btn,.water-calculate-btn,.water-form button{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:16px;box-shadow:0 16px 34px #2563eb3d;color:#fff;cursor:pointer;font-size:15px;font-weight:900;grid-column:1/-1;min-height:54px;transition:all .22s ease;width:100%}.water-btn:hover,.water-calculate-btn:hover,.water-form button:hover{background:linear-gradient(135deg,#1d4ed8,#0284c7);box-shadow:0 22px 44px #2563eb4d;transform:translateY(-2px)}.water-btn:active,.water-calculate-btn:active,.water-form button:active{transform:translateY(0)}.water-result{background:radial-gradient(circle at top left,#0ea5e92e,#0000 36%),radial-gradient(circle at bottom right,#14b8a62e,#0000 38%),#fff;border:1px solid #dbeafe;border-radius:30px;box-shadow:0 24px 60px #0f172a1f;overflow:hidden;padding:34px;position:relative;text-align:center}.water-result:before{background:#0ea5e91f;border-radius:50%;content:"";height:190px;inset:-80px auto auto -80px;position:absolute;width:190px}.water-result-top{align-items:center;display:flex;gap:18px;justify-content:center;margin-bottom:26px;position:relative;z-index:2}.water-icon-orb{background:linear-gradient(135deg,#2563eb,#0ea5e9,#14b8a6);border-radius:28px;box-shadow:0 18px 38px #0ea5e952;color:#fff;display:grid;height:82px;place-items:center;width:82px}.water-result span{color:#64748b;display:block;font-size:13px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.water-result h2{color:#2563eb;font-size:clamp(44px,6vw,76px);font-weight:900;letter-spacing:-3px;line-height:1;margin:5px 0 0}.water-bottle{margin:0 auto 26px;position:relative;width:170px;z-index:2}.water-bottle-cap{background:linear-gradient(135deg,#0f172a,#334155);border-radius:12px 12px 6px 6px;height:18px;margin:0 auto 8px;width:56px}.water-bottle-body{background:linear-gradient(180deg,#f8fafc,#fff);border:5px solid #dbeafe;border-radius:42px 42px 30px 30px;box-shadow:inset 0 0 22px #0ea5e91f,0 18px 38px #0f172a1a;height:240px;overflow:hidden;position:relative}.water-fill{background:linear-gradient(180deg,#38bdf8,#0ea5e9,#14b8a6);bottom:0;left:0;position:absolute;right:0;transition:height .8s ease}.water-wave{animation:waterWave 3s linear infinite;background:#ffffff73;border-radius:45%;height:34px;left:-30%;position:absolute;top:-15px;width:160%}@keyframes waterWave{0%{transform:translateX(0)}to{transform:translateX(28px)}}.water-bottle-value{color:#0f172a;display:grid;inset:0;place-content:center;position:absolute;text-shadow:0 2px 10px #ffffffb3;z-index:3}.water-bottle-value svg{color:#0284c7;margin:0 auto 6px}.water-bottle-value strong{color:#0f172a;font-size:42px;font-weight:900;line-height:1}.water-bottle-value small{color:#334155;font-size:13px;font-weight:900;margin-top:4px}.water-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;position:relative;z-index:2}.water-info-grid div{background:#eff6ffc7;border:1px solid #dbeafe;border-radius:20px;padding:16px 14px}.water-info-grid svg{color:#0ea5e9;margin-bottom:8px}.water-info-grid strong{color:#0f172a;display:block;font-size:20px;font-weight:900}.water-info-grid span{font-size:11px;margin-top:4px}.water-result p{color:#334155;font-size:16px;font-weight:800;line-height:1.8;margin:0 auto;max-width:520px;position:relative;z-index:2}@media (max-width:1024px){.water-main{grid-template-columns:1fr;max-width:760px}.water-result{padding:30px}}@media (max-width:760px){.water-header{padding-bottom:16px;padding-top:16px}.water-main{gap:16px;padding:20px 14px 34px}.water-card,.water-result{border-radius:20px;padding:22px}.water-card h1{font-size:30px;letter-spacing:0}.water-form{gap:14px}.footer-container,.water-form{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}@media (max-width:640px){.water-result{border-radius:24px;padding:26px 18px}.water-result-top{flex-direction:column;gap:12px}.water-result h2{font-size:52px}.water-bottle{width:145px}.water-bottle-body{height:210px}.water-info-grid{grid-template-columns:1fr}.water-header{align-items:stretch;flex-direction:column}.water-back,.water-brand{justify-content:center}.water-main{padding-top:18px;padding-inline:14px}.water-card,.water-result{border-radius:20px;padding:22px}.water-form{gap:14px;grid-template-columns:1fr}.water-btn,.water-calculate-btn,.water-form button,.water-form input,.water-form select{min-height:50px}}@media (max-width:420px){.water-brand{font-size:14px}.water-brand span{border-radius:13px;height:40px;width:40px}.water-card,.water-result{padding:18px}.water-result h2{font-size:42px;letter-spacing:-1.5px}.water-icon-orb{border-radius:22px;height:68px;width:68px}.water-bottle{width:126px}.water-bottle-body{border-radius:34px 34px 26px 26px;height:188px}.water-bottle-value strong{font-size:34px}.water-info-grid div{border-radius:16px;padding:13px 12px}.water-result p{font-size:14px}}.bp-page{--primary:#2563eb;--secondary:#0ea5e9;--accent:#14b8a6;--blue:var(--primary);--teal:var(--accent);--ease:cubic-bezier(0.4,0,0.2,1);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--bg:#f8fafc;--text:#0f172a;--muted:#64748b;--body:#475569;--border:#e2e8f0;--card:#fff;--ring:#2563eb2e;--shadow-sm:0 10px 25px #0f172a12;--shadow-md:0 18px 45px #0f172a1c;--radius:22px;background:radial-gradient(700px 320px at 12% 8%,#2563eb1f,#0000 60%),radial-gradient(650px 320px at 88% 10%,#14b8a61c,#0000 60%),linear-gradient(180deg,#fff 0,var(--bg) 100%);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh}.bp-header,.bp-main{margin:0 auto;max-width:1100px;padding-inline:18px}.bp-header{align-items:center;display:flex;gap:14px;justify-content:space-between;padding-bottom:20px;padding-top:20px}.bp-back,.bp-brand{align-items:center;color:var(--text);display:inline-flex;font-weight:900;gap:10px;text-decoration:none}.bp-brand span{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:15px;box-shadow:0 14px 28px #2563eb38;color:#fff;display:grid;height:44px;place-items:center;width:44px}.bp-back{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:10px 15px;transition:all .2s ease}.bp-back:hover{box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-2px)}.bp-main{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr .75fr;padding-bottom:44px;padding-top:34px}.bp-card,.bp-result{background:#fffffff0;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:30px}.bp-kicker{align-items:center;background:#ecfeff;border:1px solid #ccfbf1;border-radius:999px;color:#0f766e;display:inline-flex;font-size:12px;font-weight:900;gap:8px;padding:8px 14px}.bp-card h1{color:var(--text);font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-1px;line-height:1.08;margin:16px 0 10px}.bp-card p,.bp-result p{color:var(--body);font-size:14.5px;font-weight:650;line-height:1.75;margin:0}.bp-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.bp-form label{grid-gap:8px;display:grid;gap:8px}.bp-form span{color:var(--body);font-size:13px;font-weight:900}.bp-form input{background:#fff;border:1px solid #cbd5e1;border-radius:15px;color:var(--text);font:inherit;font-weight:800;min-height:52px;outline:none;padding:13px 15px;transition:all .2s ease;width:100%}.bp-form input::placeholder{color:#94a3b8}.bp-form input:hover{border-color:#93c5fd}.bp-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.bp-btn,.bp-check-btn,.bp-form button{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:16px;box-shadow:0 16px 34px #2563eb3d;color:#fff;cursor:pointer;font-size:15px;font-weight:900;grid-column:1/-1;min-height:54px;transition:all .22s ease}.bp-btn:hover,.bp-check-btn:hover,.bp-form button:hover{background:linear-gradient(135deg,#1d4ed8,#0284c7);box-shadow:0 22px 44px #2563eb4d;transform:translateY(-2px)}.bp-btn:active,.bp-check-btn:active,.bp-form button:active{transform:translateY(0)}.bp-result{background:radial-gradient(circle at top left,#2563eb29,#0000 35%),radial-gradient(circle at bottom right,#14b8a629,#0000 36%),#fff;border:1px solid #dbeafe;border-radius:30px;box-shadow:0 24px 60px #0f172a1f;overflow:hidden;padding:36px;position:relative;text-align:center}.bp-result-icon{background:linear-gradient(135deg,#2563eb,#0ea5e9,#14b8a6);border-radius:26px;box-shadow:0 18px 40px #2563eb40;color:#fff;display:grid;height:78px;margin:0 auto 16px;place-items:center;width:78px}.bp-result span{color:#64748b;display:block;font-size:14px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.bp-result strong{color:#2563eb;display:block;font-size:clamp(42px,6vw,72px);font-weight:900;letter-spacing:-2px;line-height:1.02;margin:10px auto 20px;max-width:560px}.bp-result.is-normal strong{color:#0f766e}.bp-result.is-warning strong{color:#d97706}.bp-result.is-high strong{color:#dc2626}.bp-result.is-danger strong{color:#991b1b}.bp-meter{margin:0 auto 20px;max-width:480px}.bp-meter-track{background:linear-gradient(90deg,#22c55e,#f59e0b 45%,#ef4444 75%,#7f1d1d);border-radius:999px;box-shadow:inset 0 2px 8px #0f172a29;height:18px;position:relative}.bp-meter-pointer{background:#fff;border:5px solid #0f172a;border-radius:999px;box-shadow:0 8px 18px #0f172a33;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .8s ease;width:22px}.bp-meter-labels{color:#64748b;display:flex;font-size:12px;font-weight:900;justify-content:space-between;margin-top:9px}.bp-result p{color:#334155;font-size:18px;font-weight:800;line-height:1.7;margin:0 auto 20px;max-width:620px}.bp-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin:0 auto 18px;max-width:460px}.bp-info-grid div{background:#eff6ffc7;border:1px solid #dbeafe;border-radius:20px;padding:16px}.bp-info-grid svg{color:#0ea5e9;margin-bottom:8px}.bp-info-grid b{color:#0f172a;display:block;font-size:24px;font-weight:900}.bp-info-grid small{color:#64748b;font-weight:800}.bp-advice{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0 auto 20px;max-width:540px;padding:0;text-align:left}.bp-advice li{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#334155;display:flex;font-size:14px;font-weight:800;gap:10px;padding:13px 15px}.bp-advice svg{color:#22c55e;flex:0 0 auto}.bp-result em{color:#64748b;display:block;font-size:13px;font-style:normal;font-weight:800;line-height:1.7;margin:0 auto;max-width:620px}@media (max-width:640px){.bp-result{border-radius:24px;padding:28px 18px}.bp-result-icon{border-radius:22px;height:66px;width:66px}.bp-result strong{font-size:42px}.bp-result p{font-size:16px}.bp-info-grid{grid-template-columns:1fr}}@media (max-width:900px){.bp-main{grid-template-columns:1fr}.bp-result{min-height:260px}}@media (max-width:640px){.bp-header{align-items:stretch;flex-direction:column}.bp-back,.bp-brand{justify-content:center}.bp-main{padding-top:18px;padding-inline:14px}.bp-card,.bp-result{border-radius:20px;padding:22px}.bp-form{gap:14px;grid-template-columns:1fr}.bp-btn,.bp-check-btn,.bp-form button,.bp-form input{min-height:50px}.footer-container{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}.sugar-page{--primary:#2563eb;--secondary:#0ea5e9;--accent:#14b8a6;--blue:var(--primary);--teal:var(--accent);--ease:cubic-bezier(0.4,0,0.2,1);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--bg:#f8fafc;--text:#0f172a;--muted:#64748b;--body:#475569;--border:#e2e8f0;--card:#fff;--ring:#2563eb2e;--shadow-sm:0 10px 25px #0f172a12;--shadow-md:0 18px 45px #0f172a1c;background:radial-gradient(700px 320px at 12% 8%,#2563eb1f,#0000 60%),radial-gradient(650px 320px at 88% 10%,#14b8a61c,#0000 60%),linear-gradient(180deg,#fff 0,var(--bg) 100%);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh}.footer{background:#07183c;color:#a8b8d2;margin-top:0;padding-top:68px}.footer-container{grid-gap:36px;display:grid;gap:36px;grid-template-columns:1.8fr repeat(4,1fr);margin:0 auto;padding:20px 0 24px;width:min(1080px,calc(100% - 36px))}.footer-logo-wrap{align-items:center;display:flex;gap:11px}.footer-logo{background:linear-gradient(135deg,var(--blue),var(--teal));border-radius:8px;color:#fff;display:grid;height:36px;place-items:center;transition:transform .18s var(--ease);width:36px}.footer-logo:hover{transform:scale(1.1) rotate(-6deg)}.footer-title{color:#fff;font-size:16px;font-weight:900;line-height:1.05}.footer-sub{color:#a8b8d2;font-size:11px;font-weight:700;margin-top:3px}.footer-desc{color:#a8b8d2;font-size:12.5px;font-weight:600;line-height:1.65;margin:18px 0 0;max-width:270px}.footer-col{grid-gap:9px;align-content:start;display:grid;gap:9px}.footer-col h4{color:#fff;font-size:10px;font-weight:900;letter-spacing:.7px;margin:0 0 4px;text-transform:uppercase}.footer-col a{color:#a8b8d2;display:inline-block;font-size:12px;font-weight:700;position:relative;text-decoration:none;transition:color .18s var(--ease),transform .18s var(--ease)}.footer-col a:after{background:var(--teal);bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .22s var(--ease);width:0}.footer-col a:hover{color:#fff;transform:translateX(3px)}.footer-col a:hover:after{width:100%}.footer-bottom{align-items:center;border-top:1px solid #ffffff14;color:#a8b8d2;display:flex;font-size:11.5px;font-weight:700;gap:12px;justify-content:space-between;margin:0 auto;padding:16px 0 18px;width:min(1080px,calc(100% - 36px))}.footer-bottom span{align-items:center;display:inline-flex;gap:6px}.sugar-header,.sugar-main{margin:0 auto;max-width:1100px;padding-inline:18px}.sugar-header{align-items:center;display:flex;gap:14px;justify-content:space-between;padding-bottom:20px;padding-top:20px}.sugar-back,.sugar-brand{align-items:center;color:var(--text);display:inline-flex;font-weight:900;gap:10px;text-decoration:none}.sugar-brand span{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:15px;box-shadow:0 14px 28px #2563eb38;color:#fff;display:grid;height:44px;place-items:center;width:44px}.sugar-back{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:10px 15px;transition:all .2s ease}.sugar-back:hover{box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-2px)}.sugar-main{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr .75fr;padding-bottom:44px;padding-top:34px}.sugar-card,.sugar-result{background:#fffffff0;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:30px}.sugar-kicker{align-items:center;background:#ecfeff;border:1px solid #ccfbf1;border-radius:999px;color:#0f766e;display:inline-flex;font-size:12px;font-weight:900;gap:8px;padding:8px 14px}.sugar-card h1{color:var(--text);font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-1px;line-height:1.08;margin:16px 0 10px}.sugar-card p,.sugar-result p{color:var(--body);font-size:14.5px;font-weight:650;line-height:1.75;margin:0}.sugar-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.sugar-form label{grid-gap:8px;display:grid;gap:8px}.sugar-form span{color:var(--body);font-size:13px;font-weight:900}.sugar-form input,.sugar-form select{background:#fff;border:1px solid #cbd5e1;border-radius:15px;color:var(--text);font:inherit;font-weight:800;min-height:52px;outline:none;padding:13px 15px;transition:all .2s ease;width:100%}.sugar-form input::placeholder{color:#94a3b8}.sugar-form input:hover,.sugar-form select:hover{border-color:#93c5fd}.sugar-form input:focus,.sugar-form select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.sugar-btn,.sugar-check-btn,.sugar-form button{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:16px;box-shadow:0 16px 34px #2563eb3d;color:#fff;cursor:pointer;font-size:15px;font-weight:900;grid-column:1/-1;min-height:54px;transition:all .22s ease;width:100%}.sugar-btn:hover,.sugar-check-btn:hover,.sugar-form button:hover{background:linear-gradient(135deg,#1d4ed8,#0284c7);box-shadow:0 22px 44px #2563eb4d;transform:translateY(-2px)}.sugar-result{background:radial-gradient(circle at top left,#2563eb29,#0000 35%),radial-gradient(circle at bottom right,#14b8a629,#0000 36%),#fff;border:1px solid #dbeafe;border-radius:30px;box-shadow:0 24px 60px #0f172a1f;overflow:hidden;padding:36px;position:relative;text-align:center}.sugar-result:before{background:#2563eb14;border-radius:50%;content:"";height:210px;inset:-90px -70px auto auto;position:absolute;width:210px}.sugar-result-icon{background:linear-gradient(135deg,#2563eb,#0ea5e9,#14b8a6);border-radius:26px;box-shadow:0 18px 40px #2563eb40;color:#fff;display:grid;height:78px;margin:0 auto 16px;place-items:center;position:relative;width:78px;z-index:2}.sugar-result span{color:#64748b;font-size:14px;letter-spacing:.7px;text-transform:uppercase}.sugar-result span,.sugar-result strong{display:block;font-weight:900;position:relative;z-index:2}.sugar-result strong{color:#2563eb;font-size:clamp(42px,6vw,74px);letter-spacing:-2px;line-height:1.02;margin:10px auto 20px;max-width:520px}.sugar-result.is-normal strong{color:#0f766e}.sugar-result.is-warning strong{color:#d97706}.sugar-result.is-high strong{color:#dc2626}.sugar-result.is-low strong{color:#0284c7}.sugar-meter{margin:0 auto 18px;max-width:460px;position:relative;z-index:2}.sugar-meter-track{background:linear-gradient(90deg,#38bdf8,#22c55e 45%,#f59e0b 70%,#ef4444);border-radius:999px;box-shadow:inset 0 2px 8px #0f172a24;height:16px;overflow:hidden}.sugar-meter-fill{background:#ffffff80;border-radius:999px;border-right:5px solid #0f172a;height:100%;transition:width .8s ease}.sugar-meter-labels{color:#64748b;display:flex;font-weight:800;justify-content:space-between;margin-top:8px}.sugar-result p{color:#334155;font-size:18px;font-weight:800;line-height:1.7;margin:0 auto 20px;max-width:620px;position:relative;z-index:2}.sugar-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin:0 auto 18px;max-width:460px;position:relative;z-index:2}.sugar-info-grid div{background:#eff6ffc7;border:1px solid #dbeafe;border-radius:20px;padding:16px}.sugar-info-grid svg{color:#0ea5e9;margin-bottom:8px}.sugar-info-grid b{color:#0f172a;display:block;font-size:19px;font-weight:900}.sugar-info-grid small{color:#64748b;font-weight:800}.sugar-advice{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0 auto 20px;max-width:520px;padding:0;position:relative;text-align:left;z-index:2}.sugar-advice li{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#334155;display:flex;font-size:14px;font-weight:800;gap:10px;padding:13px 15px}.sugar-advice svg{color:#22c55e;flex:0 0 auto}.sugar-result em{color:#64748b;display:block;font-size:13px;font-style:normal;font-weight:800;line-height:1.7;margin:0 auto;max-width:620px;position:relative;z-index:2}@media (max-width:640px){.sugar-result{border-radius:24px;padding:28px 18px}.sugar-result-icon{border-radius:22px;height:66px;width:66px}.sugar-result strong{font-size:42px}.sugar-result p{font-size:16px}.sugar-info-grid{grid-template-columns:1fr}}@media (max-width:900px){.sugar-main{grid-template-columns:1fr}.sugar-result{min-height:260px}}@media (max-width:640px){.sugar-header{align-items:stretch;flex-direction:column}.sugar-back,.sugar-brand{justify-content:center}.sugar-main{padding-top:18px;padding-inline:14px}.sugar-card,.sugar-result{border-radius:20px;padding:22px}.sugar-form{gap:14px;grid-template-columns:1fr}.sugar-btn,.sugar-check-btn,.sugar-form button,.sugar-form input,.sugar-form select{min-height:50px}.footer-container{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}:root{--text-secondary:#64748b;--shadow-md:0 14px 36px #0f172a1a;--shadow-lg:0 24px 70px #0f172a24}.patient-dashboard-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-primary);display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1240px;min-height:100vh;padding:24px}.patient-dashboard-header,.patient-dashboard-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #e2e8f0;border:1px solid var(--border-color);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm)}.patient-dashboard-header{align-items:flex-start;background:radial-gradient(420px 210px at 100% 0,#2563eb1f,#0000 62%),radial-gradient(340px 180px at 0 100%,#14b8a61a,#0000 58%),#fff;border-radius:28px;border-radius:var(--radius-xl);display:flex;gap:22px;justify-content:space-between;padding:28px}.patient-dashboard-intro{max-width:660px}.patient-dashboard-kicker{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;color:#2563eb;color:var(--primary);display:inline-flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:.03em;margin-bottom:15px;padding:7px 13px}.patient-dashboard-greeting{color:#0f172a;color:var(--text-primary);font-size:clamp(1.9rem,3.5vw,2.65rem);font-weight:900;letter-spacing:-.05em;line-height:1.05;margin:0 0 10px}.patient-dashboard-sub{color:#64748b;color:var(--text-secondary);font-size:15px;line-height:1.75;margin:0}.patient-dashboard-date-box{align-items:center;background:#f8fafce6;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:18px;box-shadow:0 8px 22px #0f172a0d;color:#64748b;color:var(--text-secondary);display:inline-flex;font-size:13px;font-weight:800;gap:10px;padding:13px 17px;white-space:nowrap}.patient-dashboard-section{border-radius:22px;border-radius:var(--radius-lg);padding:24px;transition:.25s ease;transition:var(--ease)}.patient-dashboard-section:hover{box-shadow:0 14px 36px #0f172a1a;box-shadow:var(--shadow-md)}.patient-dashboard-section-compact{padding:20px}.patient-dashboard-section-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.patient-dashboard-section-title{color:#0f172a;color:var(--text-primary);font-size:17px;font-weight:900;letter-spacing:-.02em}.patient-dashboard-title-icon{color:#2563eb;color:var(--primary)}.patient-dashboard-quick-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.patient-dashboard-quick-action{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:14px;padding:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.patient-dashboard-quick-action:hover{border-color:#2563eb52;box-shadow:0 14px 36px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.patient-dashboard-quick-action:active{transform:translateY(-1px)}.patient-dashboard-icon-container{background:#eff6ff;border:1px solid #dbeafe;border-radius:18px;color:#2563eb;color:var(--primary);display:grid;height:54px;place-items:center;width:54px}.patient-dashboard-label{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:900}.patient-dashboard-charts-row,.patient-dashboard-stats-grid,.patient-dashboard-tips-grid{grid-gap:18px;display:grid;gap:18px}.patient-dashboard-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.patient-dashboard-charts-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.patient-dashboard-tips-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.patient-dashboard-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;color:#64748b;color:var(--text-secondary);display:grid;line-height:1.7;min-height:220px;padding:24px;place-items:center;text-align:center}.patient-dashboard-empty span{color:#2563eb;color:var(--primary);display:block;font-weight:800}.patient-dashboard-apt-card{grid-gap:16px;align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 6px 16px #0f172a0a;display:grid;gap:16px;grid-template-columns:auto 1fr auto;padding:16px;transition:.25s ease;transition:var(--ease)}.patient-dashboard-apt-card:hover{border-color:#2563eb3d;box-shadow:0 14px 36px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.patient-dashboard-apt-card+.patient-dashboard-apt-card{margin-top:14px}.patient-dashboard-apt-avatar{background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:18px;box-shadow:0 12px 24px #2563eb3d;color:#fff;display:grid;font-weight:900;height:48px;place-items:center;width:48px}.patient-dashboard-apt-info{min-width:0}.patient-dashboard-apt-doctor{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:900}.patient-dashboard-apt-meta,.patient-dashboard-apt-type{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:7px;margin-top:6px}.patient-dashboard-meta-dot{background:currentColor;border-radius:999px;height:5px;width:5px}.patient-dashboard-apt-actions{align-items:flex-end;display:flex;flex-direction:column;gap:9px}.patient-dashboard-badge{background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;color:#2563eb;color:var(--primary);font-size:11px;font-weight:900;padding:6px 11px;text-transform:capitalize}.patient-dashboard-join-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:13px;box-shadow:0 10px 22px #2563eb42;color:#fff;cursor:pointer;font-size:12px;font-weight:800;padding:10px 14px;transition:.25s ease;transition:var(--ease)}.patient-dashboard-join-btn:hover{box-shadow:0 16px 30px #2563eb57;transform:translateY(-2px)}.patient-dashboard-join-btn:active{transform:translateY(0)}.patient-dashboard-legend{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:10px}.patient-dashboard-legend span{align-items:center;color:#64748b;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:800;gap:7px}.patient-dashboard-legend-dot{border-radius:999px;height:10px;width:10px}.patient-dashboard-tip-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;padding:20px 16px;transition:.25s ease;transition:var(--ease)}.patient-dashboard-tip-card:hover{border-color:#14b8a64d;box-shadow:0 14px 36px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.patient-dashboard-tip-icon{background:#ecfeff;border:1px solid #ccfbf1;border-radius:16px;color:#14b8a6;color:var(--accent);display:grid;height:44px;place-items:center;width:44px}.patient-dashboard-tip-card span:last-child{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:700;line-height:1.65}body.dark-mode{--text-secondary:#94a3b8;--border-color:#94a3b82e}body.dark-mode .patient-dashboard-page{background:radial-gradient(circle at top left,#2563eb2e,#0000 30%),radial-gradient(circle at top right,#14b8a624,#0000 30%),#020617}body.dark-mode .patient-dashboard-apt-card,body.dark-mode .patient-dashboard-header,body.dark-mode .patient-dashboard-quick-action,body.dark-mode .patient-dashboard-section,body.dark-mode .patient-dashboard-tip-card{background:#0f172ae0}body.dark-mode .patient-dashboard-date-box,body.dark-mode .patient-dashboard-empty{background:#0f172aa6}@media (max-width:1080px){.patient-dashboard-quick-grid,.patient-dashboard-stats-grid,.patient-dashboard-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.patient-dashboard-charts-row{grid-template-columns:1fr}}@media (max-width:720px){.patient-dashboard-page{gap:18px;padding:16px}.patient-dashboard-header{flex-direction:column;padding:20px}.patient-dashboard-date-box{justify-content:center;width:100%}.patient-dashboard-section{padding:18px}.patient-dashboard-section-heading{align-items:flex-start;flex-direction:column}.patient-dashboard-apt-card{grid-template-columns:1fr}.patient-dashboard-apt-actions{align-items:flex-start}}@media (max-width:520px){.patient-dashboard-quick-grid,.patient-dashboard-stats-grid,.patient-dashboard-tips-grid{grid-template-columns:1fr}.patient-dashboard-greeting{font-size:1.75rem}.patient-dashboard-section{border-radius:18px;padding:16px}.patient-dashboard-quick-action,.patient-dashboard-tip-card{align-items:center;text-align:center}.patient-dashboard-icon-container{margin:0 auto}.patient-dashboard-apt-avatar{height:52px;width:52px}}.find-doctors-page{background:radial-gradient(circle at top left,#2563eb14,#0000 30%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 30%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg);font-family:Inter,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1240px;min-height:100vh;padding:28px}.find-doctors-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.find-doctors-title{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:900;gap:12px;letter-spacing:-.05em;margin:0 0 8px}.find-doctors-sub{color:#64748b;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.find-doctors-filters{grid-gap:12px;align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr auto;margin-bottom:16px;padding:16px}.find-doctors-input,.find-doctors-search,.find-doctors-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;color:#0f172a;color:var(--text);font-family:inherit;font-size:14px;min-width:0;outline:none;padding:13px 16px;transition:.25s ease;transition:var(--ease);width:100%}.find-doctors-input::placeholder,.find-doctors-search::placeholder{color:#94a3b8}.find-doctors-input:focus,.find-doctors-search:focus,.find-doctors-select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb21}.find-doctors-clear-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;color:#64748b;color:var(--muted);cursor:pointer;font-size:14px;font-weight:800;padding:13px 18px;transition:.25s ease;transition:var(--ease);white-space:nowrap}.find-doctors-clear-btn:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary);transform:translateY(-1px)}.find-doctors-location-bar{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#2563eb;color:var(--primary);display:inline-flex;font-size:13px;font-weight:800;gap:8px;margin-bottom:18px;padding:9px 15px}.find-doctors-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.find-doctors-chip{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;color:#475569;cursor:pointer;font-size:12px;font-weight:800;padding:8px 15px;transition:.25s ease;transition:var(--ease)}.find-doctors-chip:hover{border-color:#2563eb59;color:#2563eb;color:var(--primary);transform:translateY(-2px)}.find-doctors-chip.active{background:#eff6ff;border-color:#2563eb;border-color:var(--primary);box-shadow:0 8px 18px #2563eb1f;color:#2563eb;color:var(--primary)}.find-doctors-empty,.find-doctors-loading{background:#fff;border:1px dashed #cbd5e1;border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);color:#64748b;color:var(--muted);padding:48px 22px;text-align:center}.find-doctors-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(315px,1fr))}.find-doctors-card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);overflow:hidden;padding:22px;position:relative;transition:.25s ease;transition:var(--ease)}.find-doctors-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute;transition:.25s ease;transition:var(--ease)}.find-doctors-card:hover{border-color:#2563eb40;box-shadow:0 16px 38px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.find-doctors-card:hover:before{opacity:1}.find-doctors-card-top{display:flex;gap:15px;margin-bottom:14px}.find-doctors-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:20px;box-shadow:0 14px 28px #2563eb3d;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:900;height:58px;justify-content:center;width:58px}.find-doctors-doc-info{flex:1 1;min-width:0}.find-doctors-doc-name{color:#0f172a;color:var(--text);font-size:17px;font-weight:900;letter-spacing:-.02em;margin:0 0 4px}.find-doctors-doc-spec{color:#2563eb;color:var(--primary);font-size:13px;font-weight:800;margin:0 0 4px}.find-doctors-doc-exp{color:#64748b;color:var(--muted);font-size:12px;font-weight:600;margin:0 0 6px}.find-doctors-doc-location{align-items:center;color:#475569;display:inline-flex;font-size:12px;gap:6px;line-height:1.5;margin:0 0 6px}.find-doctors-stars{color:#f59e0b;color:var(--warning);font-size:13px}.find-doctors-reviews{color:#94a3b8;font-size:11px;font-weight:700}.find-doctors-about{color:#64748b;color:var(--muted);font-size:13px;line-height:1.65;margin-bottom:14px}.find-doctors-fees{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.find-doctors-fee{background:#f0f9ff;border:1px solid #bae6fd;border-radius:999px;color:#0369a1;font-size:12px;font-weight:800;padding:6px 11px}.find-doctors-langs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.find-doctors-lang{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;color:#64748b;color:var(--muted);font-size:11px;font-weight:700;padding:4px 9px}.find-doctors-card-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.find-doctors-book-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:15px;box-shadow:0 12px 26px #2563eb40;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;gap:8px;justify-content:center;padding:13px 16px;transition:.25s ease;transition:var(--ease);width:100%}.find-doctors-book-btn:hover{box-shadow:0 18px 34px #2563eb57;transform:translateY(-2px)}.find-doctors-book-btn:active{transform:translateY(0)}.find-doctors-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aa3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.find-doctors-modal{background:#fff;border:1px solid #e2e8f0e6;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 28px 80px #0f172a2e;box-shadow:var(--shadow-lg);max-height:90vh;max-width:520px;overflow-y:auto;padding:30px;width:100%}.find-doctors-modal-title{color:#0f172a;color:var(--text);font-size:22px;font-weight:900;letter-spacing:-.04em;margin:0 0 18px}.find-doctors-modal-doc{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:18px;display:flex;gap:13px;margin-bottom:22px;padding:15px}.find-doctors-modal-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;color:#fff;display:flex;font-size:18px;font-weight:900;height:46px;justify-content:center;width:46px}.find-doctors-modal-doc-name{color:#0f172a;color:var(--text);font-size:15px;font-weight:900}.find-doctors-modal-doc-spec{color:#2563eb;color:var(--primary);font-size:13px;font-weight:800}.find-doctors-modal-doc-location{align-items:center;color:#475569;display:inline-flex;font-size:12px;gap:6px;margin-top:4px}.find-doctors-m-form{display:flex;flex-direction:column;gap:15px}.find-doctors-label{color:#475569;font-size:13px;font-weight:800;margin-bottom:-7px}.find-doctors-type-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.find-doctors-type-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;color:#64748b;color:var(--muted);cursor:pointer;font-weight:800;padding:15px;text-align:center;transition:.25s ease;transition:var(--ease)}.find-doctors-type-card:hover{background:#f8fafc;border-color:#2563eb59}.find-doctors-type-card.active{background:#eff6ff;border-color:#2563eb;border-color:var(--primary);box-shadow:0 8px 18px #2563eb1f;color:#2563eb;color:var(--primary)}.find-doctors-slot-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.find-doctors-slot{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;color:#475569;cursor:pointer;font-size:12px;font-weight:800;padding:10px;text-align:center;transition:.25s ease;transition:var(--ease)}.find-doctors-slot:hover{border-color:#2563eb59;color:#2563eb;color:var(--primary)}.find-doctors-slot.active{background:#eff6ff;border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.find-doctors-fee-row{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:15px;color:#475569;display:flex;font-size:14px;justify-content:space-between;padding:14px}.find-doctors-fee-row b,.find-doctors-fee-row strong{color:#2563eb;color:var(--primary)}.find-doctors-modal-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.find-doctors-cancel-btn,.find-doctors-confirm-btn{border-radius:14px;cursor:pointer;font-size:14px;font-weight:900;padding:12px 20px;transition:.25s ease;transition:var(--ease)}.find-doctors-cancel-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b;color:var(--muted)}.find-doctors-cancel-btn:hover{background:#fef2f2;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.find-doctors-confirm-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;box-shadow:0 12px 26px #2563eb40;color:#fff}.find-doctors-confirm-btn:hover{box-shadow:0 18px 34px #2563eb57;transform:translateY(-2px)}@media (max-width:1024px){.find-doctors-filters{grid-template-columns:1fr 1fr}}@media (max-width:768px){.find-doctors-page{padding:18px}.find-doctors-header{align-items:flex-start}.find-doctors-filters,.find-doctors-grid,.find-doctors-type-row{grid-template-columns:1fr}.find-doctors-modal{padding:22px}.find-doctors-fee-row,.find-doctors-modal-btns{align-items:stretch;flex-direction:column}.find-doctors-cancel-btn,.find-doctors-clear-btn,.find-doctors-confirm-btn{width:100%}}@media (max-width:520px){.find-doctors-page{padding:14px}.find-doctors-card,.find-doctors-modal{padding:18px}.find-doctors-card-top,.find-doctors-modal-doc{align-items:flex-start}.find-doctors-fees{flex-direction:column}.find-doctors-slot-grid{grid-template-columns:1fr 1fr}.find-doctors-title{font-size:1.55rem}}.appointments-page{background:radial-gradient(circle at top left,#2563eb14,#0000 30%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 30%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg);box-sizing:border-box;margin:0 auto;max-width:1240px;min-height:100vh;padding:28px;width:100%}.appointments-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:26px}.appointments-title{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;margin:0 0 8px}.appointments-subtitle{color:#64748b;color:var(--muted);flex:1 1 100%;font-size:15px;line-height:1.7;margin:0}.appointments-empty,.appointments-loading{background:#fff;background:var(--card);border:1px dashed #cbd5e1;border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);color:#64748b;color:var(--muted);padding:52px 24px;text-align:center}.appointments-empty-icon{font-size:50px;margin-bottom:16px}.appointments-filter-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:14px;width:100%}.appointments-filter-btn{align-items:center;background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:7px;justify-content:center;min-height:42px;padding:9px 17px;transition:.25s ease;transition:var(--ease)}.appointments-filter-btn:hover{background:#eff6ff;border-color:#2563eb59;color:#2563eb;color:var(--primary);transform:translateY(-2px)}.appointments-filter-btn.active{background:#eff6ff;border-color:#2563eb;border-color:var(--primary);box-shadow:0 8px 18px #2563eb1f;color:#2563eb;color:var(--primary)}.appointments-badge{background:#e2e8f0;border-radius:999px;color:#475569;font-size:11px;font-weight:900;padding:3px 7px}.appointments-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));width:100%}.appointments-card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:22px;position:relative;transition:.25s ease;transition:var(--ease)}.appointments-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute;transition:.25s ease;transition:var(--ease)}.appointments-card:hover{border-color:#2563eb40;box-shadow:0 16px 38px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.appointments-card:hover:before{opacity:1}.appointments-card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding-bottom:13px}.appointments-appointment-id{color:#94a3b8;font-size:12px;font-weight:800}.appointments-status-badge{border-radius:999px;font-size:11px;font-weight:900;padding:6px 11px;text-transform:capitalize;white-space:nowrap}.appointments-doctor-info{align-items:center;display:flex;gap:13px}.appointments-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:18px;box-shadow:0 14px 28px #2563eb3d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:900;height:52px;justify-content:center;width:52px}.appointments-doctor-details{flex:1 1;min-width:0}.appointments-doctor-name{color:#0f172a;color:var(--text);font-size:16px;font-weight:900;letter-spacing:-.02em}.appointments-specialization{color:#64748b;color:var(--muted);font-size:13px;font-weight:700;margin-top:2px}.appointments-location{align-items:center;color:#475569;display:inline-flex;font-size:12px;gap:6px;margin-top:5px}.appointments-details{display:flex;flex-direction:column;gap:9px}.appointments-detail-row{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;min-width:0}.appointments-detail-icon{color:#2563eb;color:var(--primary);font-size:16px;width:20px}.appointments-fee{color:#2563eb;color:var(--primary);font-weight:900;word-break:break-word}.appointments-symptoms{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;color:#64748b;color:var(--muted);font-size:13px;line-height:1.65;padding:13px;word-break:break-word}.appointments-actions{display:flex;flex-wrap:wrap;gap:10px}.appointments-cancel-btn,.appointments-join-btn,.appointments-rate-btn{align-items:center;border-radius:13px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:900;gap:8px;justify-content:center;min-height:40px;padding:9px 16px;text-decoration:none;transition:.25s ease;transition:var(--ease)}.appointments-cancel-btn{background:#fef2f2;border:1px solid #fecaca;color:#ef4444;color:var(--danger)}.appointments-cancel-btn:hover{background:#fee2e2;transform:translateY(-2px)}.appointments-join-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;box-shadow:0 12px 26px #2563eb40;color:#fff}.appointments-join-btn:hover{box-shadow:0 18px 34px #2563eb57;transform:translateY(-2px)}.appointments-rate-btn{background:#fffbeb;border:1px solid #fde68a;color:#f59e0b;color:var(--warning)}.appointments-rate-btn:hover{background:#fef3c7;transform:translateY(-2px)}.appointments-rating{color:#f59e0b;color:var(--warning);font-size:14px;font-weight:900}.appointments-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aa3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.appointments-modal{background:#fff;background:var(--card);border:1px solid #e2e8f0e6;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 28px 80px #0f172a2e;box-shadow:var(--shadow-lg);box-sizing:border-box;max-height:90vh;max-width:470px;overflow:auto;width:100%}.appointments-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:22px}.appointments-close-btn{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;color:#64748b;color:var(--muted);cursor:pointer;flex-shrink:0;font-size:20px;height:38px;transition:.25s ease;transition:var(--ease);width:38px}.appointments-close-btn:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444;color:var(--danger)}.appointments-modal-content{box-sizing:border-box;padding:22px}.appointments-modal-text{color:#64748b;color:var(--muted);line-height:1.65;margin-bottom:20px;text-align:center}.appointments-stars-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.appointments-star-btn{background:none;border:none;cursor:pointer;font-size:32px;transition:.25s ease;transition:var(--ease)}.appointments-star-btn:hover{transform:scale(1.15)}.appointments-review-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;box-sizing:border-box;color:#0f172a;color:var(--text);font-family:inherit;font-size:14px;margin-bottom:20px;min-height:110px;outline:none;padding:13px 14px;resize:vertical;transition:.25s ease;transition:var(--ease);width:100%}.appointments-review-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb21}.appointments-submit-btn{background:linear-gradient(135deg,#f59e0b,#f97316);background:linear-gradient(135deg,var(--warning),#f97316);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:15px;font-weight:900;padding:14px;transition:.25s ease;transition:var(--ease);width:100%}.appointments-submit-btn:hover{box-shadow:0 16px 30px #f59e0b47;transform:translateY(-2px)}.appointments-status-pending{background:#fef3c7;color:#b45309}.appointments-status-confirmed{background:#dbeafe;color:#1d4ed8;color:var(--primary-dark)}.appointments-status-in-progress{background:#ede9fe;color:#7c3aed}.appointments-status-completed{background:#dcfce7;color:#15803d}.appointments-status-cancelled{background:#fee2e2;color:#b91c1c}.appointments-status-no-show{background:#f1f5f9;color:#64748b}.appointments-filter-btn.pending.active{background:#fef3c7;border-color:#f59e0b;color:#b45309}.appointments-filter-btn.confirmed.active{background:#dbeafe;border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.appointments-filter-btn.completed.active{background:#dcfce7;border-color:#22c55e;border-color:var(--success);color:#15803d}.appointments-filter-btn.cancelled.active{background:#fee2e2;border-color:#ef4444;border-color:var(--danger);color:#b91c1c}@media (max-width:768px){.appointments-page{padding:18px}.appointments-title{font-size:24px}.appointments-filter-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.appointments-filter-btn{padding-inline:10px;width:100%}.appointments-grid{gap:16px;grid-template-columns:1fr}.appointments-actions,.appointments-card-header,.appointments-doctor-info{align-items:flex-start}.appointments-modal{max-width:100%}.appointments-modal-header{flex-wrap:wrap}}@media (max-width:640px){.appointments-page{padding:14px}.appointments-header{margin-bottom:18px}.appointments-title{font-size:21px;line-height:1.2}.appointments-subtitle{font-size:13px}.appointments-filter-container{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;padding:12px}.appointments-filter-btn{font-size:12px;min-height:39px}.appointments-card,.appointments-modal-content,.appointments-modal-header{padding:16px}.appointments-card{border-radius:18px;gap:13px}.appointments-card-header{gap:8px;padding-bottom:10px}.appointments-avatar{border-radius:16px;font-size:16px;height:44px;width:44px}.appointments-doctor-name{font-size:15px}.appointments-detail-row,.appointments-specialization{font-size:13px}.appointments-symptoms{font-size:12px;padding:11px 12px}.appointments-modal{border-radius:18px}}@media (max-width:520px){.appointments-filter-container{gap:8px;grid-template-columns:1fr 1fr}.appointments-card-header{align-items:flex-start;flex-direction:column}.appointments-appointment-id{font-size:11px}.appointments-status-badge{font-size:10px;padding:5px 9px}.appointments-detail-row,.appointments-doctor-info{align-items:flex-start}.appointments-cancel-btn,.appointments-join-btn,.appointments-rate-btn{width:100%}.appointments-rating{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:10px 12px;text-align:center;width:100%}.appointments-overlay{padding:12px}.appointments-star-btn{font-size:28px}}@media (max-width:380px){.appointments-filter-container{grid-template-columns:1fr}.appointments-title{font-size:19px}}.printable-prescription{background:#fff;color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:40px}.pp-header{border-bottom:3px solid #1565c0;gap:20px;margin-bottom:20px;padding-bottom:20px}.pp-header,.pp-logo{align-items:center;display:flex}.pp-logo{background:linear-gradient(135deg,#1565c0,#0277bd);border-radius:20px;color:#fff;flex-shrink:0;height:78px;justify-content:center;width:78px}.pp-hospital-info{flex:1 1}.pp-hospital-name{color:#1565c0;font-size:28px;font-weight:700;margin:0 0 5px}.pp-hospital-address,.pp-hospital-contact{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin:4px 0}.pp-title-bar{align-items:center;background:#1565c0;border-radius:8px;color:#fff;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.pp-follow-up,.pp-footer-note p,.pp-info-label,.pp-section-title,.pp-title{align-items:center;display:flex;gap:8px}.pp-title{font-size:20px;font-weight:700;margin:0;text-transform:uppercase}.pp-prescription-id{font-size:14px;font-weight:700}.pp-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.pp-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.pp-info-label{border-bottom:2px solid #1565c0;color:#1565c0;font-size:14px;font-weight:700;margin:0 0 10px;padding-bottom:5px}.pp-info-text{font-size:13px;margin:5px 0}.pp-section{margin-bottom:20px}.pp-section-title{border-bottom:2px solid #e2e8f0;color:#1565c0;font-size:16px;font-weight:700;margin:0 0 10px;padding-bottom:5px}.pp-diagnosis{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;font-size:14px;line-height:1.6;padding:15px}.pp-table-wrap{overflow-x:auto}.pp-table{border-collapse:collapse;font-size:13px;min-width:560px;width:100%}.pp-table-header{background:#1565c0;color:#fff}.pp-td,.pp-th{padding:10px;text-align:left}.pp-table-row{border-bottom:1px solid #e2e8f0}.pp-no-data{color:#999;font-style:italic;padding:20px;text-align:center}.pp-advice{background:#e0f2fe;border-left:4px solid #0284c7;line-height:1.6;padding:15px;white-space:pre-wrap}.pp-advice,.pp-follow-up{border-radius:8px;font-size:14px}.pp-follow-up{background:#dcfce7;border-left:4px solid #16a34a;flex-wrap:wrap;margin-bottom:20px;padding:12px 15px}.pp-footer{align-items:flex-end;border-top:2px solid #e2e8f0;display:flex;gap:20px;justify-content:space-between;margin-top:40px;padding-top:20px}.pp-signature{text-align:center}.pp-signature-line{background:#333;height:1px;margin-bottom:10px;width:200px}.pp-signature-text{color:#666;font-size:12px;margin:0}.pp-footer-note{color:#666;font-size:11px;text-align:right}@media (max-width:768px){.printable-prescription{padding:20px}.pp-header,.pp-title-bar{flex-direction:column;text-align:center}.pp-info-grid{grid-template-columns:1fr}.pp-footer{align-items:center;flex-direction:column}.pp-footer,.pp-footer-note{text-align:center}}@media (max-width:520px){.printable-prescription{padding:16px}.pp-logo{height:64px;width:64px}.pp-hospital-name{font-size:24px}.pp-info-box{padding:12px}}.prescriptions-page{background:radial-gradient(circle at top left,#2563eb14,#0000 30%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 30%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg);margin:0 auto;max-width:1240px;min-height:100vh;padding:28px}.prescriptions-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:26px}.prescriptions-title{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;margin:0 0 8px}.prescriptions-subtitle{color:#64748b;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.prescriptions-empty,.prescriptions-loading{background:#fff;background:var(--card);border:1px dashed #cbd5e1;border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);color:#64748b;color:var(--muted);padding:52px 24px;text-align:center}.prescriptions-empty-icon{font-size:50px;margin-bottom:16px}.prescriptions-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.prescriptions-card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);overflow:hidden;padding:22px;position:relative;transition:.25s ease;transition:var(--ease)}.prescriptions-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute;transition:.25s ease;transition:var(--ease)}.prescriptions-card:hover{border-color:#2563eb40;box-shadow:0 16px 38px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.prescriptions-card:hover:before{opacity:1}.prescriptions-card-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:18px}.prescriptions-rx-id{color:#2563eb;color:var(--primary);font-size:14px;font-weight:900}.prescriptions-date{color:#94a3b8;font-size:12px;font-weight:700;margin-top:5px}.prescriptions-card-actions{display:flex;flex-wrap:wrap;gap:8px}.prescriptions-print-btn,.prescriptions-view-btn{align-items:center;background:#fff;border-radius:12px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;justify-content:center;min-height:34px;padding:7px 13px;transition:.25s ease;transition:var(--ease)}.prescriptions-view-btn{border:1px solid #bfdbfe;color:#2563eb;color:var(--primary)}.prescriptions-view-btn:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--primary);transform:translateY(-2px)}.prescriptions-print-btn{border:1px solid #bbf7d0;color:#15803d}.prescriptions-print-btn:hover{background:#f0fdf4;border-color:#22c55e;border-color:var(--success);transform:translateY(-2px)}.prescriptions-doctor-info{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:13px;margin-bottom:18px;padding-bottom:18px}.prescriptions-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#22c55e);background:linear-gradient(135deg,var(--accent),var(--success));border-radius:16px;box-shadow:0 12px 24px #14b8a63d;color:#fff;display:flex;flex-shrink:0;font-weight:900;height:44px;justify-content:center;width:44px}.prescriptions-doctor-name{color:#0f172a;color:var(--text);font-weight:900;letter-spacing:-.02em}.prescriptions-label{color:#94a3b8;font-size:12px;font-weight:700}.prescriptions-diagnosis{background:#f0f9ff;border:1px solid #bae6fd;border-radius:15px;color:#475569;font-size:14px;line-height:1.65;margin-bottom:18px;padding:13px}.prescriptions-medicines{margin-bottom:14px}.prescriptions-section-title{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:12px;font-weight:900;gap:7px;letter-spacing:.06em;margin-bottom:9px;text-transform:uppercase}.prescriptions-medicine-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.prescriptions-med-name{color:#0f172a;color:var(--text);font-weight:900}.prescriptions-med-dosage{color:#64748b;color:var(--muted);font-size:13px;font-weight:600}.prescriptions-more{color:#2563eb;color:var(--primary);font-size:13px;font-weight:900;margin-top:9px}.prescriptions-follow-up{background:#fef3c7;border:1px solid #fde68a;border-radius:13px;color:#92400e;font-size:13px;font-weight:900;padding:10px 13px}.prescriptions-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aa3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.prescriptions-modal{background:#fff;background:var(--card);border:1px solid #e2e8f0e6;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 28px 80px #0f172a2e;box-shadow:var(--shadow-lg);max-height:90vh;max-width:640px;overflow:auto;width:100%}.prescriptions-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:22px}.prescriptions-close-btn{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;color:#64748b;color:var(--muted);cursor:pointer;font-size:20px;height:38px;transition:.25s ease;transition:var(--ease);width:38px}.prescriptions-close-btn:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444;color:var(--danger)}.prescriptions-modal-content{padding:22px}.prescriptions-modal-rx-id{color:#2563eb;color:var(--primary);font-size:19px;font-weight:900;letter-spacing:-.03em;margin-bottom:5px}.prescriptions-modal-date{color:#94a3b8;font-size:14px;font-weight:700;margin-bottom:22px}.prescriptions-modal-section{margin-bottom:22px}.prescriptions-modal-medicine{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:15px;margin-bottom:11px;padding:14px}.prescriptions-modal-med-name{color:#0f172a;color:var(--text);font-weight:900;margin-bottom:5px}.prescriptions-modal-med-details{color:#64748b;color:var(--muted);font-size:13px;line-height:1.6}.prescriptions-modal-med-instructions{color:#2563eb;color:var(--primary);font-size:13px;font-style:italic;font-weight:700;margin-top:7px}.prescriptions-lab-test{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:13px;margin-bottom:9px;padding:12px}.prescriptions-lab-instructions{color:#64748b;color:var(--muted);font-size:13px;line-height:1.6;margin-top:5px}.prescriptions-follow-up-badge{background:#fef3c7;border:1px solid #fde68a;border-radius:14px;color:#92400e;font-weight:900;margin-top:22px;padding:13px 16px;text-align:center}@media (max-width:768px){.prescriptions-page{padding:18px}.prescriptions-title{font-size:24px}.prescriptions-header{align-items:flex-start}.prescriptions-grid{grid-template-columns:1fr}.prescriptions-card-actions,.prescriptions-card-header,.prescriptions-doctor-info{align-items:flex-start}.prescriptions-modal{max-width:100%}}@media (max-width:520px){.prescriptions-page{padding:14px}.prescriptions-card,.prescriptions-modal-content,.prescriptions-modal-header{padding:16px}.prescriptions-title{font-size:21px;line-height:1.2}.prescriptions-subtitle{font-size:13px}.prescriptions-card{border-radius:18px}.prescriptions-card-actions,.prescriptions-card-header{flex-direction:column;width:100%}.prescriptions-print-btn,.prescriptions-view-btn{width:100%}.prescriptions-doctor-info{align-items:flex-start}.prescriptions-medicine-item{flex-direction:column;gap:5px}.prescriptions-modal{border-radius:18px}}:root{--radius-lg:20px}.payments-page{background:#f8fafc;background:var(--bg);margin:0 auto;max-width:1240px;min-height:100vh;overflow-x:hidden;padding:28px;width:100%}.payments-header{margin-bottom:26px}.pay-now-btn,.payment-amount,.payment-date-time,.payment-type-badge,.payments-amount,.payments-empty-icon,.payments-section-title,.payments-stat-icon,.payments-status-badge,.payments-summary-value,.payments-title{align-items:center;display:flex;gap:8px}.payments-title{color:#0f172a;color:var(--text);font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;letter-spacing:-.05em;margin:0 0 8px}.payments-subtitle{color:#64748b;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.payments-empty,.payments-loading{background:#fff;background:var(--card);border:1px dashed #cbd5e1;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);color:#64748b;color:var(--muted);padding:52px 24px;text-align:center}.payments-empty-icon{color:#2563eb;color:var(--primary);justify-content:center;margin-bottom:16px}.payments-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:26px}.payments-stat-card{align-items:center;background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;min-height:168px;overflow:hidden;padding:22px;position:relative;text-align:center;transition:.25s ease;transition:var(--ease)}.payments-stat-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute;transition:.25s ease;transition:var(--ease)}.payments-stat-card:hover{box-shadow:0 16px 38px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.payments-stat-card:hover:before{opacity:1}.payments-stat-icon{background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;color:#2563eb;color:var(--primary);height:46px;justify-content:center;margin:0 auto 10px;width:46px}.payments-stat-value{color:#0f172a;color:var(--text);font-size:clamp(22px,3vw,26px);font-weight:900;line-height:1.15;overflow-wrap:anywhere}.payments-stat-label{color:#64748b;color:var(--muted);font-size:13px;font-weight:700;margin-top:5px}.payments-pending-section{margin-bottom:26px}.payments-section-title{color:#0f172a;color:var(--text);font-size:20px;font-weight:900;margin-bottom:16px}.payments-pending-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(315px,1fr))}.payment-card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);padding:22px;transition:.25s ease;transition:var(--ease)}.payment-card:hover{box-shadow:0 16px 38px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.payment-card-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.payment-doctor-info{align-items:center;display:flex;gap:13px;min-width:0}.payment-doc-avatar,.payments-doc-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-weight:900;justify-content:center}.payment-doc-avatar{font-size:16px;height:44px;width:44px}.payment-doc-name{color:#0f172a;color:var(--text);font-size:15px;font-weight:900;margin-bottom:4px;overflow-wrap:anywhere}.payment-date-time{color:#64748b;color:var(--muted);flex-wrap:wrap;font-size:13px;line-height:1.5}.payment-amount{color:#2563eb;color:var(--primary);font-size:21px;font-weight:900;white-space:nowrap}.payment-card-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding-top:16px}.payment-type-badge,.payments-type-badge{align-items:center;background:#f1f5f9;border-radius:999px;color:#475569;display:inline-flex;font-size:12px;font-weight:800;gap:6px;max-width:100%;padding:7px 12px}.pay-now-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:13px;box-shadow:0 12px 26px #2563eb3d;color:#fff;cursor:pointer;font-size:14px;font-weight:900;justify-content:center;padding:11px 20px;transition:.25s ease;transition:var(--ease)}.pay-now-btn:hover{box-shadow:0 18px 34px #2563eb57;transform:translateY(-2px)}.payments-table-container{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);max-width:100%;overflow-x:auto;overflow-y:hidden}.payments-table{border-collapse:collapse;min-width:760px;width:100%}.payments-th{background:#f8fafc;color:#64748b;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.06em;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.payments-th,.payments-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.payments-tr{transition:.25s ease;transition:var(--ease)}.payments-tr:hover{background:#eff6ff}.payments-td{color:#475569;font-size:14px;padding:16px;vertical-align:top}.payments-tx-id{color:#2563eb;color:var(--primary);font-family:monospace;font-size:13px;font-weight:800;word-break:break-all}.payments-doctor-cell{align-items:center;display:flex;gap:10px;min-width:0}.payments-doc-avatar{font-size:12px;height:34px;width:34px}.payments-time{color:#94a3b8;font-size:12px;margin-top:2px}.payments-amount{color:#0f172a;color:var(--text);font-size:15px;font-weight:900}.payments-status-badge{background:#dcfce7;border-radius:999px;color:#15803d;display:inline-flex;font-size:12px;font-weight:800;padding:6px 11px}.payments-summary{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);margin-top:24px;padding:22px}.payments-summary-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#475569;display:flex;font-size:14px;gap:10px;justify-content:space-between;padding:11px 0}.payments-summary-row:last-child{border-bottom:none}.payments-summary-value{color:#0f172a;color:var(--text);font-weight:900}@media (max-width:992px){.payments-page{padding:22px}.payments-pending-grid,.payments-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.payments-page{padding:18px}.payments-title{flex-wrap:wrap;font-size:24px}.payments-subtitle{font-size:13px}.payments-pending-grid,.payments-stats-grid{grid-template-columns:1fr}.payments-table-container{background:#0000;border:none;box-shadow:none;overflow:visible}.payments-table{min-width:0}.payments-table,.payments-table tbody,.payments-table thead,.payments-td,.payments-th,.payments-tr{display:block;width:100%}.payments-table thead{display:none}.payments-tr{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);margin-bottom:14px;padding:6px 0}.payments-tr,.payments-tr:hover{background:#fff}.payments-td{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;justify-content:space-between;overflow-wrap:anywhere;padding:12px 16px}.payments-td:before{color:#64748b;color:var(--muted);content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:900;letter-spacing:.05em;min-width:110px;text-transform:uppercase}.payments-tr .payments-td:last-child{border-bottom:none}.payment-card-footer,.payment-card-header{align-items:flex-start;flex-direction:column}.payment-doctor-info{width:100%}.payment-amount{white-space:normal}.pay-now-btn,.payments-doctor-cell{width:100%}.payments-amount,.payments-status-badge,.payments-tx-id,.payments-type-badge{max-width:100%;overflow-wrap:anywhere}}@media (max-width:520px){.payments-page{padding:14px}.payment-card,.payments-stat-card,.payments-summary{padding:16px}.payments-stat-card{min-height:145px}.payments-stat-value{font-size:21px}.payment-amount{font-size:18px}.payments-td{flex-direction:column;gap:8px;padding:12px 14px}.payments-td:before{min-width:0}.payments-summary-row{align-items:flex-start;flex-direction:column}}:root{--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--transition-normal:200ms cubic-bezier(.4,0,.2,1)}.profile-page{background:#f8fafc;background:var(--bg-base);color:#0f172a;color:var(--text-primary);margin:0 auto;max-width:1240px;min-height:100vh;padding:28px}.profile-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.profile-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:12px;letter-spacing:-.05em;margin:0 0 8px}.profile-subtitle{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0}.profile-content{display:flex;flex-direction:column;gap:22px}.profile-account-info,.profile-form-section,.profile-info-card,.profile-profile-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.profile-account-info:hover,.profile-form-section:hover,.profile-info-card:hover,.profile-profile-card:hover{box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover)}.profile-profile-card{align-items:center;display:flex;gap:22px;justify-content:space-between;padding:26px}.profile-avatar-section{align-items:center;display:flex;gap:18px}.profile-avatar-container{cursor:pointer;flex-shrink:0;height:84px;position:relative;width:84px}.profile-avatar,.profile-avatar-image{border-radius:9999px;border-radius:var(--radius-full);height:84px;width:84px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 14px #2563eb4d,0 2px 6px #2563eb33;box-shadow:var(--shadow-primary);color:#fff;color:var(--white);display:flex;font-size:32px;font-weight:900;justify-content:center}.profile-avatar-image{border:3px solid #fff;border:3px solid var(--white);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);object-fit:cover}.profile-avatar-overlay{align-items:center;background:#0f172a94;border-radius:9999px;border-radius:var(--radius-full);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.profile-avatar-container:hover .profile-avatar-overlay{opacity:1}.profile-camera-icon{align-items:center;color:#fff;color:var(--white);display:inline-flex;justify-content:center}.profile-name{color:#0f172a;color:var(--text-primary);font-size:26px;font-weight:900;letter-spacing:-.04em;margin:0 0 6px}.profile-role-badge{align-items:center;background:#dbeafe;background:var(--primary-light);border:1px solid #bfdbfe;border-radius:9999px;border-radius:var(--radius-full);color:#1d4ed8;color:var(--primary-dark);display:inline-flex;font-size:13px;font-weight:800;padding:6px 13px}.profile-cancel-btn,.profile-edit-btn,.profile-save-btn{border-radius:14px;border-radius:var(--radius-lg);cursor:pointer;font-size:14px;font-weight:800;min-height:42px;padding:11px 20px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.profile-cancel-btn,.profile-edit-btn{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);color:#2563eb;color:var(--primary)}.profile-cancel-btn:hover,.profile-edit-btn:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--primary);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm)}.profile-save-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;box-shadow:0 4px 14px #2563eb4d,0 2px 6px #2563eb33;box-shadow:var(--shadow-primary);color:#fff;color:var(--white)}.profile-save-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.profile-form-grid,.profile-info-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.profile-account-info,.profile-form-section,.profile-info-card{padding:24px}.profile-card-title{color:#0f172a;color:var(--text-primary);font-size:17px;font-weight:900;letter-spacing:-.02em;margin:0 0 18px}.profile-info-row{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:13px;padding:14px 0}.profile-info-row:last-child{border-bottom:none}.profile-info-icon{align-items:center;background:#eff6ff;border-radius:12px;color:#2563eb;color:var(--primary);display:inline-flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.profile-info-label{color:#94a3b8;color:var(--text-disabled);font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.profile-info-value{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.55}.profile-inline-status{align-items:center;display:inline-flex;gap:7px}.profile-empty-field{color:#94a3b8;color:var(--text-disabled);font-style:italic;padding:20px 0}.profile-account-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:16px}.profile-form{display:flex;flex-direction:column;gap:22px}.profile-form-group{margin-bottom:17px}.profile-form-row{display:flex;gap:16px}.profile-label{color:#64748b;color:var(--text-muted);display:block;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase}.profile-input{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #0f172a0f,inset 0 1px 2px #0f172a0a;box-shadow:var(--shadow-inset);box-sizing:border-box;color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:14px;padding:13px 14px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.profile-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb2e,inset 0 2px 4px #0f172a0f,inset 0 1px 2px #0f172a0a;box-shadow:0 0 0 3px #2563eb2e,var(--shadow-inset);outline:none}.profile-hint{color:#94a3b8;color:var(--text-disabled);display:block;font-size:12px;line-height:1.5;margin-top:6px}.profile-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}@media (max-width:768px){.profile-page{padding:18px}.profile-title{font-size:24px}.profile-avatar-section,.profile-form-actions,.profile-form-row,.profile-profile-card{align-items:flex-start;flex-direction:column}.profile-form-grid,.profile-info-grid{grid-template-columns:1fr}.profile-cancel-btn,.profile-edit-btn,.profile-save-btn{justify-content:center;width:100%}}@media (max-width:520px){.profile-page{padding:14px}.profile-account-info,.profile-form-section,.profile-info-card,.profile-profile-card{border-radius:18px;padding:18px}.profile-avatar,.profile-avatar-container,.profile-avatar-image{height:68px;width:68px}.profile-name{font-size:21px}}:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--shadow-sm:0 6px 18px #0f172a0f;--shadow-md:0 16px 38px #0f172a1a;--shadow-lg:0 28px 80px #0f172a2e;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--ease:0.25s ease}.medical-records-page{background:radial-gradient(circle at top left,#2563eb14,#0000 30%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 30%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg);box-sizing:border-box;margin:0 auto;max-width:1240px;min-height:100vh;padding:28px;width:100%}.medical-records-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:26px}.medical-records-title{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;margin:0 0 8px}.medical-records-subtitle{color:#64748b;color:var(--muted);flex:1 1 100%;font-size:15px;line-height:1.7;margin:0}.medical-records-loading{background:#fff;background:var(--card);border:1px dashed #cbd5e1;border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);color:#64748b;color:var(--muted);padding:52px 24px;text-align:center}.medical-records-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:26px;width:100%}.medical-records-stat-card{align-items:center;background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;min-height:138px;overflow:hidden;padding:22px;position:relative;text-align:center;transition:.25s ease;transition:var(--ease)}.medical-records-stat-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute;transition:.25s ease;transition:var(--ease)}.medical-records-stat-card:hover{border-color:#2563eb3d;box-shadow:0 16px 38px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.medical-records-stat-card:hover:before{opacity:1}.medical-records-stat-icon{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;color:#2563eb;color:var(--primary);display:inline-flex;height:46px;justify-content:center;margin-bottom:10px;width:46px}.medical-records-stat-value{color:#0f172a;color:var(--text);font-size:30px;font-weight:900;letter-spacing:-.04em}.medical-records-stat-label{color:#64748b;color:var(--muted);font-size:13px;font-weight:700;margin-top:5px}.medical-records-filter-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;padding:14px;width:100%}.medical-records-filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:7px;justify-content:center;min-height:42px;padding:9px 17px;transition:.25s ease;transition:var(--ease);white-space:nowrap}.medical-records-filter-btn:hover{background:#eff6ff;border-color:#2563eb59;color:#2563eb;color:var(--primary);transform:translateY(-2px)}.medical-records-filter-btn.active{background:#eff6ff;border-color:#2563eb;border-color:var(--primary);box-shadow:0 8px 18px #2563eb1f;color:#2563eb;color:var(--primary)}.medical-records-records-list{grid-gap:18px;display:grid;gap:18px;width:100%}.medical-records-record-card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);box-sizing:border-box;overflow:hidden;transition:.25s ease;transition:var(--ease);width:100%}.medical-records-record-card:hover{border-color:#2563eb40;box-shadow:0 16px 38px #0f172a1a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.medical-records-record-type-bar{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:900;gap:8px;letter-spacing:.02em;padding:11px 18px}.medical-records-record-content{box-sizing:border-box;display:flex;flex-direction:column;gap:13px;padding:22px}.medical-records-record-title{color:#0f172a;color:var(--text);font-size:19px;font-weight:900;letter-spacing:-.03em;margin:0 0 8px}.medical-records-record-date{color:#94a3b8;font-size:13px;font-weight:700;margin-bottom:0}.medical-records-info-row{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;color:#475569;font-size:14px;line-height:1.65;padding:13px;word-break:break-word}.medical-records-doctor-info{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;box-sizing:border-box;display:flex;gap:13px;padding:13px;width:100%}.medical-records-doctor-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#22c55e);background:linear-gradient(135deg,var(--accent),var(--success));border-radius:16px;box-shadow:0 12px 24px #14b8a63d;color:#fff;display:flex;flex-shrink:0;font-weight:900;height:44px;justify-content:center;width:44px}.medical-records-doctor-name{color:#0f172a;color:var(--text);font-weight:900;letter-spacing:-.02em}.medical-records-doctor-label{color:#64748b;color:var(--muted);font-size:12px;font-weight:700}.medical-records-follow-up-badge{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:13px;color:#92400e;display:inline-flex;flex-wrap:wrap;font-size:13px;font-weight:900;gap:7px;padding:10px 13px}.medical-records-card-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.medical-records-delete-btn,.medical-records-pdf-btn,.medical-records-print-btn,.medical-records-view-btn{align-items:center;border:none;border-radius:13px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:900;gap:7px;justify-content:center;padding:10px 16px;transition:.25s ease;transition:var(--ease)}.medical-records-pdf-btn,.medical-records-view-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 26px #2563eb3d;color:#fff}.medical-records-print-btn{background:var(--success);box-shadow:0 12px 26px #22c55e38}.medical-records-delete-btn{background:var(--danger);box-shadow:0 12px 26px #ef444438}.medical-records-delete-btn:hover,.medical-records-pdf-btn:hover,.medical-records-print-btn:hover,.medical-records-view-btn:hover{filter:brightness(1.03);transform:translateY(-2px)}.medical-records-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 6px 18px #0f172a0f;box-shadow:var(--shadow-sm);color:#64748b;color:var(--muted);padding:60px 22px;text-align:center}.medical-records-empty-icon{font-size:50px;margin-bottom:16px}.medical-records-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aa3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.medical-records-modal{background:#fff;background:var(--card);border:1px solid #e2e8f0e6;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 28px 80px #0f172a2e;box-shadow:var(--shadow-lg);box-sizing:border-box;max-height:90vh;max-width:640px;overflow:auto;width:100%}.medical-records-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;gap:14px;justify-content:space-between;padding:22px}.medical-records-close-btn{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;color:#64748b;color:var(--muted);cursor:pointer;flex-shrink:0;font-size:20px;height:38px;transition:.25s ease;transition:var(--ease);width:38px}.medical-records-close-btn:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444;color:var(--danger)}.medical-records-modal-content{box-sizing:border-box;padding:22px}.medical-records-record-type-badge{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:900;gap:7px;margin-bottom:17px;padding:7px 13px}.medical-records-modal-title{color:#0f172a;color:var(--text);font-size:23px;font-weight:900;letter-spacing:-.04em;margin:0 0 8px}.medical-records-modal-date{color:#94a3b8;font-size:14px;font-weight:700;margin-bottom:22px}.medical-records-modal-section{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:15px;line-height:1.65;margin-bottom:20px;padding:16px;word-break:break-word}.medical-records-medication-list{color:#475569;line-height:1.7;margin:0;padding-left:20px}.medical-records-follow-up-alert{background:#fef3c7;border:1px solid #fde68a;border-radius:15px;color:#92400e;font-weight:700;line-height:1.65;margin-top:20px;padding:16px}.medical-records-modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.medical-records-delete-btn,.medical-records-pdf-btn,.medical-records-print-btn{align-items:center!important;border-radius:12px!important;display:inline-flex!important;font-size:13px;font-weight:800;gap:7px;height:40px!important;justify-content:center!important;line-height:1!important;max-height:40px!important;min-height:40px!important;min-width:96px;padding:0 14px!important;width:auto!important}.medical-records-print-btn{background:#22c55e;color:#fff}.medical-records-pdf-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff}.medical-records-delete-btn{background:#ef4444;color:#fff}@media (max-width:520px){.medical-records-modal-actions{flex-direction:column}.medical-records-delete-btn,.medical-records-pdf-btn,.medical-records-print-btn{width:100%!important}}.medical-records-printable-content{box-sizing:border-box;padding:22px}.medical-records-print-header{border-bottom:2px solid #2563eb;border-bottom:2px solid var(--primary);display:none;margin-bottom:20px;padding-bottom:20px;text-align:center}.medical-records-print-title{color:#2563eb;color:var(--primary);font-size:24px;font-weight:900;margin:0 0 8px}.medical-records-print-subtitle{color:#64748b;color:var(--muted);font-size:14px;margin:0}@media print{.medical-records-print-header{display:block}.medical-records-printable-content{padding:20px}.medical-records-close-btn,.medical-records-modal-actions{display:none!important}}@media (max-width:768px){.medical-records-page{padding:18px}.medical-records-title{font-size:24px}.medical-records-filter-container,.medical-records-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.medical-records-filter-container{display:grid}.medical-records-filter-btn{white-space:normal;width:100%}.medical-records-modal{max-width:100%}.medical-records-modal-header{align-items:flex-start;flex-direction:column}.medical-records-delete-btn,.medical-records-pdf-btn,.medical-records-print-btn{flex:1 1 180px}}@media (max-width:520px){.medical-records-page{padding:14px}.medical-records-filter-container,.medical-records-stats-grid{grid-template-columns:1fr}.medical-records-header{margin-bottom:18px}.medical-records-subtitle{font-size:13px}.medical-records-modal-content,.medical-records-modal-header,.medical-records-printable-content,.medical-records-record-content{padding:16px}.medical-records-stat-card{min-height:120px;padding:16px}.medical-records-doctor-info,.medical-records-modal-actions{align-items:flex-start;flex-direction:column}.medical-records-modal-title,.medical-records-record-title{line-height:1.3}.medical-records-delete-btn,.medical-records-pdf-btn,.medical-records-print-btn,.medical-records-view-btn{width:100%}.medical-records-overlay{padding:12px}.medical-records-modal{border-radius:18px;max-height:94vh}.medical-records-record-type-bar{font-size:12px;padding:10px 14px}.medical-records-doctor-label,.medical-records-record-date{font-size:12px}}.add-medical-record-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.add-medical-record-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 60px #0f172a40;max-height:90vh;max-width:640px;overflow:auto;width:100%}.add-medical-record-header{align-items:center;border-bottom:1px solid #f0f4f8;display:flex;gap:12px;justify-content:space-between;padding:20px}.add-medical-record-title{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:20px;font-weight:700;gap:8px;margin:0}.add-medical-record-close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease;width:36px}.add-medical-record-close-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1565c0}.add-medical-record-form{padding:20px}.add-medical-record-patient-info{align-items:center;background:#f0fdf4;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.add-medical-record-patient-avatar{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.add-medical-record-patient-name{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-weight:700;gap:6px}.add-medical-record-patient-email{color:#64748b;font-size:13px;overflow-wrap:anywhere}.add-medical-record-field{margin-bottom:20px}.add-medical-record-label{align-items:center;color:#374151;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:8px;margin-bottom:8px}.add-medical-record-input,.add-medical-record-vital-input{border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.add-medical-record-vital-input{border-radius:8px;font-size:13px;padding:10px 12px}.add-medical-record-input:focus,.add-medical-record-vital-input:focus{border-color:#1565c0;box-shadow:0 0 0 3px #1565c01f}.add-medical-record-textarea{resize:vertical}.add-medical-record-textarea-sm{min-height:60px}.add-medical-record-textarea-md{min-height:80px}.add-medical-record-type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.add-medical-record-type-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:88px;padding:12px;transition:all .2s ease}.add-medical-record-type-btn.active{background:#1565c0;border-color:#1565c0;color:#fff}.add-medical-record-type-label{font-size:12px;font-weight:600}.add-medical-record-vitals-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.add-medical-record-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;flex-wrap:wrap;font-size:14px;gap:10px}.add-medical-record-checkbox-text{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.add-medical-record-checkbox{cursor:pointer;height:18px;width:18px}.add-medical-record-followup-input{margin-top:10px}.add-medical-record-actions{border-top:1px solid #f0f4f8;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.add-medical-record-cancel-btn,.add-medical-record-submit-btn{border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.add-medical-record-cancel-btn{background:#fff;border:1.5px solid #e2e8f0;color:#64748b}.add-medical-record-submit-btn{align-items:center;background:#1565c0;border:none;color:#fff;display:inline-flex;gap:8px;justify-content:center}.add-medical-record-cancel-btn:hover,.add-medical-record-submit-btn:hover{transform:translateY(-1px)}.add-medical-record-cancel-btn:disabled,.add-medical-record-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:640px){.add-medical-record-overlay{padding:12px}.add-medical-record-modal{border-radius:16px;max-height:95vh}.add-medical-record-form,.add-medical-record-header{padding:16px}.add-medical-record-patient-info{align-items:flex-start}.add-medical-record-type-grid{grid-template-columns:repeat(2,1fr)}.add-medical-record-type-btn{min-height:76px;padding:10px}.add-medical-record-vitals-grid{grid-template-columns:1fr}.add-medical-record-actions{flex-direction:column}.add-medical-record-cancel-btn,.add-medical-record-submit-btn{width:100%}}.doctor-dashboard-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-base);box-sizing:border-box;color:#0f172a;color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1240px;min-height:100vh;padding:28px;width:100%}.doctor-tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);display:flex;gap:10px;margin-bottom:26px;padding:8px}.doctor-tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:11px 20px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);white-space:nowrap}.doctor-tab-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary)}.doctor-tab-btn.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb4d,0 2px 6px #2563eb33;box-shadow:var(--shadow-primary);color:#fff;color:var(--white)}.doctor-dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:26px}.doctor-dashboard-title{color:#0f172a;color:var(--text-primary);font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}.doctor-dashboard-sub{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0}.doctor-dashboard-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-bottom:26px;width:100%}.doctor-dashboard-stat-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;min-height:154px;overflow:hidden;padding:22px;position:relative;text-align:center}.doctor-dashboard-stat-card,.doctor-dashboard-stat-card:before{transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.doctor-dashboard-stat-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute}.doctor-dashboard-stat-card:hover{border-color:#2563eb3d;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.doctor-dashboard-stat-card:hover:before{opacity:1}.doctor-dashboard-stat-icon{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border:1px solid var(--primary-light);border-radius:16px;border-radius:var(--radius-lg);color:#2563eb;color:var(--primary);display:inline-flex;height:48px;justify-content:center;width:48px}.doctor-dashboard-stat-card-clickable{cursor:pointer}.doctor-dashboard-section{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;margin-bottom:22px;padding:24px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.doctor-dashboard-section:hover{box-shadow:0 4px 6px #0f172a0a,0 10px 30px #0f172a1a,0 0 0 1px #0f172a08,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-lg)}.doctor-dashboard-section-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:17px;font-weight:900;gap:12px;letter-spacing:-.02em;margin:0 0 18px}.doctor-dashboard-clear-filter-btn{background:#fee2e2;background:var(--danger-light);border:1px solid #fecaca;border-radius:12px;border-radius:var(--radius-md);color:#b91c1c;cursor:pointer;font-size:12px;font-weight:900;padding:7px 14px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-dashboard-clear-filter-btn:hover{background:#fecaca;transform:translateY(-1px)}.doctor-dashboard-apts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));width:100%}.doctor-dashboard-apt-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);box-sizing:border-box;padding:16px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.doctor-dashboard-apt-card:hover{border-color:#2563eb3d;box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);transform:translateY(-3px)}.doctor-dashboard-apt-top{align-items:center;display:flex;gap:12px;margin-bottom:10px;min-width:0}.doctor-dashboard-mini-avatar,.doctor-dashboard-pat-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#22c55e);background:linear-gradient(135deg,var(--accent),var(--success));border-radius:16px;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-weight:900;justify-content:center}.doctor-dashboard-pat-avatar{font-size:16px;height:42px;width:42px}.doctor-dashboard-mini-avatar{font-size:12px;height:30px;width:30px}.doctor-dashboard-apt-info{flex:1 1;min-width:0}.doctor-dashboard-pat-name{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:900}.doctor-dashboard-apt-time{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600}.doctor-dashboard-status-badge,.doctor-dashboard-type-badge{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:900;gap:6px;text-transform:capitalize}.doctor-dashboard-type-badge{background:#dbeafe;background:var(--primary-light);color:#1d4ed8;color:var(--primary-dark);padding:5px 9px}.doctor-dashboard-status-badge{background:#dcfce7;background:var(--success-light);color:#15803d;padding:5px 9px}.doctor-dashboard-symptoms{background:#f1f5f9;background:var(--bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);font-size:12px;line-height:1.55;margin:0 0 12px;padding:10px;word-break:break-word}.doctor-dashboard-actions,.doctor-dashboard-table-actions{display:flex;flex-wrap:wrap;gap:8px}.doctor-dashboard-cancel-btn,.doctor-dashboard-confirm-btn,.doctor-dashboard-record-btn,.doctor-dashboard-sm-confirm,.doctor-dashboard-video-btn{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;gap:6px;justify-content:center;min-height:34px;padding:7px 12px;text-decoration:none;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-dashboard-confirm-btn{background:#dcfce7;background:var(--success-light);border-color:#bbf7d0;color:#15803d}.doctor-dashboard-cancel-btn{background:#fee2e2;background:var(--danger-light);border-color:#fecaca;color:#b91c1c}.doctor-dashboard-sm-confirm,.doctor-dashboard-video-btn{background:#dbeafe;background:var(--primary-light);border-color:#bfdbfe;color:#1d4ed8;color:var(--primary-dark)}.doctor-dashboard-record-btn{background:#e0e7ff;background:var(--info-light);border-color:#c7d2fe;color:#4338ca}.doctor-dashboard-cancel-btn:hover,.doctor-dashboard-confirm-btn:hover,.doctor-dashboard-record-btn:hover,.doctor-dashboard-sm-confirm:hover,.doctor-dashboard-video-btn:hover{filter:brightness(.98);transform:translateY(-2px)}.doctor-dashboard-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.doctor-dashboard-filter-row{display:flex;flex-wrap:wrap;gap:8px;width:100%}.doctor-dashboard-filter-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-full);color:#64748b;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:800;min-height:38px;padding:7px 14px;text-transform:capitalize;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-dashboard-filter-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary)}.doctor-dashboard-filter-btn.active{background:#dbeafe;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);color:#1d4ed8;color:var(--primary-dark)}.doctor-dashboard-table{border-collapse:collapse;min-width:760px;width:100%}.doctor-dashboard-th{background:#f1f5f9;background:var(--bg-subtle);color:#64748b;color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;padding:14px;text-align:left;text-transform:uppercase}.doctor-dashboard-th,.doctor-dashboard-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.doctor-dashboard-tr{transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-dashboard-tr:hover{background:#eff6ff}.doctor-dashboard-td{color:#334155;color:var(--text-secondary);font-size:14px;padding:14px;vertical-align:middle;word-break:break-word}.doctor-dashboard-pat-cell{align-items:center;display:flex;gap:10px}.doctor-dashboard-empty-row{color:#94a3b8;color:var(--text-disabled);font-size:14px;padding:34px;text-align:center}@media (max-width:768px){.doctor-dashboard-page{padding:18px}.doctor-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.doctor-tab-btn{white-space:nowrap}.doctor-dashboard-title{font-size:24px}.doctor-dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doctor-dashboard-stat-card{min-height:138px}.doctor-dashboard-apts-grid{grid-template-columns:1fr}.doctor-dashboard-table-header{align-items:flex-start;flex-direction:column}.doctor-dashboard-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.doctor-dashboard-filter-btn{width:100%}.doctor-dashboard-table{min-width:0}.doctor-dashboard-table,.doctor-dashboard-table tbody,.doctor-dashboard-table thead,.doctor-dashboard-td,.doctor-dashboard-th,.doctor-dashboard-tr{display:block}.doctor-dashboard-table thead{display:none}.doctor-dashboard-tr{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:6px 0}.doctor-dashboard-td{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:12px 14px}.doctor-dashboard-td:before{color:#64748b;color:var(--text-muted);content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:900;letter-spacing:.05em;min-width:96px;text-transform:uppercase}.doctor-dashboard-tr .doctor-dashboard-td:last-child{border-bottom:none}}@media (max-width:520px){.doctor-dashboard-page{padding:14px}.doctor-dashboard-section{border-radius:18px;padding:18px}.doctor-dashboard-title{font-size:21px}.doctor-dashboard-sub{font-size:13px}.doctor-dashboard-stats-grid{gap:12px;grid-template-columns:1fr}.doctor-dashboard-stat-card{min-height:130px;padding:18px}.doctor-dashboard-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.doctor-dashboard-apt-top{align-items:flex-start;flex-wrap:wrap}.doctor-dashboard-apt-info,.doctor-dashboard-pat-cell,.doctor-dashboard-pat-cell>div:last-child{min-width:0;width:100%}.doctor-dashboard-actions{flex-direction:column}.doctor-dashboard-actions>*{width:100%}.doctor-dashboard-td{flex-direction:column;gap:8px;padding:12px}.doctor-dashboard-td:before{min-width:0}.doctor-dashboard-status-badge,.doctor-dashboard-type-badge{max-width:100%;overflow-wrap:anywhere}}@media (max-width:380px){.doctor-dashboard-filter-row{grid-template-columns:1fr}}.doctor-appointments-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-base);box-sizing:border-box;color:#0f172a;color:var(--text-primary);margin:0 auto;max-width:1240px;min-height:100vh;padding:28px;width:100%}.doctor-appointments-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:26px}.doctor-appointments-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}.doctor-appointments-subtitle{align-items:center;color:#64748b;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:15px;font-weight:600;gap:12px;line-height:1.7;margin:0}.doctor-appointments-clear-filter-btn{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border:1px solid var(--primary-light);border-radius:12px;border-radius:var(--radius-md);color:#2563eb;color:var(--primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:900;gap:8px;margin-left:10px;padding:8px 14px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-appointments-clear-filter-btn:hover{background:#dbeafe;background:var(--primary-light);transform:translateY(-1px)}.doctor-appointments-clear-filter-btn svg{flex-shrink:0}.doctor-appointments-empty,.doctor-appointments-loading{background:#fff;background:var(--white);border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#64748b;color:var(--text-muted);padding:48px 22px;text-align:center}.doctor-appointments-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:26px;width:100%}.doctor-appointments-stat-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;min-height:144px;overflow:hidden;padding:22px;position:relative;text-align:center}.doctor-appointments-stat-card,.doctor-appointments-stat-card:before{transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.doctor-appointments-stat-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute}.doctor-appointments-stat-card-clickable{cursor:pointer}.doctor-appointments-stat-card:hover{border-color:#2563eb3d;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.doctor-appointments-stat-card:hover:before{opacity:1}.doctor-appointments-stat-value{color:#2563eb;color:var(--primary);font-size:30px;font-weight:900;letter-spacing:-.04em}.doctor-appointments-stat-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:700;margin-top:5px}.doctor-appointments-filter-container{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;padding:14px;width:100%}.doctor-appointments-filter-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-full);color:#64748b;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:800;min-height:40px;padding:8px 16px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-appointments-filter-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary)}.doctor-appointments-filter-btn.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb4d,0 2px 6px #2563eb33;box-shadow:var(--shadow-primary);color:#fff;font-weight:900}.doctor-appointments-table-container{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;overflow:hidden;width:100%}.doctor-appointments-table{border-collapse:collapse;min-width:860px;width:100%}.doctor-appointments-th{background:#f1f5f9;background:var(--bg-subtle);color:#64748b;color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.06em;padding:16px;text-align:left;text-transform:uppercase}.doctor-appointments-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-appointments-tr:hover{background:#eff6ff}.doctor-appointments-td{color:#334155;color:var(--text-secondary);font-size:14px;padding:16px;vertical-align:top;word-break:break-word}.doctor-appointments-patient-cell{align-items:center;display:flex;gap:12px;min-width:0}.doctor-appointments-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#22c55e);background:linear-gradient(135deg,var(--accent),var(--success));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #14b8a638;color:#fff;display:flex;flex-shrink:0;font-weight:900;height:42px;justify-content:center;width:42px}.doctor-appointments-patient-name{color:#0f172a;color:var(--text-primary);font-weight:900}.doctor-appointments-patient-phone,.doctor-appointments-time{color:#94a3b8;color:var(--text-disabled);font-size:12px;font-weight:600}.doctor-appointments-date{color:#0f172a;color:var(--text-primary);font-weight:900}.doctor-appointments-status-badge,.doctor-appointments-type-badge{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:900;gap:6px;padding:6px 11px;text-transform:capitalize}.doctor-appointments-type-badge{background:#f1f5f9;background:var(--bg-subtle);color:#475569}.doctor-appointments-symptoms{color:#64748b;color:var(--text-muted);font-size:13px;line-height:1.55;max-width:220px;word-break:break-word}.doctor-appointments-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.doctor-appointments-action-btn{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;gap:6px;justify-content:center;min-height:34px;padding:7px 12px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-appointments-action-btn:hover{filter:brightness(.98);transform:translateY(-2px)}.doctor-appointments-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a94;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.doctor-appointments-modal{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 16px #0f172a0f,0 24px 48px #0f172a1f,0 0 0 1px #0f172a0a,inset 0 1px 0 #fff;box-shadow:var(--shadow-xl);box-sizing:border-box;max-height:90vh;max-width:640px;overflow:auto;padding:26px;width:100%}.doctor-appointments-modal-title{color:#0f172a;color:var(--text-primary);font-size:22px;font-weight:900;letter-spacing:-.04em;margin:0 0 8px}.doctor-appointments-modal-subtitle{color:#64748b;color:var(--text-muted);line-height:1.6;margin-bottom:22px}.doctor-appointments-form-group{margin-bottom:17px}.doctor-appointments-label{color:#64748b;color:var(--text-muted);display:block;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase}.doctor-appointments-input,.doctor-appointments-med-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0f172a0f,inset 0 1px 2px #0f172a0a;box-shadow:var(--shadow-inset);box-sizing:border-box;color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 14px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.doctor-appointments-input:focus,.doctor-appointments-med-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb24,inset 0 2px 4px #0f172a0f,inset 0 1px 2px #0f172a0a;box-shadow:0 0 0 4px #2563eb24,var(--shadow-inset);outline:none}.doctor-appointments-input-textarea{height:90px;resize:vertical}.doctor-appointments-medicines-section{margin-bottom:17px}.doctor-appointments-medicine-row{align-items:stretch;display:flex;gap:8px;margin-bottom:8px;width:100%}.doctor-appointments-med-input-small{width:100px}.doctor-appointments-med-input-medium{width:120px}.doctor-appointments-add-btn{background:#eff6ff;border:1px dashed #2563eb;border:1px dashed var(--primary);border-radius:12px;border-radius:var(--radius-md);color:#2563eb;color:var(--primary);cursor:pointer;font-size:13px;font-weight:900;padding:9px 16px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-appointments-add-btn:hover{background:#dbeafe;background:var(--primary-light)}.doctor-appointments-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.doctor-appointments-cancel-btn,.doctor-appointments-submit-btn{border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-weight:900;min-height:42px;padding:11px 20px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-appointments-cancel-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b;color:var(--text-muted)}.doctor-appointments-cancel-btn:hover{background:#f1f5f9;background:var(--bg-subtle)}.doctor-appointments-submit-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;box-shadow:0 4px 14px #2563eb4d,0 2px 6px #2563eb33;box-shadow:var(--shadow-primary);color:#fff}.doctor-appointments-submit-btn:hover{transform:translateY(-2px)}.doctor-appointments-status-pending{background:#fef3c7;background:var(--warning-light);color:#92400e}.doctor-appointments-status-confirmed{background:#dbeafe;background:var(--primary-light);color:#1d4ed8;color:var(--primary-dark)}.doctor-appointments-status-in-progress{background:#e0e7ff;background:var(--info-light);color:#4338ca}.doctor-appointments-status-completed{background:#dcfce7;background:var(--success-light);color:#15803d}.doctor-appointments-status-cancelled{background:#fee2e2;background:var(--danger-light);color:#b91c1c}.doctor-appointments-status-no-show{background:#f1f5f9;background:var(--bg-subtle);color:#64748b;color:var(--text-muted)}.doctor-appointments-action-btn-confirm{background:#dcfce7;background:var(--success-light);border-color:#bbf7d0;color:#15803d}.doctor-appointments-action-btn-cancel{background:#fee2e2;background:var(--danger-light);border-color:#fecaca;color:#b91c1c}.doctor-appointments-action-btn-complete{background:#dbeafe;background:var(--primary-light);border-color:#bfdbfe;color:#1d4ed8;color:var(--primary-dark)}.doctor-appointments-action-btn-video{background:#6366f1;background:var(--info);color:#fff;text-decoration:none}.doctor-appointments-action-btn-rx{background:#fef3c7;background:var(--warning-light);border-color:#fde68a;color:#92400e}.doctor-appointments-filter-btn.pending.active{background:#fef3c7;background:var(--warning-light);border-color:#f59e0b;border-color:var(--warning);box-shadow:none;color:#92400e}.doctor-appointments-filter-btn.confirmed.active{background:#dbeafe;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);box-shadow:none;color:#2563eb;color:var(--primary)}.doctor-appointments-filter-btn.completed.active{background:#dcfce7;background:var(--success-light);border-color:#22c55e;border-color:var(--success);box-shadow:none;color:#15803d}.doctor-appointments-filter-btn.cancelled.active{background:#fee2e2;background:var(--danger-light);border-color:#ef4444;border-color:var(--danger);box-shadow:none;color:#b91c1c}.doctor-appointments-filter-btn.no-show.active{background:#f1f5f9;background:var(--bg-subtle);border-color:#cbd5e1;border-color:var(--border-strong);box-shadow:none;color:#64748b;color:var(--text-muted)}.doctor-appointments-patients-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin-top:18px;width:100%}.doctor-appointments-patient-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;gap:14px;padding:22px;position:relative;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.doctor-appointments-patient-card:hover{border-color:#14b8a66b;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.doctor-appointments-patient-card-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#22c55e);background:linear-gradient(135deg,var(--accent),var(--success));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #14b8a638;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:900;height:50px;justify-content:center;width:50px}.doctor-appointments-patient-card-info{flex:1 1;min-width:0}.doctor-appointments-patient-card-name{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:900;margin-bottom:5px}.doctor-appointments-patient-card-last,.doctor-appointments-patient-card-phone,.doctor-appointments-patient-card-visits{color:#94a3b8;color:var(--text-disabled);font-size:12px;font-weight:600;margin-bottom:3px}.doctor-appointments-patient-card-badge{background:#dcfce7;background:var(--success-light);border-radius:999px;border-radius:var(--radius-full);color:#15803d;font-size:11px;font-weight:900;padding:5px 9px}.doctor-appointments-patient-card-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px;position:absolute;right:12px;top:12px}.dark .doctor-appointments-patient-card,[data-theme=dark] .doctor-appointments-patient-card{background:#1e293b;border-color:#334155}.dark .doctor-appointments-patient-card-name,[data-theme=dark] .doctor-appointments-patient-card-name{color:#f1f5f9}@media (max-width:768px){.doctor-appointments-page{padding:18px}.doctor-appointments-title{font-size:24px}.doctor-appointments-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doctor-appointments-filter-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.doctor-appointments-filter-btn{white-space:nowrap;width:100%}.doctor-appointments-table{min-width:0}.doctor-appointments-table-container{background:#0000;border:none;box-shadow:none;overflow:visible}.doctor-appointments-table,.doctor-appointments-table tbody,.doctor-appointments-table thead,.doctor-appointments-td,.doctor-appointments-th,.doctor-appointments-tr{display:block}.doctor-appointments-table thead{display:none}.doctor-appointments-tr{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);margin-bottom:14px;padding:6px 0}.doctor-appointments-td{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.doctor-appointments-td:before{color:#64748b;color:var(--text-muted);content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:900;letter-spacing:.05em;min-width:96px;text-transform:uppercase}.doctor-appointments-tr .doctor-appointments-td:last-child{border-bottom:none}.doctor-appointments-modal{max-height:calc(100vh - 24px);padding:20px}.doctor-appointments-medicine-row,.doctor-appointments-modal-actions{flex-direction:column}.doctor-appointments-cancel-btn,.doctor-appointments-med-input-medium,.doctor-appointments-med-input-small,.doctor-appointments-submit-btn{width:100%}}@media (max-width:520px){.doctor-appointments-page{padding:14px}.doctor-appointments-title{font-size:21px}.doctor-appointments-subtitle{align-items:flex-start;font-size:13px;gap:8px}.doctor-appointments-stats-grid{gap:12px;grid-template-columns:1fr}.doctor-appointments-stat-card{min-height:124px;padding:18px}.doctor-appointments-filter-container{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.doctor-appointments-filter-btn{font-size:12px;min-height:38px}.doctor-appointments-patients-grid{grid-template-columns:1fr}.doctor-appointments-patient-card,.doctor-appointments-patient-cell{align-items:flex-start}.doctor-appointments-patient-card{flex-direction:column;padding:18px}.doctor-appointments-td{flex-direction:column;gap:8px;padding:12px 14px}.doctor-appointments-td:before{min-width:0}.doctor-appointments-patient-card-actions{align-items:stretch;margin-top:12px;position:static;width:100%}.doctor-appointments-overlay{padding:12px}.doctor-appointments-actions{align-items:stretch;flex-direction:column;width:100%}.doctor-appointments-action-btn{width:100%}}@media (max-width:380px){.doctor-appointments-filter-container{grid-template-columns:1fr}}.doctor-payments-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-base);box-sizing:border-box;color:#0f172a;color:var(--text-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:28px;width:100%}.doctor-payments-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:32px}.doctor-payments-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}.doctor-payments-subtitle{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0}.doctor-payments-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:32px;width:100%}.doctor-payments-stat-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);display:flex;gap:16px;min-width:0;overflow:hidden;padding:22px;position:relative}.doctor-payments-stat-card,.doctor-payments-stat-card:before{transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.doctor-payments-stat-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute}.doctor-payments-stat-card:hover{border-color:#2563eb38;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.doctor-payments-stat-card:hover:before{opacity:1}.doctor-payments-stat-icon{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border:1px solid var(--primary-light);border-radius:16px;border-radius:var(--radius-lg);color:#2563eb;color:var(--primary);display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.doctor-payments-stat-content{flex:1 1;min-width:0}.doctor-payments-stat-value{color:#0f172a;color:var(--text-primary);font-size:clamp(22px,3vw,28px);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:5px;overflow-wrap:anywhere}.doctor-payments-stat-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:700}.doctor-payments-filter-container{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;padding:14px;width:100%}.doctor-payments-filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-full);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:8px;min-height:42px;padding:10px 18px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-payments-filter-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary);transform:translateY(-1px)}.doctor-payments-filter-btn.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;box-shadow:var(--shadow-primary);color:#fff}.doctor-payments-badge{background:#0f172a14;border-radius:999px;border-radius:var(--radius-full);font-size:12px;font-weight:900;padding:3px 8px}.doctor-payments-filter-btn.active .doctor-payments-badge{background:#ffffff42}.doctor-payments-table-container{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);overflow:hidden;width:100%}.doctor-payments-table{border-collapse:collapse;min-width:980px;width:100%}.doctor-payments-th{background:#f1f5f9;background:var(--bg-subtle);color:#64748b;color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.06em;padding:16px;text-align:left;text-transform:uppercase}.doctor-payments-th,.doctor-payments-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.doctor-payments-tr{transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-payments-tr:hover{background:#eff6ff}.doctor-payments-tr:last-child{border-bottom:none}.doctor-payments-td{color:#334155;color:var(--text-secondary);font-size:14px;padding:16px;vertical-align:middle}.doctor-payments-tx-id{color:#2563eb;color:var(--primary);font-family:JetBrains Mono,Courier New,monospace;font-size:13px;font-weight:800;overflow-wrap:anywhere}.doctor-payments-patient-cell{align-items:center;display:flex;gap:12px;min-width:0}.doctor-payments-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #2563eb38;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:900;height:42px;justify-content:center;width:42px}.doctor-payments-patient-name{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:900;margin-bottom:3px;overflow-wrap:anywhere}.doctor-payments-appointment-id{color:#94a3b8;color:var(--text-disabled);font-size:11px;font-weight:700}.doctor-payments-datetime{display:flex;flex-direction:column;gap:4px}.doctor-payments-time{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600}.doctor-payments-status-badge,.doctor-payments-type-badge{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:900;gap:6px;max-width:100%;padding:7px 12px}.doctor-payments-type-badge{background:#f1f5f9;background:var(--bg-subtle);color:#475569}.doctor-payments-status-badge{background:#dcfce7;background:var(--success-light);color:#15803d}.doctor-payments-amount{color:#2563eb;color:var(--primary);font-size:16px;font-weight:900}.doctor-payments-method{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:700;overflow-wrap:anywhere}.doctor-payments-empty,.doctor-payments-loading{background:#fff;background:var(--white);border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);padding:60px 20px;text-align:center}.doctor-payments-empty-icon{font-size:64px;margin-bottom:16px;opacity:.55}.doctor-payments-empty h3{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:900;margin:0 0 8px}.doctor-payments-empty p,.doctor-payments-loading{color:#64748b;color:var(--text-muted);font-size:14px;margin:0}.doctor-payments-summary{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;margin-top:32px;padding:24px;width:100%}.doctor-payments-summary-title{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:900;letter-spacing:-.02em;margin:0 0 20px}.doctor-payments-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.doctor-payments-summary-item{background:#f1f5f9;background:var(--bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;padding:16px}.doctor-payments-summary-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:800}.doctor-payments-summary-value{color:#0f172a;color:var(--text-primary);font-size:22px;font-weight:900}@media (max-width:768px){.doctor-payments-page{padding:18px}.doctor-payments-header{margin-bottom:24px}.doctor-payments-title{flex-wrap:wrap;font-size:24px}.doctor-payments-stats-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.doctor-payments-stat-card{gap:14px;padding:18px}.doctor-payments-filter-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.doctor-payments-filter-btn{justify-content:center;padding:10px 14px}.doctor-payments-summary-grid{grid-template-columns:1fr}.doctor-payments-table-container{background:#0000;border:none;border-radius:0;box-shadow:none;overflow:visible}.doctor-payments-table,.doctor-payments-table tbody,.doctor-payments-table thead,.doctor-payments-td,.doctor-payments-th,.doctor-payments-tr{display:block;width:100%}.doctor-payments-table{border-collapse:initial;min-width:0}.doctor-payments-table thead{display:none}.doctor-payments-tr{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);margin-bottom:14px;padding:8px 0}.doctor-payments-td{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.doctor-payments-td:last-child{border-bottom:none}.doctor-payments-td:before{color:#94a3b8;color:var(--text-disabled);content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:900;letter-spacing:.06em;min-width:108px;text-transform:uppercase}}@media (max-width:520px){.doctor-payments-page{padding:14px}.doctor-payments-title{font-size:22px}.doctor-payments-stat-card{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.doctor-payments-stat-icon{height:48px;width:48px}.doctor-payments-stat-value{font-size:22px}.doctor-payments-filter-container,.doctor-payments-stats-grid{grid-template-columns:1fr}.doctor-payments-patient-cell{align-items:flex-start;width:100%}.doctor-payments-datetime,.doctor-payments-patient-cell>div:last-child{min-width:0;width:100%}.doctor-payments-method,.doctor-payments-status-badge,.doctor-payments-type-badge{width:fit-content}.doctor-payments-empty,.doctor-payments-summary{padding:18px 16px}.doctor-payments-td{flex-direction:column;gap:8px}.doctor-payments-td:before{min-width:0}}:root{--shadow-lg:0 4px 6px #0f172a0a,0 10px 30px #0f172a1a,0 0 0 1px #0f172a08,inset 0 1px 0 #ffffffe6;--shadow-xl:0 8px 16px #0f172a0f,0 24px 48px #0f172a1f,0 0 0 1px #0f172a0a,inset 0 1px 0 #fff;--shadow-primary:0 4px 14px #2563eb4d,0 2px 6px #2563eb33}.doctor-prescriptions-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-base);box-sizing:border-box;color:#0f172a;color:var(--text-primary);margin:0 auto;max-width:1240px;min-height:100vh;padding:28px;width:100%}.doctor-prescriptions-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:26px}.doctor-prescriptions-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}.doctor-prescriptions-subtitle{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0}.doctor-prescriptions-loading{background:#fff;background:var(--white);border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#64748b;color:var(--text-muted);padding:48px 22px;text-align:center}.doctor-prescriptions-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:26px;width:100%}.doctor-prescriptions-stat-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:150px;overflow:hidden;padding:22px;position:relative;text-align:center}.doctor-prescriptions-stat-card,.doctor-prescriptions-stat-card:before{transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.doctor-prescriptions-stat-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute}.doctor-prescriptions-stat-card:hover{border-color:#2563eb3d;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.doctor-prescriptions-stat-card:hover:before{opacity:1}.doctor-prescriptions-stat-value{color:#2563eb;color:var(--primary);font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:1.1;overflow-wrap:anywhere}.doctor-prescriptions-stat-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:700;margin-top:6px}.doctor-prescriptions-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px;width:100%}.doctor-prescriptions-search-wrap{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 14px #0f172a0d;display:flex;flex:1 1;gap:10px;min-height:48px;min-width:250px;padding:0 16px;transition:.22s ease}.doctor-prescriptions-search-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb24}.doctor-prescriptions-search-input{background:#0000!important;color:#0f172a;flex:1 1;font-size:15px;height:46px;min-width:0;padding:0}.doctor-prescriptions-search-input,.doctor-prescriptions-search-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.doctor-prescriptions-filter-group{display:flex;flex-wrap:wrap;gap:8px}.doctor-prescriptions-filter-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-full);color:#64748b;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:800;min-height:40px;padding:8px 16px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-prescriptions-filter-btn:hover:not(.active){background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary)}.doctor-prescriptions-filter-btn.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb4d,0 2px 6px #2563eb33;box-shadow:var(--shadow-primary);color:#fff}.doctor-prescriptions-table-container{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);overflow:hidden;width:100%}.doctor-prescriptions-table{border-collapse:collapse;min-width:880px;width:100%}.doctor-prescriptions-th{background:#f1f5f9;background:var(--bg-subtle);color:#64748b;color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;padding:16px;text-align:left;text-transform:uppercase}.doctor-prescriptions-th,.doctor-prescriptions-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.doctor-prescriptions-tr{transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-prescriptions-tr:hover{background:#eff6ff}.doctor-prescriptions-td{color:#334155;color:var(--text-secondary);font-size:14px;padding:16px;vertical-align:middle;word-break:break-word}.doctor-prescriptions-patient-cell{align-items:center;display:flex;gap:12px;min-width:0}.doctor-prescriptions-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#22c55e);background:linear-gradient(135deg,var(--accent),var(--success));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #14b8a638;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:900;height:42px;justify-content:center;width:42px}.doctor-prescriptions-diagnosis,.doctor-prescriptions-patient-name{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:900}.doctor-prescriptions-patient-info{color:#94a3b8;color:var(--text-disabled);font-size:11px;font-weight:600}.doctor-prescriptions-datetime{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:600}.doctor-prescriptions-followup,.doctor-prescriptions-medicine-count{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:900;gap:6px;padding:6px 11px}.doctor-prescriptions-medicine-count{background:#e0e7ff;background:var(--info-light);color:#4338ca}.doctor-prescriptions-followup{background:#dbeafe;background:var(--primary-light);color:#1d4ed8;color:var(--primary-dark)}.doctor-prescriptions-no-followup{color:#94a3b8;color:var(--text-disabled);font-size:12px;font-weight:700}.doctor-prescriptions-view-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 14px #2563eb4d,0 2px 6px #2563eb33;box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;justify-content:center;min-height:34px;padding:7px 14px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-prescriptions-view-btn:hover{transform:translateY(-2px)}.doctor-prescriptions-row-actions{align-items:center;display:flex;gap:8px}.doctor-prescriptions-empty{background:#fff;background:var(--white);border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);padding:60px 20px;text-align:center}.doctor-prescriptions-empty-icon{font-size:64px;margin-bottom:16px;opacity:.55}.doctor-prescriptions-empty h3{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:900;margin:0 0 8px}.doctor-prescriptions-empty p{color:#94a3b8;color:var(--text-disabled);font-size:14px;margin:0}.doctor-prescriptions-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.doctor-prescriptions-modal{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 16px #0f172a0f,0 24px 48px #0f172a1f,0 0 0 1px #0f172a0a,inset 0 1px 0 #fff;box-shadow:var(--shadow-xl);max-height:90vh;max-width:820px;overflow-y:auto;width:100%}.doctor-prescriptions-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:22px 26px}.doctor-prescriptions-modal-title{color:#0f172a;color:var(--text-primary);font-size:22px;font-weight:900;letter-spacing:-.04em;margin:0}.doctor-prescriptions-close-btn{background:#f1f5f9;background:var(--bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);cursor:pointer;font-size:20px;height:38px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:38px}.doctor-prescriptions-close-btn:hover{background:#fee2e2;background:var(--danger-light);border-color:#fecaca;color:#b91c1c}.doctor-prescriptions-modal-content{padding:26px}.doctor-prescriptions-section{margin-bottom:24px}.doctor-prescriptions-section-title{color:#0f172a;color:var(--text-primary);font-size:17px;font-weight:900;margin:0 0 13px}.doctor-prescriptions-info-grid,.doctor-prescriptions-medical-info,.doctor-prescriptions-medicines-list{background:#f1f5f9;background:var(--bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:16px}.doctor-prescriptions-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.doctor-prescriptions-info-grid div{color:#475569;font-size:13px}.doctor-prescriptions-footer-item strong,.doctor-prescriptions-info-grid strong,.doctor-prescriptions-info-item strong{color:#0f172a;color:var(--text-primary)}.doctor-prescriptions-info-item{margin-bottom:12px}.doctor-prescriptions-info-item:last-child{margin-bottom:0}.doctor-prescriptions-info-item strong{display:block;font-size:13px;margin-bottom:4px}.doctor-prescriptions-info-item p{color:#475569;font-size:14px;line-height:1.6;margin:0}.doctor-prescriptions-highlight{color:#2563eb!important;color:var(--primary)!important;font-weight:900!important}.doctor-prescriptions-medicine-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);margin-bottom:10px;padding:14px}.doctor-prescriptions-medicine-item:last-child{margin-bottom:0}.doctor-prescriptions-medicine-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.doctor-prescriptions-medicine-name{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:900}.doctor-prescriptions-medicine-dosage{background:#dbeafe;background:var(--primary-light);border-radius:8px;border-radius:var(--radius-sm);color:#2563eb;color:var(--primary);font-size:13px;font-weight:900;padding:5px 9px}.doctor-prescriptions-medicine-details{color:#64748b;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.doctor-prescriptions-medicine-details span{align-items:center;display:flex;gap:4px}.doctor-prescriptions-no-meds{color:#94a3b8;color:var(--text-disabled);font-size:14px;padding:20px;text-align:center}.doctor-prescriptions-modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#64748b;color:var(--text-muted);display:flex;font-size:12px;gap:14px;justify-content:space-between;margin-top:20px;padding-top:16px}.doctor-prescriptions-footer-item{display:flex;gap:6px}.doctor-prescriptions-modal-actions{background:#f1f5f9;background:var(--bg-subtle);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:12px;padding:20px 26px}.doctor-prescriptions-cancel-btn,.doctor-prescriptions-print-btn{border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:900;min-height:42px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-prescriptions-cancel-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b;color:var(--text-muted);flex:1 1;padding:10px 20px}.doctor-prescriptions-cancel-btn:hover{background:#fff;border-color:#cbd5e1;border-color:var(--border-strong);color:#0f172a;color:var(--text-primary)}.doctor-prescriptions-print-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;box-shadow:0 4px 14px #2563eb4d,0 2px 6px #2563eb33;box-shadow:var(--shadow-primary);color:#fff;flex:2 1;padding:10px 20px}.doctor-prescriptions-print-btn:hover{transform:translateY(-2px)}@media (max-width:768px){.doctor-prescriptions-page{padding:18px}.doctor-prescriptions-title{font-size:24px}.doctor-prescriptions-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.doctor-prescriptions-controls{align-items:stretch;flex-direction:column}.doctor-prescriptions-search-wrap{min-width:0;width:100%}.doctor-prescriptions-filter-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.doctor-prescriptions-info-grid{grid-template-columns:1fr}.doctor-prescriptions-modal-actions{flex-direction:column}.doctor-prescriptions-cancel-btn,.doctor-prescriptions-print-btn{flex:none;width:100%}.doctor-prescriptions-table-container{background:#0000;border:none;box-shadow:none;overflow:visible}.doctor-prescriptions-table{min-width:0}.doctor-prescriptions-table,.doctor-prescriptions-table tbody,.doctor-prescriptions-table thead,.doctor-prescriptions-td,.doctor-prescriptions-th,.doctor-prescriptions-tr{display:block}.doctor-prescriptions-table thead{display:none}.doctor-prescriptions-tr{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);margin-bottom:14px;padding:6px 0}.doctor-prescriptions-td{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.doctor-prescriptions-td:before{color:#64748b;color:var(--text-muted);content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:900;letter-spacing:.05em;min-width:96px;text-transform:uppercase}.doctor-prescriptions-tr .doctor-prescriptions-td:last-child{border-bottom:none}.doctor-prescriptions-modal{max-height:calc(100vh - 24px)}}@media (max-width:520px){.doctor-prescriptions-page{padding:14px}.doctor-prescriptions-title{font-size:21px}.doctor-prescriptions-subtitle{font-size:13px}.doctor-prescriptions-stats-grid{gap:12px;grid-template-columns:1fr}.doctor-prescriptions-stat-card{min-height:126px;padding:18px}.doctor-prescriptions-filter-group{grid-template-columns:1fr}.doctor-prescriptions-filter-btn{font-size:12px;min-height:38px;width:100%}.doctor-prescriptions-modal-actions,.doctor-prescriptions-modal-content,.doctor-prescriptions-modal-header{padding-inline:16px}.doctor-prescriptions-modal-header{align-items:flex-start}.doctor-prescriptions-medicine-header,.doctor-prescriptions-modal-footer{align-items:flex-start;flex-direction:column}.doctor-prescriptions-td{flex-direction:column;gap:8px;padding:12px 14px}.doctor-prescriptions-td:before{min-width:0}.doctor-prescriptions-modal-overlay{padding:12px}.doctor-prescriptions-row-actions,.doctor-prescriptions-view-btn{width:100%}}.account-info-page{box-sizing:border-box;margin:0 auto;max-width:900px;padding:28px;width:100%}.account-info-header{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.account-info-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.account-info-alert-icon,.account-info-icon,.account-info-label,.account-info-security-icon,.account-info-success-icon,.account-info-title{align-items:center;display:flex;gap:8px}.account-info-title{color:var(--text-primary);font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.account-info-subtitle{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.account-info-history-btn{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:border-color .2s,background .2s,color .2s}.account-info-history-btn:hover{background:#eff6ff;border-color:#1565c0;color:#1565c0}.account-info-alert,.account-info-success{align-items:flex-start;animation:slideDown .25s ease;border-radius:14px;display:flex;gap:14px;margin-bottom:24px;padding:16px 18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.account-info-alert{background:#fffbeb;border:1.5px solid #fcd34d;box-shadow:0 2px 12px #fcd34d26}.account-info-success{background:#f0fdf4;border:1.5px solid #86efac;box-shadow:0 2px 12px #86efac33}.account-info-alert strong,.account-info-success strong{color:#0f172a;display:block;font-size:14px;font-weight:700;margin-bottom:3px}.account-info-alert p,.account-info-success p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.account-info-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:20px;box-shadow:0 1px 4px #0000000f,0 8px 24px #0000000d;padding:48px 40px;text-align:center}.account-info-icon{background:#f59e0b1f;border-radius:20px;color:#d97706;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.account-info-text{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-left:auto;margin-right:auto;margin-top:10px;max-width:480px}.account-info-form{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:20px;box-shadow:0 1px 4px #0000000f,0 8px 24px #0000000d;padding:28px}.account-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:24px}.account-info-group{display:flex;flex-direction:column}.account-info-label{color:var(--text-primary);flex-wrap:wrap;font-size:13px;font-weight:700;letter-spacing:.2px;margin-bottom:7px}.required{color:#ef4444;margin-left:2px}.account-info-input{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:11px 15px;transition:border-color .2s,box-shadow .2s}.account-info-input:hover:not(:focus){border-color:#94a3b8}.account-info-input:focus{border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a;outline:none}.account-info-hint{color:var(--text-secondary);font-size:11px;line-height:1.5;margin-top:6px}.account-info-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.account-info-submit-btn{align-items:center;background:linear-gradient(135deg,#1565c0,#0d47a1);border:none;border-radius:10px;box-shadow:0 4px 14px #1565c04d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 32px;transition:all .22s ease}.account-info-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.account-info-security{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;display:flex;gap:14px;margin-top:20px;padding:16px 18px}.account-info-security p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}@media (max-width:768px){.account-info-page{padding:16px}.account-info-title{font-size:24px}.account-info-form{padding:20px}.account-info-card{padding:32px 20px}.account-info-grid{gap:16px;grid-template-columns:1fr}.account-info-header-actions{align-items:stretch;flex-direction:column}.account-info-actions{justify-content:stretch}.account-info-history-btn,.account-info-submit-btn{width:100%}}@media (max-width:520px){.account-info-alert,.account-info-security,.account-info-success{align-items:flex-start;flex-direction:column}.account-info-title{font-size:22px}.account-info-page{padding:14px}.account-info-card,.account-info-form{padding:18px 16px}}:root{--shadow-inset:inset 0 2px 4px #0f172a0f,inset 0 1px 2px #0f172a0a}.doctor-profile-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-base);box-sizing:border-box;color:#0f172a;color:var(--text-primary);margin:0 auto;max-width:1240px;min-height:100vh;padding:28px;width:100%}.doctor-profile-header{display:flex;flex-direction:column;gap:8px;margin-bottom:26px}.doctor-profile-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}.doctor-profile-subtitle{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0}.doctor-profile-tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;gap:10px;margin-bottom:26px;padding:8px;width:100%}.doctor-profile-tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:11px 20px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);white-space:nowrap}.doctor-profile-tab-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary)}.doctor-profile-tab-btn.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;box-shadow:var(--shadow-primary);color:#fff}.doctor-profile-loading{background:#fff;background:var(--white);border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#64748b;color:var(--text-muted);padding:48px 22px;text-align:center}.doctor-profile-content{display:flex;flex-direction:column;gap:22px;min-width:0;width:100%}.doctor-profile-about-card,.doctor-profile-card,.doctor-profile-form-section,.doctor-profile-info-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;min-width:0;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.doctor-profile-about-card:hover,.doctor-profile-card:hover,.doctor-profile-form-section:hover,.doctor-profile-info-card:hover{border-color:#2563eb2e;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover)}.doctor-profile-card{align-items:center;display:flex;gap:22px;justify-content:space-between;overflow:hidden;padding:26px;position:relative}.doctor-profile-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;position:absolute}.doctor-profile-avatar-section{align-items:center;display:flex;flex:1 1;gap:18px;min-width:0}.doctor-profile-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#22c55e);background:linear-gradient(135deg,var(--accent),var(--success));border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 14px 30px #14b8a642;color:#fff;display:flex;flex-shrink:0;font-size:32px;font-weight:900;height:84px;justify-content:center;width:84px}.doctor-profile-name{color:#0f172a;color:var(--text-primary);font-size:26px;font-weight:900;letter-spacing:-.04em;margin:0 0 5px}.doctor-profile-specialization{color:#64748b;color:var(--text-muted);font-size:16px;font-weight:600;margin-bottom:10px;overflow-wrap:anywhere}.doctor-profile-approved-badge,.doctor-profile-pending-badge,.doctor-profile-role-badge{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:900;gap:6px;margin-bottom:8px;margin-right:8px;max-width:100%;padding:6px 12px}.doctor-profile-role-badge{background:#dcfce7;background:var(--success-light);color:#15803d}.doctor-profile-approved-badge{background:#dbeafe;background:var(--primary-light);color:#1d4ed8;color:var(--primary-dark)}.doctor-profile-pending-badge{background:#fef3c7;background:var(--warning-light);color:#92400e}.doctor-profile-edit-btn{align-items:center;background:#ecfeff;border:1px solid #ccfbf1;border:1px solid var(--accent-light);border-radius:12px;border-radius:var(--radius-md);color:#0f766e;cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;gap:8px;justify-content:center;min-height:42px;padding:11px 20px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-profile-edit-btn:hover{background:#ccfbf1;background:var(--accent-light);transform:translateY(-2px)}.doctor-profile-form-grid,.doctor-profile-info-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));width:100%}.doctor-profile-about-card,.doctor-profile-form-section,.doctor-profile-info-card{padding:24px}.doctor-profile-card-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:17px;font-weight:900;gap:8px;letter-spacing:-.02em;margin:0 0 18px}.doctor-profile-info-row{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:13px;min-width:0;padding:14px 0}.doctor-profile-info-row:last-child{border-bottom:none}.doctor-profile-info-icon{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border:1px solid var(--primary-light);border-radius:12px;border-radius:var(--radius-md);color:#2563eb;color:var(--primary);display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.doctor-profile-info-label{color:#94a3b8;color:var(--text-disabled);font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.doctor-profile-info-value{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}.doctor-profile-about-text{color:#334155;color:var(--text-secondary);line-height:1.7;margin:0}.doctor-profile-actions{display:flex;justify-content:flex-end;margin-top:8px}.doctor-profile-form{display:flex;flex-direction:column;gap:22px;width:100%}.doctor-profile-form-group{margin-bottom:17px;min-width:0}.doctor-profile-form-row{align-items:flex-start;display:flex;gap:16px;min-width:0}.doctor-profile-label{color:#64748b;color:var(--text-muted);display:block;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase}.doctor-profile-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0f172a0f,inset 0 1px 2px #0f172a0a;box-shadow:var(--shadow-inset);box-sizing:border-box;color:#0f172a;color:var(--text-primary);font-family:inherit;font-size:14px;padding:13px 14px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.doctor-profile-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb24,inset 0 2px 4px #0f172a0f,inset 0 1px 2px #0f172a0a;box-shadow:0 0 0 4px #2563eb24,var(--shadow-inset);outline:none}.doctor-profile-input-textarea{min-height:120px;resize:vertical}.doctor-profile-checkbox-group{align-items:center;display:flex;gap:10px;margin-top:16px}.doctor-profile-checkbox{accent-color:#2563eb;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.doctor-profile-checkbox-label{color:#334155;color:var(--text-secondary);cursor:pointer;font-size:14px}.doctor-profile-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px;width:100%}.doctor-profile-cancel-btn,.doctor-profile-save-btn{align-items:center;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;gap:8px;justify-content:center;min-height:42px;padding:11px 22px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-profile-cancel-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b;color:var(--text-muted)}.doctor-profile-cancel-btn:hover{background:#f1f5f9;background:var(--bg-subtle);border-color:#cbd5e1;border-color:var(--border-strong);color:#0f172a;color:var(--text-primary)}.doctor-profile-save-btn{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;box-shadow:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;box-shadow:var(--shadow-primary);color:#fff}.doctor-profile-save-btn:hover{transform:translateY(-2px)}.doctor-profile-account-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;width:100%}.doctor-profile-account-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:20px;font-weight:900;gap:8px;letter-spacing:-.03em;margin:0}.doctor-profile-account-link{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#334155;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;gap:8px;min-height:42px;padding:10px 18px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.doctor-profile-account-link:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary)}.doctor-profile-avatar-section>div,.doctor-profile-info-row>div{min-width:0}@media (max-width:768px){.doctor-profile-page{padding:18px}.doctor-profile-header{text-align:center}.doctor-profile-title{flex-wrap:wrap;font-size:24px;justify-content:center}.doctor-profile-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.doctor-profile-tab-btn{padding-inline:16px;text-align:center;width:100%}.doctor-profile-account-header,.doctor-profile-actions,.doctor-profile-avatar-section,.doctor-profile-card,.doctor-profile-form-actions,.doctor-profile-form-row{align-items:flex-start;flex-direction:column}.doctor-profile-card{align-items:stretch}.doctor-profile-avatar-section{width:100%}.doctor-profile-form-grid,.doctor-profile-info-grid{grid-template-columns:1fr}.doctor-profile-account-link,.doctor-profile-cancel-btn,.doctor-profile-edit-btn,.doctor-profile-form-row>.doctor-profile-form-group,.doctor-profile-save-btn{width:100%}.doctor-profile-account-title{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media (max-width:520px){.doctor-profile-page{padding:14px}.doctor-profile-about-card,.doctor-profile-card,.doctor-profile-form-section,.doctor-profile-info-card{border-radius:18px;padding:18px}.doctor-profile-avatar{font-size:26px;height:70px;width:70px}.doctor-profile-name{font-size:21px}.doctor-profile-tabs{grid-template-columns:1fr}.doctor-profile-tab-btn{padding:12px 14px}.doctor-profile-avatar-section{align-items:flex-start;flex-direction:column;gap:14px}.doctor-profile-approved-badge,.doctor-profile-pending-badge,.doctor-profile-role-badge{margin-right:0}.doctor-profile-info-row{gap:10px;padding:11px 0}.doctor-profile-account-title,.doctor-profile-card-title{flex-wrap:wrap}.doctor-profile-about-text,.doctor-profile-checkbox-label,.doctor-profile-info-value,.doctor-profile-subtitle{overflow-wrap:anywhere}.doctor-profile-form-actions{align-items:stretch;flex-direction:column}}:root{--violet-light:#ede9fe}.admin-dashboard-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-base);box-sizing:border-box;color:#0f172a;color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1240px;min-height:100vh;padding:28px;width:100%}.admin-dashboard-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;line-height:1.1;margin:0 0 26px}.admin-dashboard-revenue-hero{align-items:flex-start;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:24px}.admin-dashboard-revenue-kicker{align-items:center;background:#ecfdf5;border-radius:999px;border-radius:var(--radius-full);color:#047857;display:inline-flex;font-size:12px;font-weight:900;gap:8px;letter-spacing:.05em;margin-bottom:10px;padding:7px 12px;text-transform:uppercase}.admin-dashboard-revenue-subtitle{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0;max-width:760px}.admin-dashboard-back-btn{align-items:center;background:#ffffffeb;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:11px 18px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-dashboard-back-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary);transform:translateY(-2px)}.admin-dashboard-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));margin-bottom:26px;width:100%}.admin-dashboard-stat-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;min-height:142px;min-width:0;overflow:hidden;padding:20px;position:relative;text-align:center}.admin-dashboard-stat-card,.admin-dashboard-stat-card:before{transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-dashboard-stat-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute}.admin-dashboard-stat-card:hover{border-color:#2563eb38;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.admin-dashboard-stat-card:hover:before{opacity:1}.admin-dashboard-revenue-stat-icon,.admin-dashboard-stat-icon{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border:1px solid var(--primary-light);border-radius:16px;border-radius:var(--radius-lg);color:#2563eb;color:var(--primary);display:inline-flex;height:46px;justify-content:center;width:46px}.admin-dashboard-stat-value{color:#0f172a;color:var(--text-primary);font-size:26px;font-weight:900;letter-spacing:-.04em;line-height:1.1;overflow-wrap:anywhere}.admin-dashboard-stat-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:800}.admin-dashboard-revenue-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:22px}.admin-dashboard-revenue-stat-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);min-height:150px;overflow:hidden;padding:22px;position:relative;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-dashboard-revenue-stat-card:before{content:"";height:4px;inset:0 0 auto;position:absolute}.admin-dashboard-revenue-stat-card.emerald:before{background:linear-gradient(90deg,#10b981,#14b8a6)}.admin-dashboard-revenue-stat-card.blue:before{background:linear-gradient(90deg,#2563eb,#0ea5e9)}.admin-dashboard-revenue-stat-card.violet:before{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.admin-dashboard-revenue-stat-card.teal:before{background:linear-gradient(90deg,#06b6d4,#14b8a6)}.admin-dashboard-revenue-stat-card:hover{box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.admin-dashboard-revenue-stat-icon{margin-bottom:16px}.admin-dashboard-revenue-stat-value{color:#0f172a;color:var(--text-primary);font-size:clamp(24px,3vw,30px);font-weight:900;letter-spacing:-.04em;line-height:1.1;overflow-wrap:anywhere}.admin-dashboard-revenue-stat-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:800;margin-top:8px}.admin-dashboard-revenue-tabs,.admin-dashboard-tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);display:flex;gap:10px;padding:8px;width:100%}.admin-dashboard-tabs{margin-bottom:18px}.admin-dashboard-revenue-tabs{margin-bottom:22px}.admin-dashboard-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-height:42px;min-width:0;padding:11px 18px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);white-space:nowrap}.admin-dashboard-tab span{min-width:0}.admin-dashboard-tab:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary)}.admin-dashboard-tab.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;box-shadow:var(--shadow-primary);color:#fff}.admin-dashboard-section{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;overflow:hidden;padding:24px;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.admin-dashboard-section:hover{box-shadow:0 4px 6px #0f172a0a,0 10px 30px #0f172a1a,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-lg)}.admin-dashboard-section-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:17px;font-weight:900;gap:8px;letter-spacing:-.02em;margin:0 0 18px}.admin-dashboard-revenue-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr)}.admin-dashboard-revenue-panel{min-height:100%}.admin-dashboard-empty{background:#f1f5f9;background:var(--bg-subtle);border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:16px;border-radius:var(--radius-lg);color:#94a3b8;color:var(--text-disabled);padding:34px;text-align:center}.admin-dashboard-billing-list,.admin-dashboard-monthly-list{display:flex;flex-direction:column;gap:12px}.admin-dashboard-analytics-item,.admin-dashboard-billing-item,.admin-dashboard-monthly-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);display:flex;gap:16px;justify-content:space-between;padding:15px 16px}.admin-dashboard-analytics-item span,.admin-dashboard-billing-item span,.admin-dashboard-monthly-meta{color:#64748b;color:var(--text-muted)}.admin-dashboard-analytics-item strong,.admin-dashboard-billing-item strong,.admin-dashboard-monthly-item strong{color:#0f172a;color:var(--text-primary);font-weight:900}.admin-dashboard-analytics-grid,.admin-dashboard-billing-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-billing-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);padding:18px}.admin-dashboard-billing-card span{color:#64748b;color:var(--text-muted);display:block;font-size:12px;font-weight:800;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.admin-dashboard-billing-card strong{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:900}.admin-dashboard-monthly-label{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:800}.admin-dashboard-monthly-meta{font-size:12px;font-weight:700}.admin-dashboard-doc-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;gap:13px;margin-bottom:12px;padding:16px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.admin-dashboard-doc-row:hover{border-color:#2563eb3d;box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-dashboard-doc-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #2563eb38;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:900;height:46px;justify-content:center;width:46px}.admin-dashboard-doc-info{flex:1 1;min-width:0}.admin-dashboard-doc-name{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:900}.admin-dashboard-doc-meta{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;margin-top:3px;overflow-wrap:anywhere}.admin-dashboard-doc-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-dashboard-approve-btn,.admin-dashboard-reject-btn{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:12px;font-weight:900;gap:6px;justify-content:center;min-height:34px;padding:7px 14px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-dashboard-approve-btn{background:#dcfce7;background:var(--success-light);border-color:#bbf7d0;color:#15803d}.admin-dashboard-approve-btn:hover{background:#bbf7d0;transform:translateY(-2px)}.admin-dashboard-reject-btn{background:#fee2e2;background:var(--danger-light);border-color:#fecaca;color:#b91c1c}.admin-dashboard-reject-btn:hover{background:#fecaca;transform:translateY(-2px)}.admin-dashboard-overflow-auto{overflow-x:auto;width:100%}.admin-dashboard-table{border-collapse:collapse;width:100%}.admin-dashboard-payments-table{table-layout:fixed}.admin-dashboard-payments-table .admin-dashboard-table-header:first-child{width:22%}.admin-dashboard-payments-table .admin-dashboard-table-header:nth-child(2),.admin-dashboard-payments-table .admin-dashboard-table-header:nth-child(3){width:16%}.admin-dashboard-payments-table .admin-dashboard-table-header:nth-child(4){width:22%}.admin-dashboard-payments-table .admin-dashboard-table-header:nth-child(5),.admin-dashboard-payments-table .admin-dashboard-table-header:nth-child(6){width:12%}.admin-dashboard-table-header{background:#f1f5f9;background:var(--bg-subtle);color:#64748b;color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;padding:14px;text-align:left;text-transform:uppercase}.admin-dashboard-table-header,.admin-dashboard-table-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.admin-dashboard-table-row{transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-dashboard-table-row:hover{background:#eff6ff}.admin-dashboard-table-cell{color:#334155;color:var(--text-secondary);font-size:14px;overflow-wrap:anywhere;padding:14px;vertical-align:middle}.admin-dashboard-table-cell-name{color:#0f172a;color:var(--text-primary);font-size:13px;font-weight:900}.admin-dashboard-table-cell-date,.admin-dashboard-table-cell-email{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600}.admin-dashboard-payment-id{color:#2563eb;color:var(--primary);font-family:JetBrains Mono,Courier New,monospace;font-size:12px;font-weight:800;overflow-wrap:anywhere}.admin-dashboard-payment-amount{color:#15803d;font-size:13px;font-weight:900}.admin-dashboard-payments-section .admin-dashboard-section-title{margin-bottom:16px}.admin-dashboard-payments-section .admin-dashboard-overflow-auto{border-radius:18px}.admin-dashboard-payments-table .admin-dashboard-table-cell{padding-bottom:16px;padding-top:16px}.admin-dashboard-payments-table .admin-dashboard-table-row:hover{background:#f8fbff}.admin-dashboard-role-badge{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:900;gap:6px;max-width:100%;padding:6px 10px;text-transform:capitalize}.admin-dashboard-role-badge.admin{background:#fef3c7;background:var(--warning-light);color:#92400e}.admin-dashboard-role-badge.doctor{background:#dbeafe;background:var(--primary-light);color:#1d4ed8;color:var(--primary-dark)}.admin-dashboard-role-badge.patient{background:#dcfce7;background:var(--success-light);color:#166534}.admin-dashboard-status{align-items:center;display:inline-flex;font-size:12px;font-weight:900}.admin-dashboard-status.active{color:#22c55e;color:var(--success)}.admin-dashboard-status.inactive{color:#ef4444;color:var(--danger)}.admin-dashboard-payment-status{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:900;justify-content:center;padding:6px 10px;text-transform:capitalize}.admin-dashboard-payment-status.paid{background:#dcfce7;background:var(--success-light);color:#15803d}.admin-dashboard-payment-status.created,.admin-dashboard-payment-status.pending{background:#fef3c7;background:var(--warning-light);color:#a16207}.admin-dashboard-payment-status.refunded{background:#ede9fe;background:var(--violet-light);color:#6d28d9}.admin-dashboard-payment-status.failed{background:#fee2e2;background:var(--danger-light);color:#b91c1c}.admin-dashboard-toggle-btn{border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-size:11px;font-weight:900;min-height:32px;padding:6px 11px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-dashboard-toggle-btn.active{background:#fee2e2;background:var(--danger-light);border-color:#fecaca;color:#b91c1c}.admin-dashboard-toggle-btn.inactive{background:#dcfce7;background:var(--success-light);border-color:#bbf7d0;color:#15803d}.admin-dashboard-toggle-btn:hover{transform:translateY(-2px)}@media (max-width:1024px){.admin-dashboard-revenue-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard-page{padding:18px}.admin-dashboard-title{font-size:24px}.admin-dashboard-stats-grid{gap:12px}.admin-dashboard-revenue-stats-grid,.admin-dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-dashboard-revenue-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-section-title,.admin-dashboard-title{flex-wrap:wrap}.admin-dashboard-tab{justify-content:flex-start;min-height:48px;padding:12px 14px;text-align:left;white-space:normal;width:100%}.admin-dashboard-doc-row{align-items:flex-start;flex-direction:column}.admin-dashboard-doc-actions{width:100%}.admin-dashboard-doc-actions button{flex:1 1}.admin-dashboard-analytics-grid,.admin-dashboard-billing-cards{grid-template-columns:1fr}.admin-dashboard-revenue-hero{align-items:stretch;flex-direction:column}.admin-dashboard-back-btn{width:100%}.admin-dashboard-payments-section{padding:18px}.admin-dashboard-payments-section .admin-dashboard-section-title{margin-bottom:14px}.admin-dashboard-payment-amount,.admin-dashboard-payment-status,.admin-dashboard-table-cell-email,.admin-dashboard-table-cell-name{overflow-wrap:anywhere}.admin-dashboard-payments-table .admin-dashboard-table-cell{padding-bottom:13px;padding-top:13px}}@media (max-width:520px){.admin-dashboard-page{padding:12px}.admin-dashboard-revenue-stats-grid,.admin-dashboard-revenue-tabs,.admin-dashboard-stats-grid,.admin-dashboard-tabs{grid-template-columns:1fr}.admin-dashboard-revenue-hero{gap:14px;margin-bottom:18px}.admin-dashboard-revenue-kicker{font-size:11px;margin-bottom:8px;padding:6px 10px}.admin-dashboard-revenue-subtitle{font-size:13px;line-height:1.6}.admin-dashboard-section{border-radius:18px;padding:16px}.admin-dashboard-title{font-size:21px;justify-content:center;margin-bottom:18px;text-align:center}.admin-dashboard-revenue-stats-grid{gap:12px;margin-bottom:16px}.admin-dashboard-revenue-stat-card{border-radius:18px;min-height:118px;padding:16px}.admin-dashboard-revenue-stat-icon{height:42px;margin-bottom:12px;width:42px}.admin-dashboard-revenue-stat-value{font-size:20px}.admin-dashboard-revenue-stat-label{font-size:12px;margin-top:6px}.admin-dashboard-revenue-grid{gap:14px}.admin-dashboard-payments-section{padding:14px}.admin-dashboard-overflow-auto{overflow:visible}.admin-dashboard-table,.admin-dashboard-table tbody,.admin-dashboard-table thead,.admin-dashboard-table-cell,.admin-dashboard-table-header,.admin-dashboard-table-row{display:block;width:100%}.admin-dashboard-table thead{display:none}.admin-dashboard-table{border-collapse:initial}.admin-dashboard-table-row{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);margin-bottom:14px}.admin-dashboard-payments-table .admin-dashboard-table-row{grid-gap:0;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #2563eb1f;border-left:4px solid #2563eb;border-radius:20px;box-shadow:0 10px 26px #0f172a14;display:grid;gap:0;grid-template-areas:"transaction transaction" "patient doctor" "datetime datetime" "amount status";grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px;overflow:hidden;padding:0}.admin-dashboard-table-cell{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px;padding:12px 14px}.admin-dashboard-payments-table .admin-dashboard-table-cell{gap:7px;min-width:0;padding:14px 14px 12px;position:relative}.admin-dashboard-payments-table .admin-dashboard-table-cell:first-child{padding-top:16px}.admin-dashboard-payments-table .admin-dashboard-table-cell:last-child{padding-bottom:16px}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Transaction]{background:linear-gradient(180deg,#eff6ffb3,#fff0);grid-area:transaction;padding-bottom:14px;padding-top:16px}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Patient]{grid-area:patient}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Doctor]{grid-area:doctor}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label="Date & Time"]{background:#f8fafcc2;grid-area:datetime}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Amount]{grid-area:amount}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Status]{grid-area:status}.admin-dashboard-table-cell:last-child{border-bottom:none}.admin-dashboard-table-cell:before{color:#94a3b8;color:var(--text-disabled);content:attr(data-label);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.admin-dashboard-revenue-tabs{border-radius:18px;gap:8px;margin-bottom:16px;padding:8px}.admin-dashboard-tab{align-items:center;border-radius:14px;font-size:13px;justify-content:flex-start;min-height:44px;padding:11px 12px}.admin-dashboard-tab span{line-height:1.35;overflow-wrap:anywhere;white-space:normal}.admin-dashboard-section-title{font-size:15px;margin-bottom:14px}.admin-dashboard-table-row{padding:6px 0}.admin-dashboard-table-cell{gap:8px;padding:11px 12px}.admin-dashboard-payment-id,.admin-dashboard-table-cell-email{line-height:1.5}.admin-dashboard-payments-table .admin-dashboard-payment-id{color:#1d4ed8;display:inline-flex;font-size:11px;font-weight:800;line-height:1.6;text-decoration:none;width:100%;word-break:break-all}.admin-dashboard-payments-table .admin-dashboard-table-cell-name{font-size:15px;line-height:1.35}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Doctor] .admin-dashboard-table-cell-email,.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Patient] .admin-dashboard-table-cell-name{background:#ffffffeb;border-radius:14px;box-shadow:inset 0 0 0 1px #e2e8f0e6;display:block;padding:10px 12px;width:100%}.admin-dashboard-payments-table .admin-dashboard-table-cell-date,.admin-dashboard-payments-table .admin-dashboard-table-cell-email{font-size:13px;line-height:1.5}.admin-dashboard-payments-table .admin-dashboard-payment-amount{color:#047857;font-size:16px}.admin-dashboard-payments-table .admin-dashboard-payment-status{align-self:flex-start;box-shadow:0 4px 12px #0f172a14;display:inline-flex;font-size:10px;letter-spacing:.03em;padding:7px 11px}.admin-dashboard-payments-table .admin-dashboard-table-cell:before{font-size:10px;letter-spacing:.08em;margin-bottom:1px}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Amount],.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Status]{background:#f8fafceb;justify-content:center;min-height:88px}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Amount]{border-right:1px solid #e2e8f0e6;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border)}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Status]{border-bottom:none;padding-top:12px}.admin-dashboard-toggle-btn{padding:10px 12px;width:100%}.admin-dashboard-analytics-item,.admin-dashboard-billing-card,.admin-dashboard-billing-item,.admin-dashboard-monthly-item,.admin-dashboard-revenue-stat-card{border-radius:16px;padding:14px}.admin-dashboard-billing-card strong{font-size:20px}}@media (max-width:380px){.admin-dashboard-page{padding:10px}.admin-dashboard-title{font-size:19px}.admin-dashboard-revenue-stat-card,.admin-dashboard-section{border-radius:16px;padding:14px}.admin-dashboard-tab{font-size:12px;padding:10px 11px}.admin-dashboard-section-title{font-size:14px}.admin-dashboard-payments-table .admin-dashboard-table-cell{padding:12px 12px 10px}.admin-dashboard-payments-table .admin-dashboard-payment-amount{font-size:15px}.admin-dashboard-payments-table .admin-dashboard-table-row{border-radius:18px;grid-template-areas:"transaction" "patient" "doctor" "datetime" "amount" "status";grid-template-columns:1fr}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Amount]{border-right:none;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border)}.admin-dashboard-payments-table .admin-dashboard-table-cell[data-label=Status]{border-top:1px solid #e2e8f0e6}.admin-dashboard-payments-section{padding:12px}}:root{--info:#6366f1;--info-light:#e0e7ff}.admin-users-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-base);box-sizing:border-box;color:#0f172a;color:var(--text-primary);margin:0 auto;max-width:1240px;min-height:100vh;padding:28px;width:100%}.admin-users-header{display:flex;flex-direction:column;gap:8px;margin-bottom:26px}.admin-users-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}.admin-users-subtitle{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0}.admin-users-loading{background:#fff;background:var(--white);border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#64748b;color:var(--text-muted);padding:48px 22px;text-align:center}.admin-users-stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:26px;width:100%}.admin-users-stat-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);box-sizing:border-box;min-height:142px;min-width:0;overflow:hidden;padding:22px;position:relative;text-align:center;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-users-stat-card:before{background:#2563eb;background:var(--primary);content:"";height:4px;inset:0 0 auto;position:absolute}.admin-users-stat-card.patients:before{background:#22c55e;background:var(--success)}.admin-users-stat-card.doctors:before{background:#2563eb;background:var(--primary)}.admin-users-stat-card.admins:before{background:#6366f1;background:var(--info)}.admin-users-stat-card.active:before{background:#f59e0b;background:var(--warning)}.admin-users-stat-card.inactive:before{background:#ef4444;background:var(--danger)}.admin-users-stat-card:hover{border-color:#2563eb38;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.admin-users-stat-icon{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border:1px solid var(--primary-light);border-radius:16px;border-radius:var(--radius-lg);color:#2563eb;color:var(--primary);display:inline-flex;height:44px;justify-content:center;margin-bottom:11px;width:44px}.admin-users-stat-value{color:#0f172a;color:var(--text-primary);font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:1.1;overflow-wrap:anywhere}.admin-users-stat-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:700;margin-top:5px}.admin-users-filters{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;padding:14px;width:100%}.admin-users-filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-full);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:7px;min-height:42px;min-width:0;padding:10px 18px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-users-filter-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary);transform:translateY(-1px)}.admin-users-filter-btn.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;box-shadow:var(--shadow-primary);color:#fff}.admin-users-table-container{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);overflow:hidden;width:100%}.admin-users-table{border-collapse:collapse;min-width:760px;width:100%}.admin-users-table th{background:#f1f5f9;background:var(--bg-subtle);color:#64748b;color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.06em;text-align:left;text-transform:uppercase}.admin-users-table td,.admin-users-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:16px}.admin-users-table td{color:#334155;color:var(--text-secondary);overflow-wrap:anywhere;vertical-align:middle}.admin-users-table tr{transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-users-table tr:hover{background:#eff6ff}.admin-users-user-cell{align-items:center;display:flex;gap:12px;min-width:0}.admin-users-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #2563eb38;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:900;height:42px;justify-content:center;width:42px}.admin-users-name{color:#0f172a;color:var(--text-primary);font-weight:900;overflow-wrap:anywhere}.admin-users-email{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:600;overflow-wrap:anywhere}.admin-users-role-badge{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:900;gap:6px;max-width:100%;padding:7px 12px;text-transform:capitalize}.admin-users-role-badge.admin{background:#fef3c7;background:var(--warning-light);color:#92400e}.admin-users-role-badge.doctor{background:#dbeafe;background:var(--primary-light);color:#1d4ed8;color:var(--primary-dark)}.admin-users-role-badge.patient{background:#dcfce7;background:var(--success-light);color:#166534}.admin-users-status{font-size:13px;font-weight:900}.admin-users-status.active{color:#22c55e;color:var(--success)}.admin-users-status.inactive{color:#ef4444;color:var(--danger)}.admin-users-date{color:#94a3b8;color:var(--text-disabled);font-size:13px;font-weight:600}.admin-users-action-btn{border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-size:12px;font-weight:900;min-height:36px;padding:8px 14px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-users-action-btn.deactivate{background:#fee2e2;background:var(--danger-light);border-color:#fecaca;color:#b91c1c}.admin-users-action-btn.deactivate:hover{background:#fecaca;transform:translateY(-2px)}.admin-users-action-btn.activate{background:#dcfce7;background:var(--success-light);border-color:#bbf7d0;color:#15803d}.admin-users-action-btn.activate:hover{background:#bbf7d0;transform:translateY(-2px)}@media (max-width:768px){.admin-users-page{padding:18px}.admin-users-header{text-align:center}.admin-users-title{flex-wrap:wrap;font-size:24px;justify-content:center}.admin-users-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-stat-card{min-height:132px}.admin-users-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-filter-btn{justify-content:center;width:100%}.admin-users-table-container{background:#0000;border:none;border-radius:0;box-shadow:none;overflow:visible}.admin-users-table,.admin-users-table tbody,.admin-users-table td,.admin-users-table th,.admin-users-table thead,.admin-users-table tr{display:block;width:100%}.admin-users-table{border-collapse:initial;min-width:0}.admin-users-table thead{display:none}.admin-users-table tr{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);margin-bottom:14px;padding:8px 0}.admin-users-table td{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.admin-users-table td:last-child{border-bottom:none}.admin-users-table td:before{color:#94a3b8;color:var(--text-disabled);content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:900;letter-spacing:.06em;min-width:92px;text-transform:uppercase}.admin-users-user-cell{width:100%}.admin-users-action-btn{min-width:120px}}@media (max-width:520px){.admin-users-page{padding:14px}.admin-users-filters,.admin-users-stats{grid-template-columns:1fr}.admin-users-table td{align-items:flex-start;flex-direction:column;gap:6px;padding:12px 14px}.admin-users-action-btn,.admin-users-filter-btn{justify-content:center;width:100%}.admin-users-title{justify-content:center}.admin-users-user-cell{align-items:flex-start;width:100%}.admin-users-table td:before{min-width:0}}.admin-doctors-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-base);box-sizing:border-box;color:#0f172a;color:var(--text-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:28px;width:100%}.admin-doctors-header{display:flex;flex-direction:column;gap:8px;margin-bottom:26px}.admin-doctors-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;line-height:1.1;margin:0}.admin-doctors-subtitle{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0}.admin-doctors-loading{background:#fff;background:var(--white);border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#64748b;color:var(--text-muted);font-size:16px;padding:48px 22px;text-align:center}.admin-doctors-stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:26px}.admin-doctors-stat-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);overflow:hidden;padding:22px;position:relative;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-doctors-stat-card:before{background:#2563eb;background:var(--primary);content:"";height:4px;inset:0 0 auto;position:absolute}.admin-doctors-stat-card.approved:before{background:#22c55e;background:var(--success)}.admin-doctors-stat-card.pending:before{background:#f59e0b;background:var(--warning)}.admin-doctors-stat-card:hover{border-color:#2563eb38;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.admin-doctors-stat-icon{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border:1px solid var(--primary-light);border-radius:16px;border-radius:var(--radius-lg);color:#2563eb;color:var(--primary);display:inline-flex;height:44px;justify-content:center;margin-bottom:11px;width:44px}.admin-doctors-stat-value{color:#0f172a;color:var(--text-primary);font-size:32px;font-weight:900;letter-spacing:-.04em;line-height:1.1}.admin-doctors-stat-label{color:#64748b;color:var(--text-muted);font-size:14px;font-weight:700;margin-top:5px}.admin-doctors-filters{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;padding:14px}.admin-doctors-filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-full);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:7px;min-height:42px;padding:10px 18px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-doctors-filter-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary);transform:translateY(-1px)}.admin-doctors-filter-btn.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;box-shadow:var(--shadow-primary);color:#fff}.admin-doctors-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.admin-doctors-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);overflow:hidden;padding:22px;position:relative}.admin-doctors-card,.admin-doctors-card:before{transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-doctors-card:before{background:linear-gradient(90deg,#2563eb,#14b8a6);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;inset:0 0 auto;opacity:0;position:absolute}.admin-doctors-card:hover{border-color:#2563eb38;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.admin-doctors-card:hover:before{opacity:1}.admin-doctors-card-header{align-items:center;display:flex;gap:13px;margin-bottom:18px}.admin-doctors-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #2563eb38;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:900;height:58px;justify-content:center;width:58px}.admin-doctors-header-info{flex:1 1;min-width:0}.admin-doctors-name{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:900;letter-spacing:-.02em;margin:0 0 7px;overflow-wrap:anywhere}.admin-doctors-status{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:900;gap:6px;padding:6px 11px}.admin-doctors-status.approved{background:#dcfce7;background:var(--success-light);color:#166534}.admin-doctors-status.pending{background:#fef3c7;background:var(--warning-light);color:#92400e}.admin-doctors-info{margin-bottom:18px}.admin-doctors-info-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:10px 0}.admin-doctors-info-row:last-child{border-bottom:none}.admin-doctors-info-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:700}.admin-doctors-info-value{align-items:center;color:#0f172a;color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:800;gap:6px;overflow-wrap:anywhere;text-align:right}.admin-doctors-info-value-highlight{color:#2563eb;color:var(--primary)}.admin-doctors-actions{display:flex;gap:10px}.admin-doctors-action-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:900;gap:8px;justify-content:center;min-height:42px;padding:10px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-doctors-action-btn.approve{background:linear-gradient(135deg,#22c55e,#14b8a6);background:linear-gradient(135deg,var(--success),var(--accent));box-shadow:0 12px 24px #22c55e38;color:#fff}.admin-doctors-action-btn.approve:hover{filter:brightness(.98);transform:translateY(-2px)}.admin-doctors-action-btn.reject{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger),#dc2626);box-shadow:0 12px 24px #ef444433;color:#fff}.admin-doctors-action-btn.reject:hover{filter:brightness(.98);transform:translateY(-2px)}@media (max-width:768px){.admin-doctors-page{padding:18px}.admin-doctors-header{text-align:center}.admin-doctors-title{flex-wrap:wrap;font-size:24px;justify-content:center}.admin-doctors-grid{grid-template-columns:1fr}.admin-doctors-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center}.admin-doctors-filter-btn{justify-content:center;width:100%}}@media (max-width:520px){.admin-doctors-page{padding:14px}.admin-doctors-filters,.admin-doctors-stats{grid-template-columns:1fr}.admin-doctors-card{padding:18px}.admin-doctors-actions,.admin-doctors-card-header{align-items:flex-start;flex-direction:column}.admin-doctors-avatar{font-size:20px;height:52px;width:52px}.admin-doctors-info-row{align-items:flex-start;flex-direction:column;gap:6px}.admin-doctors-info-value{text-align:left}.admin-doctors-action-btn{width:100%}.admin-doctors-title{justify-content:center}}:root{--bg-base:#f8fafc;--bg-subtle:#f1f5f9;--white:#fff;--border:#e2e8f0;--shadow-md:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;--shadow-lg:0 4px 6px #0f172a0a,0 10px 30px #0f172a1a,inset 0 1px 0 #ffffffe6;--shadow-card-hover:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;--shadow-primary:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;--radius-xl:20px;--transition-normal:220ms cubic-bezier(0.4,0,0.2,1)}.admin-appointments-page{background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-base);box-sizing:border-box;color:#0f172a;color:var(--text-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:28px;width:100%}.admin-appointments-header{display:flex;flex-direction:column;gap:8px;margin-bottom:26px}.admin-appointments-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:900;gap:11px;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}.admin-appointments-subtitle{color:#64748b;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0}.admin-appointments-loading{background:#fff;background:var(--white);border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);color:#64748b;color:var(--text-muted);padding:48px 22px;text-align:center}.admin-appointments-stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:26px}.admin-appointments-stat-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);overflow:hidden;padding:22px;position:relative;text-align:center;transition:.22s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.admin-appointments-stat-card:before{background:#2563eb;background:var(--primary);content:"";height:4px;inset:0 0 auto;position:absolute}.admin-appointments-stat-card.pending:before{background:#f59e0b;background:var(--warning)}.admin-appointments-stat-card.confirmed:before{background:#2563eb;background:var(--primary)}.admin-appointments-stat-card.completed:before{background:#22c55e;background:var(--success)}.admin-appointments-stat-card.cancelled:before{background:#ef4444;background:var(--danger)}.admin-appointments-stat-card:hover{border-color:#2563eb38;box-shadow:0 8px 24px #0f172a1f,0 2px 8px #2563eb14,inset 0 1px 0 #fff;box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.admin-appointments-stat-icon{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border:1px solid var(--primary-light);border-radius:16px;border-radius:var(--radius-lg);color:#2563eb;color:var(--primary);display:flex;height:44px;justify-content:center;margin:0 auto 11px;width:44px}.admin-appointments-stat-value{color:#0f172a;color:var(--text-primary);font-size:28px;font-weight:900;letter-spacing:-.04em}.admin-appointments-stat-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:700}.admin-appointments-filters{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;padding:14px}.admin-appointments-filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-full);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:7px;min-height:42px;padding:10px 18px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-appointments-filter-btn:hover{background:#eff6ff;border-color:#dbeafe;border-color:var(--primary-light);color:#2563eb;color:var(--primary);transform:translateY(-1px)}.admin-appointments-filter-btn.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 14px #2563eb47,0 2px 6px #2563eb2e;box-shadow:var(--shadow-primary);color:#fff}.admin-appointments-table-container{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);overflow-x:auto}.admin-appointments-table{border-collapse:collapse;min-width:920px;width:100%}.admin-appointments-table th{background:#f1f5f9;background:var(--bg-subtle);color:#64748b;color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.06em;text-align:left;text-transform:uppercase}.admin-appointments-table td,.admin-appointments-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:16px}.admin-appointments-table td{color:#334155;color:var(--text-secondary);vertical-align:middle;white-space:nowrap}.admin-appointments-table tr{transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.admin-appointments-table tr:hover{background:#eff6ff}.admin-appointments-id{color:#2563eb;color:var(--primary);font-size:13px;font-weight:900}.admin-appointments-user{align-items:center;display:flex;gap:10px}.admin-appointments-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#22c55e);background:linear-gradient(135deg,var(--accent),var(--success));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #14b8a638;color:#fff;display:flex;font-weight:900;height:40px;justify-content:center;width:40px}.admin-appointments-avatar.doctor{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 24px #2563eb38}.admin-appointments-date,.admin-appointments-user-name{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:900}.admin-appointments-time{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:600}.admin-appointments-type{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:900;gap:6px;justify-content:center;padding:7px 12px;white-space:nowrap}.admin-appointments-type.video{background:#e0f2fe;color:#0369a1}.admin-appointments-type.in-person{background:#dcfce7;background:var(--success-light);color:#15803d}.admin-appointments-status{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:900;justify-content:center;min-width:115px;padding:7px 12px;text-align:center;text-transform:capitalize;white-space:nowrap}.admin-appointments-status.pending{background:#fef3c7;background:var(--warning-light);color:#92400e}.admin-appointments-status.confirmed{background:#dbeafe;background:var(--primary-light);color:#1d4ed8;color:var(--primary-dark)}.admin-appointments-status.completed{background:#dcfce7;background:var(--success-light);color:#166534}.admin-appointments-status.cancelled{background:#fee2e2;background:var(--danger-light);color:#991b1b}.admin-appointments-fee{align-items:center;color:#2563eb;color:var(--primary);display:inline-flex;font-size:14px;font-weight:900;gap:4px;white-space:nowrap}@media (max-width:992px){.admin-appointments-filters,.admin-appointments-stats{grid-template-columns:repeat(2,1fr)}.admin-appointments-filters{display:grid}.admin-appointments-filter-btn{justify-content:center}}@media (max-width:768px){.admin-appointments-page{padding:18px}.admin-appointments-title{flex-wrap:wrap;font-size:24px}}@media (max-width:520px){.admin-appointments-page{padding:14px}.admin-appointments-filters,.admin-appointments-stats{grid-template-columns:1fr}.admin-appointments-table-container{background:#0000;border:none;box-shadow:none;overflow:visible}.admin-appointments-table,.admin-appointments-table tbody,.admin-appointments-table td,.admin-appointments-table thead,.admin-appointments-table tr{display:block;min-width:0;width:100%}.admin-appointments-table thead{display:none}.admin-appointments-table tr{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0f172a0a,0 4px 12px #0f172a14,0 0 0 1px #0f172a08;box-shadow:var(--shadow-md);margin-bottom:14px;padding:8px 0}.admin-appointments-table td{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px;padding:12px 14px;white-space:normal}.admin-appointments-table td:last-child{border-bottom:none}.admin-appointments-table td:before{color:#94a3b8;color:var(--text-disabled);content:attr(data-label);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--secondary:#0ea5e9;--accent:#14b8a6;--accent-light:#ccfbf1;--success:#22c55e;--success-light:#dcfce7;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-soft:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-disabled:#94a3b8;--border-color:#e2e8f0;--border-strong:#cbd5e1;--accent-color:var(--primary);--success-color:var(--success);--error-color:var(--danger);--warning-color:var(--warning);--shadow-sm:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;--shadow-md:0 2px 4px #0f172a0a,0 8px 22px #0f172a14,inset 0 1px 0 #ffffffd9;--shadow-lg:0 8px 16px #0f172a0f,0 22px 50px #0f172a1f,inset 0 1px 0 #fffffff2;--shadow-primary:0 12px 26px #2563eb40;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:999px;--transition-fast:160ms cubic-bezier(0.4,0,0.2,1);--transition-slow:280ms cubic-bezier(0.4,0,0.2,1);--font-main:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body.dark-mode{--bg-primary:#020617;--bg-secondary:#0f172a;--bg-soft:#111827;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-disabled:#64748b;--border-color:#94a3b838;--border-strong:#94a3b85c;--shadow-sm:0 2px 8px #00000047;--shadow-md:0 10px 30px #0000005c;--shadow-lg:0 24px 70px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb14,#0000 32%),radial-gradient(circle at top right,#14b8a614,#0000 28%),var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);line-height:1.55;transition:background .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1);transition:background var(--transition-slow),color var(--transition-slow)}body.dark-mode{background:radial-gradient(circle at top left,#2563eb2e,#0000 30%),radial-gradient(circle at top right,#14b8a624,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#2563eb2e,#0000 30%),radial-gradient(circle at top right,#14b8a624,#0000 28%),var(--bg-primary)}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-strong);border:2px solid #f8fafc;border:2px solid var(--bg-primary);border-radius:999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}::selection{background:#2563eb;background:var(--primary);color:#fff}:focus-visible{box-shadow:0 0 0 4px #2563eb38;outline:none}a{color:inherit;text-decoration:none;transition:color .16s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#2563eb;color:var(--primary)}button,input,select,textarea{font-family:inherit;font-size:inherit}input,select,textarea{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0f172a0a;color:#0f172a;color:var(--text-primary);padding:12px 14px;transition:border-color .16s cubic-bezier(.4,0,.2,1),box-shadow .16s cubic-bezier(.4,0,.2,1),background .16s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}input::placeholder,textarea::placeholder{color:#94a3b8;color:var(--text-disabled)}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb24,inset 0 2px 4px #0f172a0a;outline:none}textarea{min-height:110px;resize:vertical}button{border:none}.card,.dashboard-card,.form-card,.panel,.stat-card,.table-container{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:22px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0f172a0a,0 8px 22px #0f172a14,inset 0 1px 0 #ffffffd9;box-shadow:var(--shadow-md);transition:.28s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow)}.card:hover,.dashboard-card:hover,.stat-card:hover{box-shadow:0 8px 16px #0f172a0f,0 22px 50px #0f172a1f,inset 0 1px 0 #fffffff2;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn,button[type=submit]{align-items:center;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:11px 18px;transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.btn-primary,button[type=submit]{background:linear-gradient(135deg,#2563eb,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 26px #2563eb40;box-shadow:var(--shadow-primary);color:#fff}.btn-primary:hover,button[type=submit]:hover{box-shadow:0 18px 36px #2563eb57;transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--bg-secondary);border:1px solid #dbeafe;border:1px solid var(--primary-light);color:#2563eb;color:var(--primary)}.btn-secondary:hover{background:#eff6ff}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-success{background:#22c55e;background:var(--success);color:#fff}.btn-ghost{background:#0000;color:#64748b;color:var(--text-muted)}.btn-ghost:hover{background:#f1f5f9;background:var(--bg-soft);color:#2563eb;color:var(--primary)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.55;transform:none}table{border-collapse:collapse;width:100%}th{background:#f1f5f9;background:var(--bg-soft);color:#64748b;color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.06em;padding:14px 16px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#334155;color:var(--text-secondary);padding:15px 16px}tbody tr:hover{background:rgba(37,99,235,.045)}.badge,.status-badge{align-items:center;border-radius:999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:900;gap:6px;padding:6px 11px}.badge-success,.status-approved,.status-completed,.status-paid,.status-success{background:#dcfce7;background:var(--success-light);color:#15803d}.badge-warning,.status-pending,.status-warning{background:#fef3c7;background:var(--warning-light);color:#92400e}.badge-danger,.status-cancelled,.status-danger,.status-rejected{background:#fee2e2;background:var(--danger-light);color:#b91c1c}.badge-info,.status-active,.status-info{background:#dbeafe;background:var(--primary-light);color:#1d4ed8;color:var(--primary-dark)}.text-center{text-align:center}.text-muted{color:#64748b;color:var(--text-muted)}.text-primary{color:#0f172a;color:var(--text-primary)}.text-success{color:#22c55e;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.font-bold{font-weight:800}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-2{padding:8px}.p-4{padding:16px}.rounded{border-radius:12px;border-radius:var(--radius-md)}.rounded-full{border-radius:999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 2px 4px #0f172a0a,0 8px 22px #0f172a14,inset 0 1px 0 #ffffffd9;box-shadow:var(--shadow-md)}.transition{transition:.16s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #e2e8f0cc}body.dark-mode .glass{background:#0f172ad1}@media (max-width:768px){body{font-size:14px}.card,.dashboard-card,.form-card,.panel,.stat-card{border-radius:16px;border-radius:var(--radius-lg)}.btn,button[type=submit]{width:100%}table{min-width:720px}}@media (max-width:420px){input,select,textarea{padding:11px 12px}.badge,.status-badge{font-size:11px;padding:5px 9px}}
/*# sourceMappingURL=main.028cc604.css.map*/