@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}._container_ykyge_1{min-height:100vh;background-color:var(--color-bg-white);display:flex;align-items:center;justify-content:center;padding:49px 37px}._content_ykyge_10{display:flex;align-items:center;justify-content:center;gap:98px;max-width:1206px;width:100%}._formSection_ykyge_19{flex:0 0 425px;max-width:425px}._formHeader_ykyge_24{margin-bottom:20px}._title_ykyge_28{font-size:var(--font-h5-size);font-weight:var(--font-h5-weight);line-height:var(--font-h5-line-height);background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}._subtitle_ykyge_39{font-size:var(--font-b2-size);font-weight:var(--font-b2-weight);line-height:var(--font-b2-line-height);color:var(--color-text-primary);margin:0}._form_ykyge_19{display:flex;flex-direction:column;gap:8px;max-width:381px}._formFields_ykyge_54{display:flex;flex-direction:column;gap:24px;margin-bottom:16px}._loginLink_ykyge_61{font-size:14px;font-weight:400;color:var(--color-text-dark);text-align:center;margin-top:8px}._loginLink_ykyge_61 a{color:var(--color-primary);text-decoration:none}._loginLink_ykyge_61 a:hover{text-decoration:underline}._imageSection_ykyge_78{position:relative;flex:0 0 611px;height:733px;border-radius:var(--radius-lg);overflow:hidden}._bgImage_ykyge_86{width:100%;height:100%;object-fit:cover}._logoOverlay_ykyge_92{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@media (max-width: 1200px){._content_ykyge_10{flex-direction:column;gap:40px}._formSection_ykyge_19{flex:none;max-width:100%;width:100%}._form_ykyge_19{max-width:100%}._imageSection_ykyge_78{display:none}}@media (max-width: 480px){._container_ykyge_1{padding:24px 16px}._title_ykyge_28{font-size:24px}._subtitle_ykyge_39{font-size:14px}}._button_1ac5e_1{display:inline-flex;justify-content:center;align-items:center;gap:8px;font-family:var(--font-family);font-weight:400;line-height:1.5;border:1px solid transparent;cursor:pointer;transition:all .2s ease}._button_1ac5e_1:disabled{opacity:.6;cursor:not-allowed}._primary_1ac5e_20{background-color:var(--color-primary);color:var(--color-bg-white);border-color:var(--color-primary)}._primary_1ac5e_20:hover:not(:disabled){background-color:#0294e6;border-color:#0294e6}._secondary_1ac5e_31{background-color:var(--color-bg-white);color:var(--color-text-primary);border-color:var(--color-border)}._secondary_1ac5e_31:hover:not(:disabled){background-color:var(--color-bg-light)}._ghost_1ac5e_41{background-color:transparent;color:var(--color-primary);border-color:transparent}._ghost_1ac5e_41:hover:not(:disabled){background-color:#03a5ff1a}._small_1ac5e_52{padding:8px 16px;font-size:12px;border-radius:var(--radius-md)}._medium_1ac5e_58{padding:12px 20px;font-size:14px;border-radius:var(--radius-lg)}._large_1ac5e_64{padding:16px;font-size:14px;border-radius:var(--radius-xl)}._fullWidth_1ac5e_71{width:100%}._inputField_s3grn_1{display:flex;flex-direction:column;gap:8px;width:100%}._label_s3grn_8{display:flex;align-items:center;gap:2px}._labelText_s3grn_14{font-size:14px;font-weight:500;color:var(--color-text-secondary);line-height:1.22}._required_s3grn_21{color:var(--color-primary);font-size:14px;font-weight:500}._inputWrapper_s3grn_27{display:flex;align-items:center;gap:8px;padding:12px;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease}._inputWrapper_s3grn_27:focus-within{border-color:var(--color-primary)}._inputError_s3grn_42{border-color:var(--color-error)}._input_s3grn_1{flex:1;border:none;outline:none;font-size:14px;font-weight:400;line-height:1.22;color:var(--color-text-primary);background:transparent}._input_s3grn_1::placeholder{color:var(--color-text-muted)}._leftIcon_s3grn_61,._rightIcon_s3grn_62{display:flex;align-items:center;justify-content:center;flex-shrink:0}._togglePassword_s3grn_69{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}._hint_s3grn_80{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:400;color:var(--color-text-muted);line-height:1.22}._hintError_s3grn_90{color:var(--color-error)}._checkboxField_w2wnt_1{display:flex;align-items:flex-start;gap:4px}._checkboxWrapper_w2wnt_7{position:relative;width:12px;height:12px;flex-shrink:0;margin-top:2px}._checkbox_w2wnt_1{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}._checkmark_w2wnt_24{position:absolute;top:0;left:0;width:12px;height:12px;background-color:var(--color-bg-white);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}._checkmark_w2wnt_24 svg{opacity:0;transition:opacity .2s ease}._checkbox_w2wnt_1:checked+._checkmark_w2wnt_24{background-color:var(--color-primary);border-color:var(--color-primary)}._checkbox_w2wnt_1:checked+._checkmark_w2wnt_24 svg{opacity:1}._checkbox_w2wnt_1:focus+._checkmark_w2wnt_24{box-shadow:0 0 0 2px #03a5ff33}._label_w2wnt_57{font-size:10px;font-weight:500;color:var(--color-text-dark);line-height:1.5;cursor:pointer}._label_w2wnt_57 a{color:var(--color-primary);text-decoration:none}._label_w2wnt_57 a:hover{text-decoration:underline}._phoneField_13tjy_1{display:flex;flex-direction:column;gap:8px;width:100%}._label_13tjy_8{display:flex;align-items:center;gap:2px}._labelText_13tjy_14{font-size:14px;font-weight:500;color:var(--color-text-secondary);line-height:1.22}._required_13tjy_21{color:var(--color-primary);font-size:14px;font-weight:500}._inputWrapper_13tjy_27{display:flex;align-items:center;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}._inputWrapper_13tjy_27:focus-within{border-color:var(--color-primary)}._countryCode_13tjy_41{display:flex;align-items:center;gap:4px;padding:12px;border-right:1px solid var(--color-border);cursor:pointer}._codeText_13tjy_50{font-size:14px;font-weight:400;color:var(--color-text-muted)}._input_13tjy_27{flex:1;border:none;outline:none;padding:12px;font-size:14px;font-weight:400;line-height:1.22;color:var(--color-text-primary);background:transparent}._input_13tjy_27::placeholder{color:var(--color-text-muted)}._logo_emdmw_1{display:flex;align-items:center;gap:9px}._small_emdmw_7{gap:6px}._medium_emdmw_11{gap:8px}._large_emdmw_15{gap:9px}._text_emdmw_19{font-weight:600;line-height:1.5}._small_emdmw_7 ._text_emdmw_19{font-size:14px}._medium_emdmw_11 ._text_emdmw_19{font-size:18px}._large_emdmw_15 ._text_emdmw_19{font-size:32px;font-weight:700}._textGradient_emdmw_37{color:var(--color-primary)}._textWhite_emdmw_41{color:var(--color-bg-white)}._logoImage_emdmw_45{object-fit:contain}._sidebar_hay1a_1{width:var(--sidebar-width);height:100%;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;flex-shrink:0}._header_hay1a_12{padding:13px;border-bottom:1px solid var(--color-border-light)}._headerContent_hay1a_17{display:flex;align-items:center;justify-content:space-between}._headerTitle_hay1a_23{font-size:var(--font-b1-size);font-weight:var(--font-b1-weight);background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._closeBtn_hay1a_32{display:none;padding:4px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease}._closeBtn_hay1a_32:hover{background-color:var(--color-bg-light)}._nav_hay1a_46{flex:1;padding:16px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}._navSection_hay1a_55{display:flex;flex-direction:column;gap:8px}._sectionTitle_hay1a_61{font-size:var(--font-b3-size);font-weight:var(--font-b3-weight);color:var(--color-text-primary);padding:0 8px}._navList_hay1a_68{list-style:none;display:flex;flex-direction:column;gap:8px}._navItem_hay1a_75{display:flex;align-items:center;gap:8px;padding:0 8px;height:36px;border-radius:5px;text-decoration:none;color:var(--color-text-primary);font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);transition:all .2s ease;position:relative}._navItemActive_hay1a_94{background-color:var(--color-active);color:var(--color-bg-white);box-shadow:var(--shadow-sm)}._navItemActive_hay1a_94 ._navIcon_hay1a_100 svg{stroke:var(--color-bg-white)}._navIcon_hay1a_100{display:flex;align-items:center;justify-content:center;width:20px;height:20px}._navLabel_hay1a_112{flex:1}._badge_hay1a_116{width:8px;height:8px;border-radius:50%;background-color:var(--color-error)}._footer_hay1a_123{padding:16px}._logoutBtn_hay1a_127{display:flex;align-items:center;gap:8px;width:100%;padding:0 8px;height:36px;border:none;background:transparent;color:var(--color-error);font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);cursor:pointer;transition:background-color .2s ease}._logoutBtn_hay1a_127:hover{background-color:#fb37481a;border-radius:5px}@media (max-width: 768px){._sidebar_hay1a_1{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:999;border-radius:0;border-right:1px solid var(--color-border-light);transform:translate(-100%);transition:transform .3s ease}._sidebarOpen_hay1a_163{transform:translate(0)}._closeBtn_hay1a_32{display:flex;align-items:center;justify-content:center}._navItem_hay1a_75,._logoutBtn_hay1a_127{height:44px;padding:0 12px}}._backdrop_1qfea_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_1qfea_1 .2s ease}@keyframes _fadeIn_1qfea_1{0%{opacity:0}to{opacity:1}}._modal_1qfea_24{background-color:var(--color-bg-white);border-radius:var(--radius-lg);padding:40px 48px;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:_slideIn_1qfea_1 .2s ease}@keyframes _slideIn_1qfea_1{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}._title_1qfea_49{font-size:28px;font-weight:600;background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}._message_1qfea_59{font-size:var(--font-b3-size);color:var(--color-text-dark);margin:0 0 32px;line-height:1.6}._actions_1qfea_66{display:flex;gap:16px;width:100%}._logoutBtn_1qfea_72{flex:1;padding:14px 32px;background-color:#ef4444;border:none;border-radius:var(--radius-md);font-size:var(--font-b3-size);font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease}._logoutBtn_1qfea_72:hover{background-color:#dc2626}._stayBtn_1qfea_89{flex:1;padding:14px 32px;background-color:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-b3-size);font-weight:500;color:var(--color-text-dark);cursor:pointer;transition:border-color .2s ease,color .2s ease}._stayBtn_1qfea_89:hover{border-color:var(--color-text-dark);color:var(--color-text-primary)}@media (max-width: 480px){._modal_1qfea_24{margin:16px;padding:32px 24px}._title_1qfea_49{font-size:24px}._actions_1qfea_66{flex-direction:column}}._header_1q63l_1{width:100%;height:var(--header-height);background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border-light);padding:16px 22px;display:flex;align-items:center;justify-content:center}._headerContent_1q63l_12{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}._headerLeft_1q63l_20{display:flex;align-items:center;gap:12px}._menuBtn_1q63l_26{display:none;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);transition:background-color .2s ease}._menuBtn_1q63l_26:hover{background-color:var(--color-bg-light)}._searchBar_1q63l_40{display:flex;align-items:center;gap:8px;width:380px;height:44px;padding:12px;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative}._searchInput_1q63l_53{flex:1;border:none;outline:none;font-size:14px;font-weight:400;color:var(--color-text-primary);background:transparent}._searchInput_1q63l_53::placeholder{color:var(--color-text-muted)}._searchResults_1q63l_68{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:380px;overflow-y:auto;z-index:1000}._searchResultItem_1q63l_82{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f3f4f6}._searchResultItem_1q63l_82:last-child{border-bottom:none}._searchResultItem_1q63l_82:hover{background:linear-gradient(135deg,#03a5ff14,#1fc16b14)}._searchResultIcon_1q63l_100{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._searchResultIconAppointment_1q63l_110{background:linear-gradient(135deg,#03a5ff,#0284c7)}._searchResultIconMedical_1q63l_114{background:linear-gradient(135deg,#22c55e,#16a34a)}._searchResultIconLab_1q63l_118{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}._searchResultIconBilling_1q63l_122{background:linear-gradient(135deg,#f59e0b,#d97706)}._searchResultIconNotification_1q63l_126{background:linear-gradient(135deg,#ec4899,#db2777)}._searchResultContent_1q63l_130{flex:1;min-width:0}._searchResultTitle_1q63l_135{font-weight:600;font-size:13px;color:#111827;margin-bottom:2px}._searchResultSubtitle_1q63l_142{font-size:12px;color:#6b7280;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._searchResultCategory_1q63l_151{font-size:10px;color:#9ca3af;display:flex;align-items:center;gap:4px}._searchResultCategory_1q63l_151:before{content:"";width:4px;height:4px;background:linear-gradient(135deg,#03a5ff,#1fc16b);border-radius:50%}._searchNoResults_1q63l_167{padding:20px 14px;text-align:center;color:#6b7280;font-size:13px}._headerRight_1q63l_174{display:flex;align-items:center;gap:22px}._notificationBtn_1q63l_180{padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}._userInfo_1q63l_190{display:flex;align-items:center;gap:8px}._avatar_1q63l_196{width:48px;height:48px;border-radius:50%;object-fit:cover}._userDetails_1q63l_203{display:flex;flex-direction:column;padding:4px 0}._userName_1q63l_209{font-size:var(--font-b3-size);font-weight:var(--font-b3-weight);color:var(--color-text-primary)}._userRole_1q63l_215{font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1024px){._searchBar_1q63l_40{width:240px}._headerContent_1q63l_12{gap:16px}}@media (max-width: 768px){._header_1q63l_1{padding:12px 16px}._menuBtn_1q63l_26{display:flex;align-items:center;justify-content:center}._searchBar_1q63l_40{display:none}._headerRight_1q63l_174{gap:12px}._userDetails_1q63l_203{display:none}._avatar_1q63l_196{width:40px;height:40px}}@media (max-width: 480px){._header_1q63l_1{padding:10px 12px}._headerLeft_1q63l_20{gap:8px}._avatar_1q63l_196{width:36px;height:36px}}._container_1u6kb_1{min-height:100vh;background-color:var(--color-bg-white);display:flex;align-items:center;justify-content:center;padding:49px 37px}._content_1u6kb_10{display:flex;align-items:center;justify-content:space-between;gap:92px;max-width:1206px;width:100%;padding:0 36px}._formSection_1u6kb_20{flex:0 0 425px;max-width:425px;display:flex;flex-direction:column;gap:164px}._formWrapper_1u6kb_28{display:flex;flex-direction:column;gap:20px}._formHeader_1u6kb_34{display:flex;flex-direction:column;gap:8px}._title_1u6kb_40{font-size:var(--font-h5-size);font-weight:var(--font-h5-weight);line-height:var(--font-h5-line-height);background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}._subtitle_1u6kb_51{font-size:var(--font-b2-size);font-weight:var(--font-b2-weight);line-height:var(--font-b2-line-height);color:var(--color-text-primary);margin:0;max-width:388px}._form_1u6kb_20{display:flex;flex-direction:column;gap:8px;max-width:381px}._errorBanner_1u6kb_68{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:8px;animation:_slideDown_1u6kb_1 .3s ease-out}@keyframes _slideDown_1u6kb_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._errorIcon_1u6kb_91{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#fee2e2;border-radius:50%;color:#dc2626;flex-shrink:0}._errorContent_1u6kb_103{display:flex;flex-direction:column;gap:2px}._errorTitle_1u6kb_109{font-size:14px;font-weight:600;color:#b91c1c}._errorMessage_1u6kb_115{font-size:13px;font-weight:400;color:#dc2626;line-height:1.4}._formFields_1u6kb_122{display:flex;flex-direction:column;gap:24px;margin-bottom:16px}._passwordField_1u6kb_129{display:flex;flex-direction:column;gap:8px}._forgotPassword_1u6kb_135{font-size:14px;font-weight:400;color:var(--color-primary);text-decoration:none;align-self:flex-start}._forgotPassword_1u6kb_135:hover{text-decoration:underline}._signupLink_1u6kb_147{font-size:14px;font-weight:400;color:var(--color-primary);text-align:center;margin-top:8px}._signupLink_1u6kb_147 a{color:var(--color-primary);text-decoration:none}._signupLink_1u6kb_147 a:hover{text-decoration:underline}._securityNote_1u6kb_164{font-size:var(--font-b5-size);font-weight:var(--font-b5-weight);color:var(--color-text-primary);margin:0}._imageSection_1u6kb_171{position:relative;flex:0 0 617px;height:748px;border-radius:var(--radius-lg);overflow:hidden}._bgImage_1u6kb_179{width:100%;height:100%;object-fit:cover}._logoOverlay_1u6kb_185{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@media (max-width: 1200px){._content_1u6kb_10{flex-direction:column;gap:40px;padding:0}._formSection_1u6kb_20{flex:none;max-width:100%;width:100%;gap:40px}._form_1u6kb_20{max-width:100%}._imageSection_1u6kb_171{display:none}}@media (max-width: 480px){._container_1u6kb_1{padding:24px 16px}._title_1u6kb_40{font-size:24px}._subtitle_1u6kb_51{font-size:14px}}._container_uogl6_1{display:flex;flex-direction:column;gap:24px;width:100%}._pageHeader_uogl6_8{display:flex;justify-content:space-between;align-items:center}._titleSection_uogl6_14{display:flex;flex-direction:column;gap:4px}._title_uogl6_14{font-size:var(--font-h7-size);font-weight:var(--font-h7-weight);line-height:var(--font-h7-line-height);color:var(--color-text-primary);margin:0}._welcomeText_uogl6_28{font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:var(--color-text-primary);margin:0}._profileNudge_uogl6_36{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#03a5ff14,#1fc16b14);border:1px solid rgba(3,165,255,.2);border-radius:12px;margin-bottom:8px}._profileNudgeContent_uogl6_48{display:flex;align-items:center;gap:12px}._profileNudgeIcon_uogl6_54{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#03a5ff,#1fc16b);border-radius:10px;color:#fff;flex-shrink:0}._profileNudgeText_uogl6_66{display:flex;flex-direction:column;gap:2px}._profileNudgeText_uogl6_66 strong{font-size:14px;font-weight:600;color:#1a1a1a}._profileNudgeText_uogl6_66 span{font-size:13px;color:#666}._profileNudgeActions_uogl6_83{display:flex;align-items:center;gap:8px}._profileNudgeBtn_uogl6_89{padding:8px 16px;background:linear-gradient(135deg,#03a5ff,#1fc16b);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s,transform .2s;white-space:nowrap}._profileNudgeBtn_uogl6_89:hover{opacity:.9;transform:translateY(-1px)}._profileNudgeDismiss_uogl6_107{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#999;cursor:pointer;transition:background-color .2s,color .2s}._profileNudgeDismiss_uogl6_107:hover{background-color:#0000000d;color:#666}@media (max-width: 640px){._profileNudge_uogl6_36{flex-direction:column;align-items:flex-start;gap:12px}._profileNudgeActions_uogl6_83{width:100%;justify-content:space-between}._profileNudgeBtn_uogl6_89{flex:1}}._topRow_uogl6_144{display:grid;grid-template-columns:1fr 280px;gap:24px}._upcomingAppointmentCard_uogl6_151{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._appointmentHeader_uogl6_161{display:flex;align-items:center;gap:8px}._appointmentLabel_uogl6_167{font-size:var(--font-b3-size);font-weight:600;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._appointmentDetails_uogl6_176{padding:12px 16px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:5px}._appointmentInfo_uogl6_183{display:flex;flex-direction:column;gap:4px}._appointmentDateTime_uogl6_189{font-size:var(--font-b3-size);font-weight:600;color:var(--color-text-primary);margin:0}._appointmentDoctor_uogl6_196{font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:var(--color-text-primary);margin:0}._appointmentDepartment_uogl6_203{font-size:var(--font-b5-size);font-weight:var(--font-b5-weight);color:var(--color-text-primary);margin:0}._appointmentActions_uogl6_210{display:flex;gap:12px}._notificationsCard_uogl6_216{display:flex;flex-direction:column;padding:20px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);height:100%}._notificationsHeader_uogl6_226{font-size:var(--font-b2-size);font-weight:600;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}._notificationsEmpty_uogl6_236{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;padding:24px}._notificationsEmptyIcon_uogl6_246{color:#d1d5db}._notificationsEmptyText_uogl6_250{font-size:var(--font-b4-size);color:var(--color-text-light);text-align:center;margin:0}._notificationsHeaderRow_uogl6_257{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}._notificationsHeader_uogl6_226{display:flex;align-items:center;gap:8px;margin:0}._unreadBadge_uogl6_271{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(90deg,#03a5ff,#1fc16b);border-radius:10px;font-size:11px;font-weight:600;color:#fff}._markAllReadBtn_uogl6_285{background:none;border:none;font-size:var(--font-b5-size);color:var(--color-primary);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background-color .2s ease}._markAllReadBtn_uogl6_285:hover{background-color:#03a5ff1a}._notificationsList_uogl6_300{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:280px}._notificationItem_uogl6_308{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:var(--color-bg-light);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease;position:relative}._notificationItem_uogl6_308:hover{background-color:#03a5ff0d}._notificationItem_uogl6_308._unread_uogl6_271{background-color:#03a5ff14;border-left:3px solid var(--color-primary)}._notificationIcon_uogl6_329{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-bg-white);border-radius:50%;flex-shrink:0}._notificationContent_uogl6_340{flex:1;min-width:0}._notificationTitle_uogl6_345{font-size:var(--font-b4-size);font-weight:600;color:var(--color-text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._notificationMessage_uogl6_355{font-size:var(--font-b5-size);color:var(--color-text-light);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._notificationTime_uogl6_365{font-size:11px;color:var(--color-text-light)}._unreadDot_uogl6_370{position:absolute;top:12px;right:12px;width:8px;height:8px;background:linear-gradient(90deg,#03a5ff,#1fc16b);border-radius:50%}._quickActionsSection_uogl6_381{display:flex;flex-direction:column;gap:16px}._sectionTitle_uogl6_387{font-size:var(--font-b2-size);font-weight:600;color:var(--color-text-primary);margin:0}._quickActionsGrid_uogl6_394{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}._quickActionCard_uogl6_400{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:border-color .2s ease}._quickActionCard_uogl6_400:hover{border-color:var(--color-primary)}._quickActionIcon_uogl6_415{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}._quickActionInfo_uogl6_425{display:flex;flex-direction:column;gap:4px}._quickActionInfo_uogl6_425 h4{font-size:var(--font-b3-size);font-weight:600;color:var(--color-text-primary);margin:0}._quickActionInfo_uogl6_425 p{font-size:var(--font-b5-size);color:var(--color-text-light);margin:0;line-height:1.4}._quickActionButton_uogl6_445{display:flex;align-items:center;justify-content:center;padding:10px 16px;background-color:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary);text-decoration:none;transition:border-color .2s ease,background-color .2s ease;cursor:pointer}._quickActionButton_uogl6_445:hover{border-color:var(--color-primary);background-color:#03a5ff0d}._quickActionButtonPrimary_uogl6_466{display:flex;align-items:center;justify-content:center;padding:10px 16px;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:#fff;text-decoration:none;transition:background-color .2s ease;cursor:pointer}._quickActionButtonPrimary_uogl6_466:hover{background-color:#0284c7}._bottomRow_uogl6_487{display:grid;grid-template-columns:1fr 280px;gap:24px}._healthSummaryCard_uogl6_494{display:flex;flex-direction:column;gap:16px;padding:20px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._healthSummaryHeader_uogl6_504{display:flex;align-items:center;gap:8px;font-size:var(--font-b3-size);font-weight:600;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._healthSummaryContent_uogl6_516{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}._healthItem_uogl6_526{display:flex;align-items:center;gap:12px}._healthItemIcon_uogl6_532{flex-shrink:0}._healthItemLabel_uogl6_536{font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary)}._healthItemValue_uogl6_542{font-size:var(--font-b4-size);color:var(--color-text-primary);margin-left:4px}._billingCard_uogl6_549{display:flex;flex-direction:column;gap:16px;padding:20px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._billingHeader_uogl6_559{display:flex;flex-direction:column;gap:12px}._billingHeader_uogl6_559 h3{font-size:var(--font-b1-size);font-weight:600;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}._billingBalance_uogl6_575{display:flex;flex-direction:column;gap:4px}._balanceLabel_uogl6_581{font-size:var(--font-b4-size);color:var(--color-text-light)}._balanceAmount_uogl6_586{font-size:var(--font-b1-size);font-weight:600;color:var(--color-text-primary)}@media (max-width: 1200px){._quickActionsGrid_uogl6_394{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){._topRow_uogl6_144,._bottomRow_uogl6_487{grid-template-columns:1fr}._notificationsCard_uogl6_216{min-height:200px}}@media (max-width: 768px){._quickActionsGrid_uogl6_394{grid-template-columns:1fr}._appointmentActions_uogl6_210{flex-direction:column}}._notificationModalOverlay_uogl6_627{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_uogl6_1 .2s ease}@keyframes _fadeIn_uogl6_1{0%{opacity:0}to{opacity:1}}._notificationModal_uogl6_627{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;animation:_slideUp_uogl6_1 .3s ease;margin:20px}@keyframes _slideUp_uogl6_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._notificationModalHeader_uogl6_667{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f3f4f6}._notificationModalHeaderLeft_uogl6_675{display:flex;align-items:center;gap:14px}._notificationModalIcon_uogl6_681{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#03a5ff,#1fc16b);display:flex;align-items:center;justify-content:center;flex-shrink:0}._notificationModalIcon_uogl6_681 svg{color:#fff}._notificationModalTitle_uogl6_696{font-size:18px;font-weight:600;color:#111827;margin:0;line-height:1.3}._notificationModalClose_uogl6_704{background:none;border:none;cursor:pointer;padding:8px;color:#9ca3af;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}._notificationModalClose_uogl6_704:hover{background:#f3f4f6;color:#374151}._notificationModalBody_uogl6_722{padding:20px 24px 24px}._notificationModalMessage_uogl6_726{font-size:15px;color:#4b5563;line-height:1.7;margin:0 0 20px}._notificationModalTime_uogl6_733{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:13px}._notificationModalFooter_uogl6_741{padding:16px 24px 24px;display:flex;justify-content:flex-end}._notificationModalBtn_uogl6_747{padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#03a5ff,#1fc16b);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}._notificationModalBtn_uogl6_747:hover{transform:translateY(-1px);box-shadow:0 4px 12px #03a5ff4d}._container_loy8y_1{display:flex;flex-direction:column;gap:18px;width:100%}._pageHeader_loy8y_8{display:flex;justify-content:space-between;align-items:center;gap:12px}._titleSection_loy8y_15{display:flex;flex-direction:column}._title_loy8y_15{font-size:var(--font-h7-size);font-weight:var(--font-h7-weight);line-height:var(--font-h7-line-height);color:var(--color-text-primary);margin:0}._breadcrumb_loy8y_28{display:flex;align-items:center;gap:4px}._breadcrumbItem_loy8y_34{font-size:var(--font-b5-size);font-weight:var(--font-b5-weight);color:var(--color-text-light)}._description_loy8y_40{font-size:var(--font-b5-size);font-weight:var(--font-b5-weight);color:var(--color-text-primary);margin:0}._contentCard_loy8y_47{display:flex;flex-direction:column;gap:10px;padding:16px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);min-height:608px}._patientSection_loy8y_58{display:flex;flex-direction:column;gap:20px}._patientInfo_loy8y_64{display:flex;align-items:center;gap:16px}._patientAvatar_loy8y_70{width:48px;height:48px;border-radius:50%;object-fit:cover}._patientDetails_loy8y_77{display:flex;flex-direction:column}._patientName_loy8y_82{font-size:var(--font-b1-size);font-weight:var(--font-b1-weight);color:var(--color-text-primary);margin:0}._patientMeta_loy8y_89{display:flex;align-items:center;gap:8px;font-size:var(--font-b2-size);font-weight:var(--font-b2-weight);color:var(--color-text-dark)}._separator_loy8y_98{color:#bbb}._allergyBanner_loy8y_102{display:flex;padding:9px 16px;background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:5px}._allergyContent_loy8y_110{display:flex;align-items:center;gap:7px;font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:var(--color-text-dark)}._prescriptionsList_loy8y_119{display:flex;flex-direction:column;gap:16px;margin-top:24px}._prescriptionCard_loy8y_126{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:23px 22px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._prescriptionInfo_loy8y_137{display:flex;flex-direction:column;gap:4px}._prescriptionName_loy8y_143{font-size:var(--font-b1-size);font-weight:var(--font-b1-weight);color:var(--color-text-primary);margin:0}._prescriptionDoctor_loy8y_150,._prescriptionInstructions_loy8y_157{font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:var(--color-text-primary);margin:0}._prescriptionMeta_loy8y_164{display:flex;flex-direction:column;align-items:flex-end;gap:34px}._statusTag_loy8y_171{display:flex;justify-content:center;align-items:center;padding:4px;min-width:62px;height:19px;border-radius:var(--radius-sm);font-size:var(--font-b5-size);font-weight:var(--font-b5-weight)}._active_loy8y_183{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-bg)}._completed_loy8y_189{background-color:#e3e8ef;border:1px solid #9EA2AD;color:#4a4a4a}._expired_loy8y_195{background-color:#fb37481a;border:1px solid var(--color-error);color:var(--color-error)}._prescriptionDate_loy8y_201{font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:var(--color-text-primary)}@media (max-width: 768px){._pageHeader_loy8y_8{flex-direction:column;align-items:flex-start}._prescriptionCard_loy8y_126{flex-direction:column;align-items:flex-start;gap:16px}._prescriptionMeta_loy8y_164{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:16px}}._container_1s0ff_1{display:flex;flex-direction:column;gap:18px;width:100%}._pageHeader_1s0ff_8{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}._titleSection_1s0ff_15{display:flex;flex-direction:column;gap:4px}._title_1s0ff_15{font-size:var(--font-h7-size);font-weight:var(--font-h7-weight);line-height:var(--font-h7-line-height);color:var(--color-text-primary);margin:0}._description_1s0ff_29{font-size:var(--font-b5-size);font-weight:var(--font-b5-weight);color:var(--color-text-light);margin:0}._breadcrumb_1s0ff_36{display:flex;align-items:center;gap:4px}._breadcrumbItem_1s0ff_42,._breadcrumbItemActive_1s0ff_48{font-size:var(--font-b5-size);font-weight:var(--font-b5-weight);color:var(--color-text-light)}._contentCard_1s0ff_55{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);min-height:500px}._patientSection_1s0ff_67{display:flex;flex-direction:column;gap:16px}._patientInfo_1s0ff_73{display:flex;align-items:center;gap:16px}._patientAvatar_1s0ff_79{width:48px;height:48px;border-radius:50%;object-fit:cover}._patientDetails_1s0ff_86{display:flex;flex-direction:column;gap:2px}._patientName_1s0ff_92{font-size:var(--font-b2-size);font-weight:600;color:var(--color-text-primary);margin:0}._patientMeta_1s0ff_99{display:flex;align-items:center;gap:8px;font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:var(--color-text-light)}._patientMeta_1s0ff_99 strong{color:var(--color-text-primary);font-weight:500}._separator_1s0ff_113{color:#bbb}._allergyBanner_1s0ff_118{display:flex;padding:10px 16px;background-color:#fef3c7;border-radius:var(--radius-md)}._allergyContent_1s0ff_125{display:flex;align-items:center;gap:8px;font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:#92400e}._tabRow_1s0ff_135{display:flex;justify-content:space-between;align-items:center}._tabsContainer_1s0ff_141{display:flex;gap:0;background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:4px}._tab_1s0ff_135{padding:8px 20px;background:none;border:none;border-radius:var(--radius-sm);font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-light);cursor:pointer;transition:all .2s ease}._tab_1s0ff_135:hover{color:var(--color-text-primary)}._tabActive_1s0ff_166{background-color:var(--color-primary);color:#fff}._tabActive_1s0ff_166:hover{color:#fff}._filterDropdown_1s0ff_176{display:flex;align-items:center}._filterSelect_1s0ff_181{padding:8px 32px 8px 12px;background-color:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239EA2AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}._filterSelect_1s0ff_181:focus{outline:none;border-color:var(--color-primary)}._overviewContent_1s0ff_202{display:flex;flex-direction:column;gap:16px}._overviewGrid_1s0ff_208{display:grid;grid-template-columns:1fr 1fr;gap:16px}._infoCard_1s0ff_215{display:flex;flex-direction:column;padding:16px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-height:150px}._labResultsCard_1s0ff_225{display:flex;flex-direction:column;padding:16px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-height:200px}._cardTitle_1s0ff_235{font-size:var(--font-b3-size);font-weight:600;color:var(--color-text-primary);margin:0 0 12px}._cardContent_1s0ff_242{flex:1}._diagnosisItem_1s0ff_247{display:flex;align-items:flex-start;gap:10px}._diagnosisInfo_1s0ff_253{display:flex;flex-direction:column;gap:2px}._diagnosisName_1s0ff_259{font-size:var(--font-b4-size);font-weight:500;color:#ef4444}._diagnosisDesc_1s0ff_265{font-size:var(--font-b5-size);color:var(--color-text-light)}._visitHistory_1s0ff_271{display:flex;flex-direction:column;gap:16px}._visitCard_1s0ff_277{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color .2s ease}._visitCard_1s0ff_277:hover{border-color:var(--color-primary)}._visitInfo_1s0ff_292{display:flex;align-items:center;gap:16px}._visitAvatar_1s0ff_298{width:48px;height:48px;border-radius:50%;object-fit:cover}._visitDetails_1s0ff_305{display:flex;flex-direction:column;gap:2px}._visitDoctor_1s0ff_311{font-size:var(--font-b3-size);font-weight:600;color:var(--color-text-primary)}._visitDepartment_1s0ff_317,._visitReason_1s0ff_322{font-size:var(--font-b4-size);color:var(--color-text-light)}._visitActions_1s0ff_327{display:flex;flex-direction:column;align-items:flex-end;gap:8px}._viewDetailsBtn_1s0ff_334{padding:8px 16px;background-color:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease}._viewDetailsBtn_1s0ff_334:hover{border-color:var(--color-primary)}._visitDate_1s0ff_350{font-size:var(--font-b5-size);color:var(--color-text-light)}._statusBadge_1s0ff_356{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-b5-size);font-weight:500}._statusCompleted_1s0ff_365,._statusConfirmed_1s0ff_371{background-color:#22c55e1a;border:1px solid #22C55E;color:#22c55e}._statusPending_1s0ff_377{background-color:#f59e0b1a;border:1px solid #F59E0B;color:#f59e0b}._statusCancelled_1s0ff_383{background-color:#ef44441a;border:1px solid #EF4444;color:#ef4444}._statusNoShow_1s0ff_389{background-color:#6b72801a;border:1px solid #6B7280;color:#6b7280}@media (max-width: 1024px){._overviewGrid_1s0ff_208{grid-template-columns:1fr}}@media (max-width: 768px){._pageHeader_1s0ff_8{flex-direction:column;align-items:flex-start}._tabRow_1s0ff_135{flex-direction:column;align-items:flex-start;gap:12px}._visitCard_1s0ff_277{flex-direction:column;align-items:flex-start;gap:16px}._visitActions_1s0ff_327{align-items:flex-start;width:100%}._viewDetailsBtn_1s0ff_334{width:100%}}._modalOverlay_1s0ff_431{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._modal_1s0ff_431{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}._modalHeader_1s0ff_457{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}._modalHeader_1s0ff_457 h2{font-size:18px;font-weight:600;color:#111827;margin:0}._modalClose_1s0ff_472{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}._modalClose_1s0ff_472:hover{background-color:#f3f4f6;color:#111827}._modalBody_1s0ff_490{padding:24px;overflow-y:auto;flex:1}._modalSection_1s0ff_496{margin-bottom:24px}._modalSection_1s0ff_496:last-child{margin-bottom:0}._modalSection_1s0ff_496 h3{font-size:16px;font-weight:600;color:#03a5ff;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}._modalSection_1s0ff_496 p{font-size:14px;color:#374151;margin:0 0 8px;line-height:1.5}._modalSection_1s0ff_496 p strong{color:#111827}._soapNote_1s0ff_524{background-color:#f9fafb;padding:16px;border-radius:8px;margin-top:8px}._soapNote_1s0ff_524 p{margin-bottom:12px}._soapNote_1s0ff_524 p:last-child{margin-bottom:0}._prescriptionItem_1s0ff_539{background-color:#f0fdf4;padding:12px 16px;border-radius:8px;margin-top:8px;border-left:3px solid #22c55e}._prescriptionItem_1s0ff_539 p{margin:0}._rxDetails_1s0ff_551{font-size:13px;color:#6b7280;margin-top:4px}._modalFooter_1s0ff_557{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}._modalCloseBtn_1s0ff_565{padding:10px 24px;background:#03a5ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}._modalCloseBtn_1s0ff_565:hover{background:#0284c7}._container_1v749_1{display:flex;flex-direction:column;gap:24px;width:100%}._pageHeader_1v749_8{display:flex;justify-content:space-between;align-items:center}._title_1v749_14{font-size:var(--font-h7-size);font-weight:var(--font-h7-weight);line-height:var(--font-h7-line-height);color:var(--color-text-primary);margin:0}._section_1v749_23{display:flex;flex-direction:column;gap:16px}._sectionHeader_1v749_29{display:flex;justify-content:space-between;align-items:center}._sectionTitle_1v749_35{font-size:var(--font-b2-size);font-weight:600;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}._upcomingAppointmentsList_1v749_46{display:flex;flex-direction:column;gap:16px}._upcomingCard_1v749_53{display:flex;flex-direction:column;gap:16px;padding:20px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._upcomingHeader_1v749_63{display:flex;align-items:center;gap:12px}._upcomingDateTime_1v749_69{font-size:var(--font-b3-size);font-weight:600;color:var(--color-text-primary)}._doctorCard_1v749_76{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}._doctorInfo_1v749_86{display:flex;align-items:center;gap:12px}._doctorAvatar_1v749_92{width:40px;height:40px;border-radius:50%;object-fit:cover}._doctorDetails_1v749_99{display:flex;flex-direction:column;gap:2px}._doctorName_1v749_105{font-size:var(--font-b3-size);font-weight:500;color:var(--color-text-primary)}._departmentRow_1v749_111{display:flex;align-items:center;gap:6px}._statusDot_1v749_117{width:8px;height:8px;border-radius:50%;background-color:#22c55e}._department_1v749_111{font-size:var(--font-b5-size);color:var(--color-text-light)}._statusBadge_1v749_130{display:inline-flex;align-items:center;padding:4px 12px;background-color:#22c55e1a;border:1px solid #22C55E;border-radius:var(--radius-full);font-size:var(--font-b5-size);font-weight:500;color:#22c55e}._statusBadge_1v749_130._statusPending_1v749_142{background-color:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}._appointmentActions_1v749_149{display:flex;align-items:center;gap:12px}._cancelBtn_1v749_155{padding:8px 16px;background:none;border:none;font-size:var(--font-b4-size);font-weight:500;color:#ef4444;cursor:pointer;transition:opacity .2s ease}._cancelBtn_1v749_155:hover{opacity:.8}._viewMoreBtn_1v749_171{padding:8px 16px;background-color:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease}._viewMoreBtn_1v749_171:hover{border-color:var(--color-primary)}._pastAppointmentsGrid_1v749_188{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}._pastCard_1v749_194{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._pastCardHeader_1v749_204{display:flex;align-items:flex-start;gap:12px}._pastAvatar_1v749_210{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}._pastInfo_1v749_218{display:flex;flex-direction:column;gap:2px;flex:1}._pastDate_1v749_225{font-size:var(--font-b4-size);font-weight:600;color:var(--color-text-primary)}._pastTime_1v749_231{font-size:var(--font-b5-size);color:var(--color-text-light)}._pastDoctor_1v749_236{font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary);margin-top:4px}._pastDepartment_1v749_243{font-size:var(--font-b5-size);color:var(--color-text-light)}._viewSummaryBtn_1v749_248{display:flex;justify-content:center;align-items:center;padding:10px 16px;background-color:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease}._viewSummaryBtn_1v749_248:hover{border-color:var(--color-primary)}@media (max-width: 1024px){._pastAppointmentsGrid_1v749_188{grid-template-columns:1fr}}@media (max-width: 768px){._sectionHeader_1v749_29{flex-direction:column;align-items:flex-start;gap:12px}._appointmentActions_1v749_149{flex-wrap:wrap}._pastCardHeader_1v749_204{flex-direction:column}}._container_1z2fm_1{padding:24px;max-width:1200px;margin:0 auto}._header_1z2fm_7{display:flex;align-items:center;gap:16px;margin-bottom:24px}._backBtn_1z2fm_14{display:flex;align-items:center;gap:8px;background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s}._backBtn_1z2fm_14:hover{background-color:#f5f5f5}._title_1z2fm_32{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}._progress_1z2fm_40{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}._progressStep_1z2fm_52{display:flex;align-items:center;gap:8px;opacity:.5}._progressStep_1z2fm_52._active_1z2fm_59{opacity:1}._stepNumber_1z2fm_63{width:28px;height:28px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}._progressStep_1z2fm_52._active_1z2fm_59 ._stepNumber_1z2fm_63{background:linear-gradient(135deg,#03a5ff,#1fc16b);color:#fff}._stepLabel_1z2fm_81{font-size:14px;color:#666;font-weight:500}._progressStep_1z2fm_52._active_1z2fm_59 ._stepLabel_1z2fm_81{color:#1a1a1a}._progressLine_1z2fm_91{width:60px;height:2px;background:#e0e0e0}._stepContent_1z2fm_98{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}._stepTitle_1z2fm_105{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 8px}._stepSubtitle_1z2fm_112{font-size:14px;color:#666;margin:0 0 24px}._emptyText_1z2fm_118{color:#666;text-align:center;padding:40px}._clinicianGrid_1z2fm_125{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}._clinicianCard_1z2fm_131{display:flex;align-items:center;gap:16px;padding:16px;background:#f9f9f9;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}._clinicianCard_1z2fm_131:hover{background:#f0f0f0}._clinicianCard_1z2fm_131._selected_1z2fm_148{border-color:#03a5ff;background:#f0f9ff}._clinicianAvatar_1z2fm_153{width:56px;height:56px;border-radius:50%;object-fit:cover}._clinicianInfo_1z2fm_160{display:flex;flex-direction:column;gap:4px}._clinicianName_1z2fm_166{font-size:16px;font-weight:600;color:#1a1a1a}._clinicianEmail_1z2fm_172{font-size:13px;color:#666}._dateTimeLayout_1z2fm_178{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px}@media (max-width: 768px){._dateTimeLayout_1z2fm_178{grid-template-columns:1fr}}._calendarSection_1z2fm_191,._slotsSection_1z2fm_192{min-width:0}._calendar_1z2fm_191{background:#f9f9f9;border-radius:12px;padding:16px}._calendarHeader_1z2fm_203{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}._navBtn_1z2fm_210{width:36px;height:36px;border-radius:8px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}._navBtn_1z2fm_210:hover{background:#e0e0e0}._monthYear_1z2fm_228{font-size:16px;font-weight:600;color:#1a1a1a}._weekDays_1z2fm_234{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}._weekDay_1z2fm_234{text-align:center;font-size:12px;font-weight:600;color:#999;padding:8px 0}._daysGrid_1z2fm_249{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}._day_1z2fm_249{aspect-ratio:1;border:none;background:none;border-radius:8px;font-size:14px;color:#ccc;cursor:default;display:flex;align-items:center;justify-content:center}._dayEmpty_1z2fm_268{aspect-ratio:1}._dayAvailable_1z2fm_272{color:#1a1a1a;cursor:pointer;background:#fff}._dayAvailable_1z2fm_272:hover{background:#e8f4fd}._daySelected_1z2fm_282{background:linear-gradient(135deg,#03a5ff,#1fc16b)!important;color:#fff!important}._dayToday_1z2fm_287{border:2px solid #03A5FF}._dayPast_1z2fm_291{color:#ccc;cursor:default}._dayUnavailable_1z2fm_296{color:#999;cursor:not-allowed;background:#f5f5f5}._dayUnavailable_1z2fm_296:hover{background:#f5f5f5}._calendarLegend_1z2fm_307{display:flex;gap:16px;margin-top:12px;justify-content:center}._legendItem_1z2fm_314{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}._legendDot_1z2fm_322{width:12px;height:12px;border-radius:4px}._legendDotAvailable_1z2fm_328{background:linear-gradient(135deg,#03a5ff,#1fc16b)}._legendDotUnavailable_1z2fm_332{background:#e0e0e0}._loadingOverlay_1z2fm_337{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:12px}._loadingText_1z2fm_350{font-size:14px;color:#666}._calendarWrapper_1z2fm_355{position:relative}._slotsGrid_1z2fm_360{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}@media (max-width: 480px){._slotsGrid_1z2fm_360{grid-template-columns:repeat(2,1fr)}}._slotBtn_1z2fm_373{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s}._slotBtn_1z2fm_373:hover{border-color:#03a5ff;background:#f0f9ff}._slotSelected_1z2fm_390{border-color:#03a5ff;background:linear-gradient(135deg,#03a5ff,#1fc16b);color:#fff}._stepActions_1z2fm_397{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #eee}._confirmCard_1z2fm_407{background:#f9f9f9;border-radius:12px;padding:24px;margin-bottom:24px}._confirmRow_1z2fm_414{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}._confirmRow_1z2fm_414:last-child{border-bottom:none}._confirmLabel_1z2fm_425{font-size:14px;color:#666}._confirmValue_1z2fm_430{font-size:14px;font-weight:600;color:#1a1a1a}._reasonSection_1z2fm_437{margin-bottom:24px}._reasonLabel_1z2fm_441{display:block;font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px}._reasonInput_1z2fm_449{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit}._reasonInput_1z2fm_449:focus{outline:none;border-color:#03a5ff}._error_1z2fm_465{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}._successCard_1z2fm_475{background:#fff;border-radius:16px;padding:48px;text-align:center;box-shadow:0 1px 3px #0000001a;max-width:500px;margin:0 auto}._successIcon_1z2fm_485{margin-bottom:24px}._successTitle_1z2fm_489{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 12px}._successText_1z2fm_496{font-size:14px;color:#666;margin:0 0 24px}._successDetails_1z2fm_502{background:#f9f9f9;border-radius:12px;padding:16px;margin-bottom:24px;text-align:left}._successDetails_1z2fm_502 p{margin:8px 0;font-size:14px;color:#1a1a1a}._successDetails_1z2fm_502 strong{color:#666;font-weight:500}._container_1w2p5_1{display:flex;flex-direction:column;gap:20px;width:100%}._pageHeader_1w2p5_8{display:flex;flex-direction:column;gap:4px}._title_1w2p5_14{font-size:var(--font-h7-size);font-weight:var(--font-h7-weight);line-height:var(--font-h7-line-height);color:var(--color-text-primary);margin:0}._balanceCard_1w2p5_23{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._balanceInfo_1w2p5_33{display:flex;flex-direction:column;gap:4px}._balanceLabel_1w2p5_39{font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:var(--color-text-light)}._balanceAmount_1w2p5_45{font-size:28px;font-weight:700;color:#ef4444}._columnsContainer_1w2p5_52{display:grid;grid-template-columns:1fr 1fr;gap:20px}._tableCard_1w2p5_59{display:flex;flex-direction:column;padding:20px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._tableTitle_1w2p5_68{font-size:var(--font-b2-size);font-weight:600;color:var(--color-text-primary);margin:0 0 16px}._table_1w2p5_59{width:100%;border-collapse:collapse}._table_1w2p5_59 thead tr{border-bottom:1px solid var(--color-border-light)}._table_1w2p5_59 th{padding:12px 8px;text-align:left;font-size:var(--font-b5-size);font-weight:500;color:var(--color-text-light)}._table_1w2p5_59 tbody tr{border-bottom:1px solid var(--color-border-light)}._table_1w2p5_59 tbody tr:last-child{border-bottom:none}._table_1w2p5_59 td{padding:14px 8px;font-size:var(--font-b4-size);color:var(--color-text-primary);vertical-align:top}._invoiceId_1w2p5_108,._paymentId_1w2p5_109{font-weight:500;color:var(--color-primary)}._descriptionCell_1w2p5_114{display:flex;flex-direction:column;gap:2px}._dateText_1w2p5_120{font-size:var(--font-b5-size);color:var(--color-text-light)}._statusBadge_1w2p5_125{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;width:fit-content}._statusBadge_1w2p5_125[data-status=paid]{background-color:#d1fae5;color:#065f46}._statusBadge_1w2p5_125[data-status=unpaid],._statusBadge_1w2p5_125[data-status=pending]{background-color:#fef3c7;color:#92400e}._statusBadge_1w2p5_125[data-status=overdue]{background-color:#fee2e2;color:#991b1b}._statusBadge_1w2p5_125[data-status=draft]{background-color:#e5e7eb;color:#374151}._amountRed_1w2p5_155{font-weight:600;color:#ef4444}._amountBlack_1w2p5_160{font-weight:600;color:var(--color-text-primary)}._viewAllLink_1w2p5_166{display:block;margin-top:16px;font-size:var(--font-b4-size);font-weight:500;color:var(--color-primary);text-decoration:none;text-align:right}._viewAllLink_1w2p5_166:hover{text-decoration:underline}@media (max-width: 1024px){._columnsContainer_1w2p5_52{grid-template-columns:1fr}}@media (max-width: 768px){._balanceCard_1w2p5_23{flex-direction:column;align-items:flex-start;gap:16px}._table_1w2p5_59 th,._table_1w2p5_59 td{padding:10px 4px;font-size:var(--font-b5-size)}}._modalOverlay_1w2p5_202{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modal_1w2p5_202{background:#fff;border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}._modalHeader_1w2p5_223{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}._modalHeader_1w2p5_223 h2{font-size:18px;font-weight:600;color:#111827;margin:0}._modalClose_1w2p5_238{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;line-height:1}._modalClose_1w2p5_238:hover{color:#111827}._modalBody_1w2p5_252{padding:24px}._paymentAmount_1w2p5_256{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#03a5ff1a,#1fc16b1a);padding:16px;border-radius:8px;margin-bottom:20px}._paymentAmountValue_1w2p5_266{font-size:24px;font-weight:700;background:linear-gradient(135deg,#03a5ff,#1fc16b);-webkit-background-clip:text;background-clip:text;color:transparent}._paymentMessage_1w2p5_275{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}._paymentMessage_1w2p5_275._success_1w2p5_282{background:#dcfce7;color:#166534;border:1px solid #22c55e}._paymentMessage_1w2p5_275._error_1w2p5_288{background:#fee2e2;color:#dc2626;border:1px solid #ef4444}._formGroup_1w2p5_294{margin-bottom:16px}._formGroup_1w2p5_294 label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}._formGroup_1w2p5_294 input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;transition:border-color .2s;box-sizing:border-box}._formGroup_1w2p5_294 input:focus{outline:none;border-color:#03a5ff;box-shadow:0 0 0 3px #03a5ff1a}._formGroup_1w2p5_294 input:disabled{background:#f3f4f6;cursor:not-allowed}._formRow_1w2p5_328{display:grid;grid-template-columns:1fr 1fr;gap:16px}._modalFooter_1w2p5_334{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}._cancelBtn_1w2p5_344{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;background:transparent;border:1px solid #d1d5db;color:#374151;cursor:pointer;transition:all .2s}._cancelBtn_1w2p5_344:hover:not(:disabled){background:#f3f4f6}._cancelBtn_1w2p5_344:disabled{opacity:.5;cursor:not-allowed}._container_6m6cz_1{display:flex;flex-direction:column;gap:20px;width:100%}._pageHeader_6m6cz_8{display:flex;flex-direction:column;gap:4px}._title_6m6cz_14{font-size:var(--font-h7-size);font-weight:var(--font-h7-weight);line-height:var(--font-h7-line-height);color:var(--color-text-primary);margin:0}._description_6m6cz_22{font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:var(--color-text-light);margin:0}._summaryCards_6m6cz_30{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}._summaryCard_6m6cz_30{display:flex;flex-direction:column;gap:8px;padding:16px 20px;border-radius:var(--radius-lg)}._summaryTotal_6m6cz_44{background-color:#e0f2f1}._summaryNormal_6m6cz_48{background-color:#e8f5e9}._summaryAbnormal_6m6cz_52{background-color:#ffebee}._summaryLabel_6m6cz_56{font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);color:var(--color-text-primary)}._summaryTotal_6m6cz_44 ._summaryLabel_6m6cz_56{color:#00796b}._summaryNormal_6m6cz_48 ._summaryLabel_6m6cz_56{color:#2e7d32}._summaryAbnormal_6m6cz_52 ._summaryLabel_6m6cz_56{color:#c62828}._summaryValue_6m6cz_74{font-size:28px;font-weight:600;color:var(--color-text-primary)}._summaryTotal_6m6cz_44 ._summaryValue_6m6cz_74{color:#00796b}._summaryNormal_6m6cz_48 ._summaryValue_6m6cz_74{color:#2e7d32}._summaryAbnormal_6m6cz_52 ._summaryValue_6m6cz_74{color:#c62828}._filtersRow_6m6cz_93{display:flex;justify-content:flex-end;gap:12px}._filterSelect_6m6cz_99{padding:8px 32px 8px 12px;background-color:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239EA2AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}._filterSelect_6m6cz_99:focus{outline:none;border-color:var(--color-primary)}._expandedCard_6m6cz_120{display:flex;flex-direction:column;padding:20px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._expandedHeader_6m6cz_129{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}._expandedTitleRow_6m6cz_136{display:flex;align-items:center;gap:8px}._expandedTitle_6m6cz_136{font-size:var(--font-b2-size);font-weight:600;color:var(--color-text-primary)}._followUpBadge_6m6cz_148{padding:4px 10px;background-color:#fef3c7;border-radius:var(--radius-sm);font-size:var(--font-b5-size);font-weight:500;color:#92400e}._expandedMeta_6m6cz_157{display:flex;align-items:center;gap:12px}._lastTested_6m6cz_163{font-size:var(--font-b5-size);color:var(--color-text-light)}._moreBtn_6m6cz_168{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;cursor:pointer}._expandedBody_6m6cz_179{display:flex;flex-direction:column;gap:16px}._resultDetails_6m6cz_185{display:grid;grid-template-columns:1fr 1fr 1fr 150px;gap:16px;align-items:start}._resultColumn_6m6cz_192{display:flex;flex-direction:column;gap:4px}._resultLabel_6m6cz_198{font-size:var(--font-b5-size);color:var(--color-text-light)}._resultValue_6m6cz_203{font-size:var(--font-b3-size);font-weight:600;color:var(--color-text-primary)}._normalRangeValue_6m6cz_209{display:flex;align-items:center;gap:6px;font-size:var(--font-b4-size);color:var(--color-text-primary)}._greenDot_6m6cz_217{width:8px;height:8px;border-radius:50%;background-color:#22c55e;flex-shrink:0}._statusValue_6m6cz_225{display:flex;align-items:center;gap:6px;font-size:var(--font-b4-size);color:#ef4444}._redTriangle_6m6cz_233{font-size:10px;color:#ef4444}._chartPlaceholder_6m6cz_238{width:150px;height:80px;background-color:#e3f2fd;border-radius:var(--radius-md)}._doctorNotes_6m6cz_246{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-bg-light);border-radius:var(--radius-md);gap:16px}._notesContent_6m6cz_256{display:flex;align-items:flex-start;gap:10px;flex:1;font-size:var(--font-b4-size);color:var(--color-text-primary);line-height:1.5}._notesContent_6m6cz_256 strong{color:var(--color-primary)}._notesActions_6m6cz_270{display:flex;gap:12px;flex-shrink:0}._resultActions_6m6cz_276{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-light)}._downloadBtn_6m6cz_285{padding:10px 16px;background-color:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease}._downloadBtn_6m6cz_285:hover{border-color:var(--color-primary)}._askBtn_6m6cz_301{padding:10px 16px;background-color:#ef4444;border:none;border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease}._askBtn_6m6cz_301:hover{background-color:#dc2626}._collapsedCard_6m6cz_318{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}._collapsedInfo_6m6cz_328{display:flex;flex-direction:column;gap:8px}._collapsedTitle_6m6cz_334{font-size:var(--font-b2-size);font-weight:600;color:var(--color-text-primary)}._collapsedStatus_6m6cz_340{display:flex;align-items:center;gap:8px;font-size:var(--font-b4-size);color:#22c55e}._statusDivider_6m6cz_348{color:var(--color-text-light)}._trendText_6m6cz_352{color:var(--color-text-primary)}._collapsedActions_6m6cz_356{display:flex;flex-direction:column;align-items:flex-end;gap:8px}._viewDetailsBtn_6m6cz_363{padding:8px 16px;background-color:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-b4-size);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease}._viewDetailsBtn_6m6cz_363:hover{border-color:var(--color-primary)}@media (max-width: 1024px){._resultDetails_6m6cz_185{grid-template-columns:1fr 1fr}._chartPlaceholder_6m6cz_238{grid-column:span 2;width:100%}}@media (max-width: 768px){._summaryCards_6m6cz_30{grid-template-columns:1fr}._filtersRow_6m6cz_93{flex-direction:column}._filterSelect_6m6cz_99{width:100%}._resultDetails_6m6cz_185{grid-template-columns:1fr}._chartPlaceholder_6m6cz_238{grid-column:span 1}._doctorNotes_6m6cz_246{flex-direction:column;align-items:flex-start}._notesActions_6m6cz_270{width:100%}._downloadBtn_6m6cz_285,._askBtn_6m6cz_301{flex:1}._collapsedCard_6m6cz_318{flex-direction:column;align-items:flex-start;gap:16px}._collapsedActions_6m6cz_356{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}._modalOverlay_6m6cz_444{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_6m6cz_1 .2s ease}@keyframes _fadeIn_6m6cz_1{0%{opacity:0}to{opacity:1}}._modal_6m6cz_444{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040;animation:_slideUp_6m6cz_1 .3s ease;margin:20px}@keyframes _slideUp_6m6cz_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._modalHeader_6m6cz_484{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f3f4f6}._modalHeaderLeft_6m6cz_492{display:flex;align-items:center;gap:14px}._modalIcon_6m6cz_498{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#03a5ff,#1fc16b);display:flex;align-items:center;justify-content:center;flex-shrink:0}._modalIcon_6m6cz_498 svg{color:#fff}._modalTitle_6m6cz_513{font-size:18px;font-weight:600;color:#111827;margin:0;line-height:1.3}._modalClose_6m6cz_521{background:none;border:none;cursor:pointer;padding:8px;color:#9ca3af;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}._modalClose_6m6cz_521:hover{background:#f3f4f6;color:#374151}._modalBody_6m6cz_539{padding:20px 24px 24px}._modalTestName_6m6cz_543{font-size:14px;font-weight:600;color:var(--color-primary);margin:0 0 16px;padding:8px 12px;background:#03a5ff1a;border-radius:8px;display:inline-block}._modalMessage_6m6cz_554{font-size:15px;color:#4b5563;line-height:1.7;margin:0 0 20px}._contactOptions_6m6cz_561{display:flex;flex-direction:column;gap:12px}._contactOption_6m6cz_561{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border-radius:10px;transition:background-color .2s ease}._contactOption_6m6cz_561:hover{background:#f3f4f6}._contactIcon_6m6cz_581{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#03a5ff,#1fc16b);display:flex;align-items:center;justify-content:center;flex-shrink:0}._contactIcon_6m6cz_581 svg{color:#fff}._contactText_6m6cz_596{display:flex;flex-direction:column;gap:2px}._contactLabel_6m6cz_602{font-size:14px;font-weight:600;color:#111827}._contactValue_6m6cz_608{font-size:13px;color:#6b7280}._modalFooter_6m6cz_613{padding:16px 24px 24px;display:flex;justify-content:flex-end}._modalCloseBtn_6m6cz_619{padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#03a5ff,#1fc16b);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}._modalCloseBtn_6m6cz_619:hover{transform:translateY(-1px);box-shadow:0 4px 12px #03a5ff4d}._redDot_6m6cz_636{width:8px;height:8px;border-radius:50%;background-color:#ef4444;flex-shrink:0}._profilePage_1kfck_2{display:flex;flex-direction:column;gap:16px;width:100%;min-height:100%}._pageHeader_1kfck_11{display:flex;justify-content:space-between;align-items:flex-start}._headerLeft_1kfck_17{display:flex;flex-direction:column;gap:2px}._pageTitle_1kfck_23{font-family:Instrument Sans,sans-serif;font-weight:700;font-size:22px;line-height:1.5;color:#4a4a4a;margin:0}._pageDescription_1kfck_32{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:10px;line-height:1.5;color:#4a4a4a;margin:0}._breadcrumb_1kfck_41{display:flex;align-items:center;gap:4px}._breadcrumbItem_1kfck_47,._breadcrumbItemActive_1kfck_55{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:10px;line-height:1.5;color:#777}._tabRow_1kfck_64{display:flex;justify-content:space-between;align-items:center}._tabSwitcher_1kfck_70{display:flex;align-items:center;background:#fff;border:1px solid #E8E8E8;border-radius:10px;padding:6px 8px;gap:8px}._tab_1kfck_64{font-family:Instrument Sans,sans-serif;font-weight:400;font-size:12px;line-height:1.5;color:#4a4a4a;background:transparent;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease}._tab_1kfck_64:hover{background:#03a5ff1a}._tabActive_1kfck_98{background:#03a5ff;color:#fff}._tabActive_1kfck_98:hover{background:#03a5ff}._saveBtn_1kfck_107{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#fff;background:#03a5ff;border:none;border-radius:8px;padding:10px 24px;cursor:pointer;transition:background .2s ease}._saveBtn_1kfck_107:hover{background:#0294e6}._contentArea_1kfck_126{display:flex;gap:20px}._leftColumn_1kfck_132{display:flex;flex-direction:column;gap:16px;width:220px;flex-shrink:0}._userCard_1kfck_141{background:#fff;border:1px solid #E8E8E8;border-radius:10px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}._avatarWrapper_1kfck_152{position:relative;margin-bottom:12px}._avatar_1kfck_152{width:80px;height:80px;border-radius:50%;object-fit:cover}._editAvatarBtn_1kfck_164{position:absolute;bottom:0;right:0;width:24px;height:24px;background:#03a5ff;border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}._editAvatarBtn_1kfck_164:hover{background:#0294e6}._userName_1kfck_184{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#4a4a4a;margin:0 0 2px}._userEmail_1kfck_193{font-family:Instrument Sans,sans-serif;font-weight:400;font-size:11px;line-height:1.5;color:#8e8e8e;margin:0 0 8px}._statusTag_1kfck_202{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:#83ebc0;border-radius:4px;font-family:Instrument Sans,sans-serif;font-weight:500;font-size:10px;line-height:1.5;color:#1b8b61}._quickActionsCard_1kfck_217{background-color:#fff;border-radius:8px;padding:16px 14px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;width:100%}._quickActionsTitle_1kfck_228{font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:600;color:#1f2937;margin:0 0 14px;display:block;width:100%}._quickActionBtn_1kfck_238{display:flex;flex-direction:row;align-items:center;gap:7px;width:100%;padding:12px 14px;background-color:#f0f9ff;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-bottom:10px;text-align:left;box-sizing:border-box}._quickActionBtn_1kfck_238:last-child{margin-bottom:0}._quickActionBtn_1kfck_238:hover{background-color:#e0f2fe;border-color:#d1d5db}._quickActionIcon_1kfck_264{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}._quickActionIcon_1kfck_264._records_1kfck_274{background-color:#dbeafe}._quickActionIcon_1kfck_264._share_1kfck_278{background-color:#e9d5ff}._quickActionIconImg_1kfck_282{width:18px;height:18px;object-fit:contain}._quickActionText_1kfck_288{flex:1;font-family:Instrument Sans,sans-serif;font-size:12px;font-weight:500;color:#1f2937;white-space:nowrap}._quickActionArrow_1kfck_297{font-size:16px;color:#9ca3af}._rightColumn_1kfck_303{flex:1;display:flex;flex-direction:column;gap:16px}._formCard_1kfck_311{background:#fff;border:1px solid #E8E8E8;border-radius:10px;padding:20px 24px}._formHeader_1kfck_318{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}._formTitle_1kfck_325{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#4a4a4a;margin:0}._editInfoBtn_1kfck_334{font-family:Instrument Sans,sans-serif;font-weight:400;font-size:12px;line-height:1.5;color:#4a4a4a;background:#fff;border:1px solid #E8E8E8;border-radius:6px;padding:6px 14px;cursor:pointer;transition:all .2s ease}._editInfoBtn_1kfck_334:hover{background:#f5f5f5}._formGrid_1kfck_353{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}._formGroup_1kfck_359{display:flex;flex-direction:column;gap:6px}._formGroupFull_1kfck_365{display:flex;flex-direction:column;gap:6px;grid-column:span 2}._threeColumnRow_1kfck_372{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;grid-column:span 2}._formLabel_1kfck_379{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:13px;line-height:1.3;color:#454a53}._formInput_1kfck_387{width:100%;padding:12px 14px;background:#fff;border:1px solid #E9EAEB;border-radius:8px;font-family:Instrument Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#4a4a4a;outline:none;transition:border-color .2s ease;box-sizing:border-box}._formInput_1kfck_387:focus{border-color:#03a5ff}._formInput_1kfck_387::placeholder{color:#9ea2ad}._formInput_1kfck_387:read-only{background:#f9fafb;color:#6b7280}._formSelect_1kfck_416{width:100%;padding:12px 40px 12px 14px;background:#fff;border:1px solid #E9EAEB;border-radius:8px;font-family:Instrument Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#4a4a4a;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%234A4A4A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;box-sizing:border-box}._formSelect_1kfck_416:focus{border-color:#03a5ff}._inputWithIcon_1kfck_442{position:relative}._inputWithIcon_1kfck_442 ._formInput_1kfck_387{padding-right:44px}._inputIcon_1kfck_450{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}._phoneInputWrapper_1kfck_462{display:flex;gap:8px}._countryCodeSelect_1kfck_467{width:90px;padding:12px 24px 12px 10px;background:#fff;border:1px solid #E9EAEB;border-radius:8px;font-family:Instrument Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#4a4a4a;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%234A4A4A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;box-sizing:border-box;flex-shrink:0}._phoneInput_1kfck_462{flex:1;padding:12px 14px;background:#fff;border:1px solid #E9EAEB;border-radius:8px;font-family:Instrument Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#4a4a4a;outline:none;box-sizing:border-box}._phoneInput_1kfck_462:focus{border-color:#03a5ff}._passwordForm_1kfck_509{display:flex;flex-direction:column;gap:16px}._passwordRow_1kfck_515{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}._passwordInputWrapper_1kfck_521{position:relative;display:flex;align-items:center}._passwordInputWrapper_1kfck_521 ._formInput_1kfck_387{padding-right:44px}._eyeBtn_1kfck_531{position:absolute;right:14px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer}._passwordRequirements_1kfck_544{background:#def3ff80;border-radius:8px;padding:12px 16px}._requirementsTitle_1kfck_550{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:12px;line-height:1.5;color:#4a4a4a;margin:0 0 6px}._requirementsList_1kfck_559{margin:0;padding:0;list-style:none}._requirementsList_1kfck_559 li{font-family:Instrument Sans,sans-serif;font-weight:400;font-size:11px;line-height:1.6;color:#4a4a4a}._requirementsList_1kfck_559 li:before{content:"· "}._updatePasswordBtn_1kfck_577{align-self:flex-end;font-family:Instrument Sans,sans-serif;font-weight:500;font-size:12px;line-height:1.5;color:#fff;background:#03a5ff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;transition:background .2s ease}._updatePasswordBtn_1kfck_577:hover{background:#0294e6}@media (max-width: 900px){._contentArea_1kfck_126{flex-direction:column}._leftColumn_1kfck_132{width:100%;flex-direction:row;flex-wrap:wrap}._userCard_1kfck_141,._quickActionsCard_1kfck_217{flex:1;min-width:180px}._formGrid_1kfck_353{grid-template-columns:1fr}._formGroupFull_1kfck_365{grid-column:span 1}._threeColumnRow_1kfck_372{grid-template-columns:1fr;grid-column:span 1}._passwordRow_1kfck_515{grid-template-columns:1fr}}@media (max-width: 600px){._pageHeader_1kfck_11{flex-direction:column;gap:8px}._tabRow_1kfck_64{flex-direction:column;gap:12px;align-items:stretch}._tabSwitcher_1kfck_70{justify-content:center}._leftColumn_1kfck_132{flex-direction:column}._userCard_1kfck_141,._quickActionsCard_1kfck_217{width:100%}}.signin-container{min-height:100vh;background-color:#fff!important;display:flex;align-items:center;justify-content:center;padding:49px 37px}.signin-content{display:flex;align-items:center;justify-content:space-between;gap:92px;max-width:1206px;width:100%;padding:0 36px}.form-section{flex:0 0 425px;max-width:425px;display:flex;flex-direction:column;gap:20px}.title{font-size:32px;font-weight:700;line-height:1.5;background:linear-gradient(90deg,#00a8e8,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.subtitle{font-size:16px;font-weight:500;line-height:1.5;color:#4a4a4a;margin:0 0 20px;max-width:388px}.form-group{margin-bottom:24px}.form-group input[type=text]{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .3s;box-sizing:border-box;background-color:#fff!important;color:#333!important}.password-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;transition:border-color .3s;background-color:#fff}.error-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:16px;animation:slideDown .3s ease-out}.error-banner-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#fee2e2;border-radius:50%;color:#dc2626;flex-shrink:0}.error-banner-content{display:flex;flex-direction:column;gap:2px}.error-banner-title{font-size:14px;font-weight:600;color:#b91c1c}.error-banner-message{font-size:13px;font-weight:400;color:#dc2626;line-height:1.4}.forgot-password-link{display:block;color:#00a8e8;text-decoration:none;font-size:14px;font-weight:400;margin-bottom:16px;transition:color .3s}.submit-button{width:100%;padding:14px;background-color:#00a8e8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-bottom:8px}.signup-link{text-align:center;font-size:14px;font-weight:400;color:#00a8e8;margin-top:8px}.security-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fffbeb;border-radius:8px;border:1px solid #fcd34d}.security-icon{font-size:18px}.security-text{font-size:12px;color:#92400e;line-height:1.5}.image-section{position:relative;flex:0 0 617px;height:748px;border-radius:16px;overflow:hidden}.logo-overlay{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px}@media (max-width: 1200px){.signin-content{flex-direction:column;gap:40px;padding:0}.form-section{flex:none;max-width:100%;width:100%;gap:40px}.image-section{display:none}}@media (max-width: 480px){.signin-container{padding:24px 16px}.title{font-size:24px}.subtitle{font-size:14px}}.signup-content{display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:1100px;width:100%;background-color:#fff}.form-section{flex:0 0 400px;max-width:400px;display:flex;flex-direction:column}.title{font-size:32px;font-weight:700;line-height:1.3;background:linear-gradient(90deg,#00a8e8,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px}.subtitle{font-size:15px;color:#4a4a4a;margin:0 0 20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.required{color:red}.form-group input[type=text],.form-group input[type=email],.form-group select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .3s;box-sizing:border-box;background-color:#fff;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group select:focus{outline:none;border-color:#00a8e8}.form-group input.error,.form-group select.error{border-color:red}.password-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;transition:border-color .3s}.lock-icon{margin-right:8px;font-size:16px;color:#9ca3af}.password-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;margin-top:6px}.checkbox-group{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.checkbox-group input[type=checkbox]{margin-top:3px;width:16px;height:16px;cursor:pointer}.checkbox-group label{font-size:14px;color:#666;cursor:pointer;margin:0}.submit-button{width:100%;padding:14px;background-color:#00a8e8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-bottom:16px}.login-link{text-align:center;font-size:14px;color:#666;margin:0}.image-section{position:relative;flex:0 0 500px;height:680px;border-radius:16px;overflow:hidden}.logo-overlay{position:absolute;bottom:40px;right:40px;z-index:10;display:flex;align-items:center;gap:8px}.logo-icon-img{width:50px;height:50px;object-fit:contain}.logo-text{font-size:28px;font-weight:700;color:#fff!important}@media (max-width: 1024px){.signup-content{flex-direction:column;gap:40px}.form-section{flex:none;max-width:100%;width:100%}.image-section{display:none}}@media (max-width: 480px){.signup-container{padding:24px 16px}.title{font-size:28px}.subtitle{font-size:14px}}.form-group input[type=text],.form-group input[type=email]{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .3s;box-sizing:border-box;background-color:#fff!important;color:#333!important}.password-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;transition:border-color .3s;background-color:#fff!important}.password-input-wrapper input{flex:1;border:none;outline:none;font-size:14px;background:transparent;padding:0;color:#333!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px white inset!important;-webkit-text-fill-color:#333333!important}*{margin:0;padding:0;box-sizing:border-box}.dashboard-page{min-height:100vh;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.dashboard-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #e5e7eb}.dashboard-brand{display:flex;align-items:center;gap:10px}.dashboard-brandName{font-weight:700;font-size:20px;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-search{width:400px;position:relative}.dashboard-searchIcon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.dashboard-searchInput{width:100%;height:40px;border:1px solid #e5e7eb;border-radius:8px;padding:0 14px 0 42px;outline:none;font-size:14px;background:#fff}.dashboard-searchInput::placeholder{color:#9ca3af}.dashboard-searchInput:focus{border-color:#03a5ff}.dashboard-searchResults{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:400px;overflow-y:auto;z-index:1000}.dashboard-searchResultItem{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f3f4f6}.dashboard-searchResultItem:last-child{border-bottom:none}.dashboard-searchResultItem:hover{background:linear-gradient(135deg,#03a5ff14,#1fc16b14)}.dashboard-searchResultIcon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-searchResultIcon--appointment{background:linear-gradient(135deg,#03a5ff,#0284c7)}.dashboard-searchResultIcon--patient{background:linear-gradient(135deg,#1fc16b,#16a34a)}.dashboard-searchResultIcon--lab{background:linear-gradient(135deg,#f59e0b,#d97706)}.dashboard-searchResultIcon--notification{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dashboard-searchResultContent{flex:1;min-width:0}.dashboard-searchResultTitle{font-weight:600;font-size:14px;color:#111827;margin-bottom:2px}.dashboard-searchResultSubtitle{font-size:13px;color:#6b7280;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-searchResultCategory{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:4px}.dashboard-searchResultCategory:before{content:"";width:4px;height:4px;background:linear-gradient(135deg,#03a5ff,#1fc16b);border-radius:50%}.dashboard-searchNoResults{padding:24px 16px;text-align:center;color:#6b7280;font-size:14px}.dashboard-topRight{display:flex;align-items:center;gap:16px}.dashboard-iconBtn{width:40px;height:40px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.dashboard-user{display:flex;align-items:center;gap:10px}.dashboard-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e5e7eb}.dashboard-avatarImg{width:100%;height:100%;object-fit:cover}.dashboard-userMeta{display:flex;flex-direction:column}.dashboard-userName{font-weight:600;font-size:14px;color:#111827}.dashboard-userRole{font-size:12px;color:#03a5ff}.dashboard-body{display:flex;min-height:calc(100vh - 78px)}.dashboard-sidebar{width:320px;padding:16px;background:#f3f4f6;display:flex;justify-content:center}.dashboard-sidebarBox{width:292px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 18px;min-height:calc(100vh - 110px);display:flex;flex-direction:column;box-shadow:0 6px 18px #1118270f,0 2px 6px #1118270a}.dashboard-navHeader{margin-bottom:16px}.dashboard-navHeaderPanel{display:flex;align-items:center;gap:10px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.dashboard-navHeaderTitle{font-weight:600;font-size:15px;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-navHeaderCollapse{width:18px;height:18px;object-fit:contain}.dashboard-logoutImg{width:16px;height:16px;object-fit:contain}.dashboard-sectionTitle{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px 8px}.dashboard-mt24{margin-top:20px}.dashboard-nav{display:flex;flex-direction:column;gap:4px}.dashboard-navItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;text-align:left;width:100%;transition:all .15s ease}.dashboard-navItem:hover{background:#f3f4f6}.dashboard-navItem--active{background:#03a5ff;color:#fff}.dashboard-navItem--active:hover{background:#0284c7}.dashboard-navItem--active .dashboard-navItemIcon svg{stroke:#fff}.dashboard-navItemIcon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.dashboard-navImg{width:16px;height:16px;display:block;object-fit:contain}.dashboard-logout{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#ef4444;width:100%}.dashboard-logout:hover{background:#fef2f2}.dashboard-logoutIcon{display:flex;align-items:center;justify-content:center}.dashboard-content{flex:1;padding:26px 28px;background:#f3f4f6;overflow-y:auto}.dashboard-content-wrapper{max-width:1200px}.dashboard-header{margin-bottom:20px}.dashboard-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px}.dashboard-subtitle{font-size:15px;color:#6b7280;margin:0}.dashboard-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:20px}.dashboard-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.card-title-gradient{font-size:16px;font-weight:600;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.card-title-plain{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px;padding:0 4px}.upcoming-appointment{padding:20px}.appointment-details{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin-bottom:16px}.appointment-info{display:flex;flex-direction:column;gap:4px}.appointment-datetime{font-size:14px;font-weight:700;color:#111827}.appointment-separator{color:#9ca3af}.appointment-patient{font-size:14px;color:#4b5563}.appointment-department{font-size:13px;color:#6b7280}.appointment-actions{display:flex;gap:12px}.btn-primary{padding:10px 20px;background:#03a5ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:#0284c7}.btn-outline{padding:10px 20px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.dashboard-left .quick-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:16px;width:100%;padding:0;background:transparent;border:none}.dashboard-left .quick-actions>.action-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;text-align:left;min-width:0;flex:1 1 0%!important;display:flex;flex-direction:column;align-items:flex-start}.action-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.action-icon-blue{background:#03a5ff}.action-icon-teal{background:#10b981}.action-icon-orange{background:#f59e0b}.action-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px;text-align:left}.action-description{font-size:13px;color:#6b7280;margin:0 0 16px;line-height:1.4;text-align:left;flex-grow:1}.btn-primary-full{width:100%;padding:8px 12px;background:#03a5ff;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-primary-full:hover{background:#0284c7}.btn-outline-full{width:100%;padding:8px 12px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-outline-full:hover{background:#f9fafb;border-color:#d1d5db}.payment-history{padding:0;overflow:hidden}.payment-history .card-title-plain{padding:20px 20px 16px}.payment-table{width:100%;border-collapse:collapse}.payment-table thead th{background:#f9fafb;color:#6b7280;font-size:13px;font-weight:500;padding:12px 20px;text-align:left;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.payment-table tbody td{padding:16px 20px;font-size:14px;color:#4b5563;border-bottom:1px solid #f3f4f6}.status-badge{display:inline-flex;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600}.status-stable{background:#d1fae5;color:#065f46}.action-link{color:#03a5ff;font-weight:600;text-decoration:none;font-size:14px}.action-link:hover{text-decoration:underline}.view-all-link{display:block;width:100%;padding:14px 20px;background:transparent;border:none;border-top:1px solid #f3f4f6;text-align:left;color:#03a5ff;font-size:14px;font-weight:500;cursor:pointer}.view-all-link:hover{text-decoration:underline}.notifications-card{min-height:280px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.empty-text{font-size:14px;color:#9ca3af;text-align:center;padding:16px}.loading-text{font-size:14px;color:#6b7280;text-align:center;padding:20px}.notifications-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.notifications-header-row .card-title-gradient{display:flex;align-items:center;gap:8px;margin:0}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(90deg,#03a5ff,#1fc16b);border-radius:10px;font-size:11px;font-weight:600;color:#fff}.mark-all-read-btn{background:none;border:none;font-size:13px;color:#03a5ff;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:#03a5ff1a}.notifications-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:220px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:#f9fafb;border-radius:8px;cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:hover{background-color:#03a5ff0d}.notification-item.unread{background-color:#03a5ff14;border-left:3px solid #03A5FF}.notification-title{font-size:14px;font-weight:600;color:#111827;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{font-size:13px;color:#6b7280;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:11px;color:#9ca3af}.unread-dot{position:absolute;top:12px;right:12px;width:8px;height:8px;background:linear-gradient(90deg,#03a5ff,#1fc16b);border-radius:50%}.lab-results-card{min-height:400px}.lab-result-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:14px}.lab-result-item:last-child{margin-bottom:0}.lab-result-name{font-size:16px;font-weight:700;color:#111827;margin:0 0 6px}.lab-result-patient,.lab-result-id{font-size:13px;color:#6b7280;margin:0 0 4px}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin:12px 0}.progress-fill{height:100%;border-radius:4px}.review-link{display:block;text-align:center;color:#03a5ff;font-size:14px;font-weight:600;text-decoration:none}.review-link:hover{text-decoration:underline}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-right{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 700px){.dashboard-left .quick-actions{flex-direction:column!important}.dashboard-right{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-sidebar{display:none}.dashboard-search{width:200px}.dashboard-content{padding:16px}}.notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease;margin:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f3f4f6}.notification-modal-header-left{display:flex;align-items:center;gap:14px}.notification-modal-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#03a5ff,#1fc16b);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-modal-icon svg{color:#fff}.notification-modal-title{font-size:18px;font-weight:600;color:#111827;margin:0;line-height:1.3}.notification-modal-close{background:none;border:none;cursor:pointer;padding:8px;color:#9ca3af;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.notification-modal-close:hover{background:#f3f4f6;color:#374151}.notification-modal-body{padding:20px 24px 24px}.notification-modal-message{font-size:15px;color:#4b5563;line-height:1.7;margin:0 0 20px}.notification-modal-time{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:13px}.notification-modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end}.notification-modal-btn{padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#03a5ff,#1fc16b);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.notification-modal-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #03a5ff4d}*{box-sizing:border-box}.labs-logoMark{width:34px;height:34px;border-radius:10px;background:#2563eb14;display:grid;place-items:center;position:relative}.labs-plus{width:16px;height:16px;position:relative}.labs-plus:before,.labs-plus:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#10b981;border-radius:2px}.labs-plus:before{width:16px;height:4px}.labs-plus:after{width:4px;height:16px}.labs-brandName{font-weight:700;color:#0ea5e9;letter-spacing:.2px}.labs-body{display:flex;min-height:calc(100vh - 78px)}.labs-navHeaderTitle{font-size:14px;font-weight:500;color:#111827}.labs-navHeaderBox{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:grid;place-items:center;flex:0 0 auto}.labs-navHeaderBoxIcon{width:18px;height:18px;display:block;object-fit:contain}.labs-navItem{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:background .2s ease,color .2s ease}.labs-contentTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.labs-title{font-size:26px;font-weight:800;color:#3f3f46}.labs-primaryBtn{height:44px;padding:0 18px;border:0;border-radius:10px;background:#0ea5e9;color:#fff;font-weight:700;cursor:pointer}.labs-statsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:14px 0 18px}.labs-stat{border-radius:10px;height:78px;display:flex;align-items:center;padding:16px 18px;color:#fff;position:relative;overflow:hidden}.labs-statIcon{width:auto;height:auto;background:none;border-radius:0;display:flex;align-items:center;margin-right:14px}.labs-statText{display:flex;flex-direction:column;gap:4px}.labs-statTitle{font-weight:700;font-size:14px;opacity:.95}.labs-statValue{font-weight:900;font-size:22px}.labs-stat--orange{background:#fb923c}.labs-stat--red{background:#fb364f}.labs-stat--green{background:#22c55e}.labs-tables{display:flex;flex-direction:column;gap:18px}.labs-tableCard{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.labs-tableCardHeader{padding:14px 18px;border-bottom:1px solid #e5e7eb}.labs-tableCardHeader h3{margin:0;font-size:18px;font-weight:800;color:#374151}.labs-tableWrap{overflow-x:auto}.labs-table{width:100%;border-collapse:collapse}.labs-table thead th{text-align:left;font-size:12px;color:#6b7280;font-weight:700;padding:12px 18px;background:#f9fafb}.labs-table tbody td{padding:16px 18px;border-top:1px solid #eef2f7;font-size:13px}.labs-tdMuted{color:#6b7280;font-weight:500}.labs-thRight,.labs-tdRight{text-align:center;width:100px}.labs-tdRight .labs-linkBtn{display:inline-block;text-align:center}.labs-wrap2{display:inline-block;line-height:1.25}.labs-pill{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:22px;border-radius:6px;font-size:12px;font-weight:700;padding:0 10px}.labs-pill--stable{background:#7ee2b8;color:#065f46}.labs-pill--urgent{background:#fecaca;color:#991b1b}.labs-pill--pending{background:#fde68a;color:#92400e}.labs-linkBtn{border:0;background:transparent;color:#0ea5e9;font-weight:800;cursor:pointer;padding:0}.labs-viewAllRow{padding:12px 18px 16px;border-top:1px solid #eef2f7}.labs-viewAll{border:0;background:transparent;color:#0ea5e9;font-weight:600;font-size:13px;cursor:pointer;padding:0}@media (max-width: 1100px){.labs-sidebar{display:none}.labs-search{width:min(420px,45vw)}}@media (max-width: 820px){.labs-statsRow{grid-template-columns:1fr}.labs-topbar{padding:0 16px}.labs-content{padding:18px 16px}}.labs-statImage{width:40px;height:40px}.labs-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.labs-modal{background:#fff;border-radius:12px;width:100%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.labs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.labs-modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.labs-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;display:flex;align-items:center;justify-content:center}.labs-modal-close:hover{color:#111827}.labs-modal-body{padding:24px}.labs-modal-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.labs-modal-row:last-child{border-bottom:none}.labs-modal-label{font-weight:500;color:#6b7280;font-size:14px}.labs-modal-value{font-weight:500;color:#111827;font-size:14px}.labs-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.labs-btn-outline{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;background:transparent;border:1px solid #d1d5db;color:#374151;cursor:pointer;transition:all .2s}.labs-btn-outline:hover{background:#f3f4f6}.labs-btn-primary{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;background:linear-gradient(135deg,#03a5ff,#1fc16b);border:none;color:#fff;cursor:pointer;transition:all .2s}.labs-btn-primary:hover{opacity:.9}.labs-btn-verify{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;background:#22c55e;border:none;color:#fff;cursor:pointer;transition:all .2s}.labs-btn-verify:hover{background:#16a34a}.labs-btn-verify:disabled{background:#9ca3af;cursor:not-allowed}.labs-verify-message{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}.labs-verify-message--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.labs-verify-message--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.patients-wrapper{display:grid;grid-template-columns:1.2fr 1.5fr;gap:20px;align-items:start}.patients-left{display:flex;flex-direction:column}.patients-pageTitle{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 14px;display:flex;align-items:center;min-height:42px}.patients-list-section{background-color:#fff;border-radius:20px;padding:16px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #00000014;flex:1;display:flex;flex-direction:column}.section-header{display:none}.patients-search{display:flex;align-items:center;gap:12px;background-color:#f9fafb;padding:12px 16px;border-radius:12px;margin-bottom:12px;border:1px solid #E5E7EB}.patients-search svg{color:#9ca3af}.patients-search input{border:none;outline:none;font-size:14px;color:#1f2937;background:transparent;width:100%}.patients-search input::placeholder{color:#9ca3af}.appointments-list{display:flex;flex-direction:column}.appointment-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:24px 16px;background-color:#fff;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #E5E7EB}.appointment-card:first-child{background-color:#e0f7fa}.appointment-card:last-child{border-bottom:none}.appointment-card:hover{background-color:#f9fafb}.appointment-card.processing{background-color:#fff}.patient-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.appointment-info{display:flex;flex-direction:column;gap:6px;justify-content:center}.appointment-info h3{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:2px}.patient-id{font-size:14px;color:#6b7280;margin-bottom:4px}.next-appt{font-size:14px;color:#6b7280;margin-bottom:2px}.appt-date{font-size:15px;font-weight:600;color:#1f2937}.appointment-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;justify-content:center;align-self:center}.status-label{font-size:14px;color:#6b7280;margin-bottom:0}.status-text-complete{font-size:16px;font-weight:700;color:#10b981}.status-text-processing{font-size:16px;font-weight:700;color:#f59e0b}.patient-details-wrapper{display:flex;flex-direction:column}.patient-details-topbar{display:flex;justify-content:flex-end;margin-bottom:14px;min-height:42px;align-items:center}.schedule-appointment-btn{background:#0ea5e9;color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.schedule-appointment-btn:hover{background:#0284c7;transform:translateY(-1px)}.patient-details-section{background-color:#fff;border-radius:16px;padding:20px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;flex:1}.patient-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}.patient-avatar-large{width:64px;height:64px;border-radius:50%;object-fit:cover}.patient-header-info{flex:1}.patient-header-info h2{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:6px}.patient-meta{font-size:13px;color:#6b7280;margin-bottom:10px}.patient-tags{display:flex;gap:8px}.tag{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600}.tag-purple{background-color:#c4b5fd;color:#5b21b6}.tag-green{background-color:#86efac;color:#065f46}.patient-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:8px;border:none;background-color:#f3f4f6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background-color:#e5e7eb}.action-icon{width:20px;height:20px;object-fit:contain}.patient-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-card{background-color:#f9fafb;border-radius:12px;padding:14px}.vitals-card{background-color:#fff;border:1px solid #E5E7EB}.prescriptions-card,.lab-requests-card{background-color:#fff;border:1px solid #E5E7EB;padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.vitals-card .card-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1f2937}.card-title-text{font-size:16px;font-weight:600;color:#0ea5e9}.prescriptions-card .card-title-text{font-size:18px;color:#1f2937}.card-title-cyan{font-size:18px;font-weight:600;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:16px;display:inline-block}.history-link,.add-new-link,.view-all-link{background:none;border:none;color:#0ea5e9;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.history-link:hover,.add-new-link:hover,.view-all-link:hover{color:#0284c7}.appointment-detail-card{background-color:#fff;padding:16px;border-radius:10px}.appointment-detail-card h4{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:10px}.appointment-datetime{display:flex;align-items:center;gap:10px;margin-bottom:12px}.date-badge{background-color:#ef4444;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.time-text{font-size:13px;color:#6b7280}.appointment-actions{display:flex;gap:10px}.btn-primary{flex:1;background:#0ea5e9;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#0284c7;transform:translateY(-1px)}.btn-secondary{flex:1;background-color:#fff;color:#6b7280;border:1px solid #E5E7EB;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#0ea5e9;color:#0ea5e9}.recorded-text{font-size:12px;color:#ef4444}.vitals-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vital-item{background-color:#f3f4f6;padding:16px 12px;border-radius:10px;text-align:center}.vital-label{font-size:12px;color:#6b7280;margin-bottom:8px;font-weight:500}.vital-value{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.vital-unit{font-size:12px;color:#6b7280}.prescriptions-table{width:100%;border-collapse:collapse;margin-bottom:12px;margin-top:16px}.prescriptions-table th{text-align:left;font-size:12px;color:#6b7280;font-weight:600;padding-bottom:12px;border-bottom:1px solid #E5E7EB}.prescriptions-table td{padding:16px 0;font-size:14px;color:#1f2937;border-bottom:1px solid #F3F4F6}.status-badge-small{padding:5px 14px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.status-badge-small.active,.status-badge-small.complete{background-color:#86efac;color:#065f46}.prescriptions-card,.lab-requests-card{grid-column:1 / -1}.lab-request-item{background-color:#f9fafb;padding:16px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-top:12px}.lab-request-info h4{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px}.lab-request-date{font-size:12px;color:#6b7280}@media (max-width: 1400px){.patients-wrapper{grid-template-columns:1fr}}@media (max-width: 768px){.patient-info-grid{grid-template-columns:1fr}.vitals-grid{grid-template-columns:1fr 1fr}}.patients-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.patients-modal{background:#fff;border-radius:12px;width:100%;max-width:450px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.patients-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.patients-modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.patients-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;display:flex;align-items:center;justify-content:center}.patients-modal-close:hover{color:#111827}.patients-modal-body{padding:24px}.patients-form-group{margin-bottom:16px}.patients-form-group:last-child{margin-bottom:0}.patients-form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.patients-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;transition:border-color .2s;box-sizing:border-box}.patients-input:focus{outline:none;border-color:#03a5ff;box-shadow:0 0 0 3px #03a5ff1a}.patients-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.patients-btn-outline{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;background:transparent;border:1px solid #d1d5db;color:#374151;cursor:pointer;transition:all .2s}.patients-btn-outline:hover{background:#f3f4f6}.patients-btn-primary{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;background:linear-gradient(135deg,#03a5ff,#1fc16b);border:none;color:#fff;cursor:pointer;transition:all .2s}.patients-btn-primary:hover{opacity:.9}.more-options-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;min-width:180px;z-index:100;overflow:hidden}.more-options-dropdown button{display:block;width:100%;padding:12px 16px;text-align:left;background:none;border:none;font-size:14px;color:#374151;cursor:pointer;transition:background .15s}.more-options-dropdown button:hover{background:#f3f4f6}.more-options-dropdown button:not(:last-child){border-bottom:1px solid #f3f4f6}.appt-page{min-height:100vh;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.appt-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #e5e7eb}.appt-brand{display:flex;align-items:center;gap:10px}.appt-brandName{font-weight:700;font-size:20px;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;background-clip:text;color:transparent}.appt-search{width:400px;position:relative}.appt-searchIcon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.appt-searchInput{width:100%;height:40px;border:1px solid #e5e7eb;border-radius:8px;padding:0 14px 0 42px;outline:none;font-size:14px;background:#fff}.appt-topRight{display:flex;align-items:center;gap:16px}.appt-iconBtn{width:40px;height:40px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.appt-user{display:flex;align-items:center;gap:10px}.appt-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e5e7eb}.appt-avatarImg{width:100%;height:100%;object-fit:cover}.appt-userMeta{display:flex;flex-direction:column}.appt-userName{font-weight:600;font-size:14px;color:#111827}.appt-userRole{font-size:12px;color:#03a5ff}.appt-body{display:flex;min-height:calc(100vh - 78px)}.appt-sidebar{width:320px;padding:16px;background:#f3f4f6;display:flex;justify-content:center}.appt-sidebarBox{width:292px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 18px;min-height:calc(100vh - 110px);display:flex;flex-direction:column;box-shadow:0 6px 18px #1118270f,0 2px 6px #1118270a}.appt-navHeader{margin-bottom:16px}.appt-navHeaderPanel{display:flex;align-items:center;gap:10px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.appt-navHeaderTitle{font-weight:600;font-size:15px;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;background-clip:text;color:transparent}.appt-sectionTitle{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px 8px}.appt-mt24{margin-top:20px}.appt-nav{display:flex;flex-direction:column;gap:4px}.appt-navItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;text-align:left;width:100%;transition:all .15s ease}.appt-navItem:hover{background:#f3f4f6}.appt-navItem--active{background:#03a5ff;color:#fff}.appt-navItem--active:hover{background:#0284c7}.appt-navItem--active .appt-navItemIcon svg{stroke:#fff}.appt-navItemIcon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.appt-logout{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#ef4444;width:100%}.appt-logout:hover{background:#fef2f2}.appt-logoutIcon{display:flex;align-items:center;justify-content:center}.appt-navImg{width:16px;height:16px;display:block;object-fit:contain}.appt-logoutImg{width:16px;height:16px;object-fit:contain}.appt-navHeaderCollapse{width:18px;height:18px;object-fit:contain}.appt-content{flex:1;padding:26px 28px;background:#f3f4f6;overflow-y:auto}.appt-pageTitle{font-size:28px;font-weight:700;color:#111827;margin:0 0 24px}.appt-loading{text-align:center;padding:40px;color:#6b7280}.appt-section{margin-bottom:32px}.appt-sectionHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.appt-sectionTitleGradient{font-size:18px;font-weight:600;background:linear-gradient(90deg,#03a5ff,#1fc16b);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.appt-bookBtn{padding:10px 24px;background:#03a5ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.appt-bookBtn:hover{background:#0284c7}.appt-viewMoreBtn{padding:8px 16px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.appt-viewMoreBtn:hover{background:#f9fafb;border-color:#d1d5db}.appt-upcomingCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.appt-upcomingHeader{display:flex;align-items:center;gap:12px;margin-bottom:16px}.appt-upcomingDateTime{font-size:15px;font-weight:700;color:#111827}.appt-upcomingDetails{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:16px}.appt-upcomingAvatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.appt-upcomingInfo{flex:1}.appt-upcomingName{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.appt-upcomingType{font-size:13px;color:#6b7280;margin:0}.appt-statusBadge{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600}.appt-statusCompleted{background:#d1fae5;color:#065f46}.appt-upcomingActions{display:flex;gap:12px}.appt-btnPrimary{padding:10px 20px;background:#03a5ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.appt-btnPrimary:hover{background:#0284c7}.appt-btnOutline{padding:10px 20px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.appt-btnOutline:hover{background:#f9fafb;border-color:#d1d5db}.appt-btnCancel{padding:10px 20px;background:transparent;color:#ef4444;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.appt-btnCancel:hover{background:#fef2f2}.appt-pastGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.appt-pastCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.appt-pastHeader{display:flex;gap:12px}.appt-pastAvatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.appt-pastInfo{flex:1;min-width:0}.appt-pastTopRow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.appt-pastDate{font-size:14px;font-weight:700;color:#111827}.appt-statusBadgeSmall{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;flex-shrink:0}.appt-pastTime{font-size:13px;color:#6b7280;margin-bottom:4px}.appt-pastName{font-size:14px;font-weight:600;color:#111827;margin-bottom:8px}.appt-pastBottomRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.appt-pastType{font-size:13px;color:#6b7280}.appt-btnSummary{padding:6px 14px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0}.appt-btnSummary:hover{background:#f9fafb;border-color:#d1d5db}.appt-pendingBanner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(90deg,#03a5ff14,#1fc16b14);border:1px solid rgba(3,165,255,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.appt-pendingBanner:hover{background:linear-gradient(90deg,#03a5ff1f,#1fc16b1f);border-color:#03a5ff4d}.appt-pendingBannerLeft{display:flex;align-items:center;gap:12px}.appt-pendingBannerIcon{display:flex;align-items:center;justify-content:center;color:#03a5ff}.appt-pendingBannerText{font-size:14px;color:#374151}.appt-pendingBannerText strong{color:#03a5ff;font-weight:600}.appt-pendingBannerBtn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#03a5ff;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease}.appt-pendingBannerBtn:hover{background:#0284c7}.appt-modal-lg{max-width:540px}.appt-modal-scroll{max-height:400px;overflow-y:auto}.appt-pendingList{display:flex;flex-direction:column;gap:12px}.appt-pendingItem{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;gap:16px}.appt-pendingItemLeft{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.appt-pendingItemAvatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.appt-pendingItemInfo{flex:1;min-width:0}.appt-pendingItemName{font-size:14px;font-weight:600;color:#111827;margin:0 0 2px}.appt-pendingItemDate{font-size:13px;color:#03a5ff;margin:0 0 2px;font-weight:500}.appt-pendingItemReason{font-size:12px;color:#6b7280;margin:0}.appt-pendingItemActions{display:flex;gap:8px;flex-shrink:0}.appt-btnSm{padding:8px 14px;font-size:13px}.appt-emptyText{text-align:center;color:#6b7280;padding:24px;margin:0}.appt-statusPending{background:#fef3c7;color:#92400e}.appt-emptyCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px;text-align:center;color:#6b7280;font-size:14px}@media (max-width: 1200px){.appt-pastGrid{grid-template-columns:1fr}}@media (max-width: 768px){.appt-sidebar{display:none}.appt-search{width:200px}.appt-content{padding:16px}.appt-upcomingActions{flex-wrap:wrap}}.appt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.appt-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.appt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.appt-modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.appt-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;display:flex;align-items:center;justify-content:center}.appt-modal-close:hover{color:#111827}.appt-modal-body{padding:24px}.appt-form-group{margin-bottom:20px}.appt-form-group:last-child{margin-bottom:0}.appt-form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.appt-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;transition:border-color .2s}.appt-input:focus{outline:none;border-color:#03a5ff;box-shadow:0 0 0 3px #03a5ff1a}.appt-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.appt-modal-footer button{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.appt-modal-footer .appt-btnPrimary:disabled{opacity:.6;cursor:not-allowed}.labs-page{min-height:100vh;background:#f3f4f6;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}.labs-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e5e7eb;background:#fff}.labs-brand{display:flex;align-items:center;gap:12px;min-width:220px}.labs-brandName{font-weight:700;color:#0ea5e9;letter-spacing:.2px;font-size:20px}.labs-search{width:min(520px,50vw);position:relative}.labs-searchIcon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.labs-searchInput{width:100%;height:42px;border:1px solid #e5e7eb;border-radius:12px;padding:0 14px 0 42px;outline:none;background:#fff;color:#111827}.labs-searchInput::placeholder{color:#9ca3af}.labs-topRight{display:flex;align-items:center;gap:16px;min-width:260px;justify-content:flex-end}.labs-iconBtn{width:40px;height:40px;border-radius:12px;border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer;position:relative;color:#111827}.labs-bellImg{width:18px;height:18px;display:block;object-fit:contain}.labs-dot{position:absolute;right:9px;top:9px;width:8px;height:8px;background:#ef4444;border-radius:999px;border:2px solid #fff}.labs-user{display:flex;align-items:center;gap:12px}.labs-avatar{width:40px;height:40px;border-radius:999px;overflow:hidden;background:#e5e7eb;display:grid;place-items:center;font-weight:700;color:#374151}.labs-avatarImg{width:100%;height:100%;display:block;object-fit:cover}.labs-userMeta{display:flex;flex-direction:column;line-height:1.1}.labs-userName{font-weight:700;font-size:14px}.labs-userRole{font-size:12px;color:#0ea5e9;margin-top:3px}.labs-body{display:flex;min-height:calc(100vh - 78px);background:#f3f4f6}.labs-sidebar{width:320px;padding:16px;background:#f3f4f6;display:flex;justify-content:center}.labs-sidebarBox{width:292px;min-height:calc(100vh - 32px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;box-shadow:0 6px 18px #1118270f,0 2px 6px #1118270a}.labs-navHeader{padding:12px 0}.labs-navHeaderPanel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.labs-navHeaderCollapse{width:18px;height:18px;cursor:pointer}.labs-navHeaderTitle{font-weight:600;font-size:18px;line-height:1.2;background:linear-gradient(90deg,#22c55e,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.3px}.labs-sectionTitle{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:20px 0 12px 12px}.labs-mt24{margin-top:24px}.labs-nav{display:flex;flex-direction:column}.labs-navItem{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:background .2s ease,color .2s ease;text-align:left}.labs-navItemIcon{width:22px;display:grid;place-items:center;opacity:.9}.labs-navImg{width:16px;height:16px;display:block;object-fit:contain}.labs-navItem--active{background-color:#00bfff;color:#f1f5ff}.labs-navItem:active{transform:scale(.98)}.labs-navItem--active .labs-navItemIcon{opacity:1}.labs-logout{margin-top:auto;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#ef4444;font-weight:600;cursor:pointer;padding:12px 8px;border-radius:10px}.labs-logout:hover{background:#fee2e2}.labs-logoutIcon{width:24px;display:grid;place-items:center}.labs-logoImage{width:36px;height:36px;object-fit:contain}.labs-content{flex:1;padding:26px 28px;background:#f3f4f6}.profile-top-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;background:transparent;border:none;box-shadow:none;padding:0}.profile-subtitle{font-size:14px;color:#6b7280;margin:0 0 40px}.profile-breadcrumb{font-size:14px;color:#6b7280;white-space:nowrap;margin-top:-27px}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start;margin-top:20px}.profile-left{display:flex;flex-direction:column;gap:8px}.profile-header-section{background-color:transparent;border-radius:0;padding:0 0 14px;border:none;box-shadow:none;background:none}.profile-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.profile-pageTitle{font-size:28px;font-weight:700;color:#1f2937;margin:0}.profile-subtitle{font-size:14px;color:#6b7280;margin:0}.profile-card{background-color:#fff;border-radius:8px;padding:12px 20px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB}.profile-avatar-wrapper{position:relative;margin-bottom:6px}.profile-avatar-edit{position:absolute;bottom:0;right:0;width:20px;height:20px;background-color:#0ea5e9;border-radius:50%;border:2px solid #FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile-avatar-edit:hover{background-color:#0284c7}.profile-avatar-edit svg{width:10px;height:10px;color:#fff}.profile-name{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 2px;line-height:1.1}.profile-email{font-size:11px;color:#6b7280;margin:0 0 6px;line-height:1.1}.profile-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background-color:#6ee7b7;color:#047857;border-radius:999px;border:none;font-size:12px;font-weight:600;line-height:1}.profile-right{display:flex;flex-direction:column;gap:20px;margin-top:0}.profile-form-header{display:flex;justify-content:flex-end;align-items:center;gap:16px}.profile-message{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500}.profile-message--success{background-color:#d1fae5;color:#065f46;border:1px solid #10B981}.profile-message--error{background-color:#fee2e2;color:#991b1b;border:1px solid #EF4444}.profile-tabs{display:flex;gap:0;background-color:#f3f4f6;border-radius:10px;padding:4px;border:1px solid #E5E7EB;box-shadow:none;flex:0 0 auto}.profile-tab{padding:10px 24px;background:none;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;color:#6b7280;transition:all .2s ease;white-space:nowrap}.profile-tab:hover{background-color:#e5e7eb}.profile-tab.active{background-color:#0ea5e9;color:#fff;box-shadow:0 2px 4px #0ea5e94d}.profile-form-content{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;margin-top:0}.profile-saveBtn{padding:10px 20px;background-color:#0ea5e9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-saveBtn:hover{background-color:#0284c7;transform:translateY(-1px)}.profile-form-section{margin-bottom:32px}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.profile-editBtn{padding:8px 16px;background:none;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-editBtn:hover{background-color:#f9fafb;border-color:#d1d5db}.profile-form-group{display:flex;flex-direction:column}.profile-form-group.full-width{grid-column:1 / -1}.profile-form-group.one-third{grid-column:span 1}.profile-form-row-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;grid-column:1 / -1}.profile-form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.profile-form-group input,.profile-form-group select{padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#1f2937;background-color:#fff;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.profile-form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.profile-form-group input:focus,.profile-form-group select:focus{outline:none;border-color:#0ea5e9}.profile-form-group input:disabled,.profile-form-group select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:default}.profile-form-group input::placeholder{color:#9ca3af}.disabled-input{background-color:#f9fafb!important;color:#9ca3af!important}.profile-input-with-icon input{padding-right:40px}.profile-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.profile-phone-group{display:flex;gap:8px}.profile-phone-code{width:100px}.profile-phone-input{flex:1}@media (max-width: 1200px){.profile-layout{grid-template-columns:1fr}}@media (max-width: 1100px){.labs-sidebar{display:none}}@media (max-width: 768px){.profile-form-grid,.profile-form-row-three{grid-template-columns:1fr}.profile-form-header{flex-direction:column;align-items:flex-start;gap:12px}.profile-saveBtn{width:100%}}.profile-card .profile-badge{background-color:#6ee7b7;color:#047857;border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;line-height:1}.profile-card{padding:px 20px}.profile-avatar{width:44px;height:44px}.profile-avatar-wrapper{margin-bottom:6px}.profile-name{font-size:15px;margin-bottom:2px;line-height:1.1}.profile-email{font-size:11px;margin-bottom:6px;line-height:1.1}.profile-badge{padding:4px 12px;font-size:12px}.profile-left .profile-tabs{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:6px;box-shadow:0 1px 2px #1118270d;align-self:flex-start}.profile-left .profile-tab{border:0;background:transparent;cursor:pointer;padding:10px 22px;border-radius:12px;font-size:14px;font-weight:600;color:#6b7280;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.profile-left .profile-tab:hover{background:#f3f4f6;color:#374151}.profile-left .profile-tab.active{background:#0ea5e9;color:#fff;box-shadow:0 2px 6px #0ea5e940}.profile-left .profile-tab:focus-visible{outline:2px solid rgba(14,165,233,.45);outline-offset:2px}.profile-left{position:relative}.profile-left .profile-card{margin-top:-1px}@media (max-width: 1200px){.profile-left .profile-card{margin-top:0}}.profile-input-with-icon{position:relative;display:block}.profile-input-with-icon input{padding-right:45px!important;width:100%}.profile-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:2;width:18px;height:18px}.profile-left .profile-card{padding:20px}.profile-avatar{width:80px!important;height:80px!important}.profile-avatar-wrapper{margin-bottom:12px}.profile-avatar-edit{width:28px;height:28px}.profile-avatar-edit svg{width:14px;height:14px}.profile-name{font-size:20px;margin-bottom:6px}.profile-email{font-size:13px;margin-bottom:12px}.profile-badge{padding:6px 16px;font-size:13px}.quick-actions{display:block!important;padding:19px 20px;background-color:#fff;border:1px solid #E8E8E8;border-radius:10px;width:100%;box-sizing:border-box}.quick-actions-title{display:block!important;font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.5;color:#4a4a4a;margin:0 0 10px;text-align:left}.quick-actions-buttons{display:block!important;width:100%}.quick-action-btn{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:9px 12px;min-height:47px;width:100%;background-color:#def3ff80;border:none;border-radius:5px;cursor:pointer;box-sizing:border-box;margin-bottom:10px}.quick-action-btn:last-child{margin-bottom:0}.quick-action-btn:hover{background-color:#def3ffb3}.action-content{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px}.action-icon-circle{width:28px;height:28px;min-width:28px;padding:6px;border-radius:5px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.action-icon-circle.records{background-color:#abe0ff87}.action-icon-circle.share{background-color:#c4aaff94}.action-icon-img{width:16px;height:16px}.action-text{font-family:Instrument Sans,sans-serif;font-size:12px;font-weight:500;line-height:1.5;color:#4a4a4a}.action-arrow{font-size:18px;font-weight:400;color:#4a4a4a;line-height:1}.profile-form-section:last-child{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;margin-top:20px}.profile-form-section:last-child .profile-section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.profile-form-content{background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.profile-form-section{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.profile-form-section:last-child{margin-bottom:0}.security-password-form{display:flex;flex-direction:column;gap:20px}.security-password-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #E5E7EB;border-radius:8px;padding:10px 14px;background-color:#fff;transition:border-color .3s}.security-password-input-wrapper:focus-within{border-color:#0ea5e9}.security-password-input-wrapper input{flex:1;border:none;outline:none;font-size:14px;color:#1f2937;background:transparent}.security-password-input-wrapper input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.security-password-input-wrapper input::placeholder{color:#9ca3af}.security-toggle-password{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .3s}.security-toggle-password:hover:not(:disabled){color:#6b7280}.security-toggle-password:disabled{cursor:not-allowed;opacity:.3}.security-password-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.security-error-message{display:block;color:#ef4444;font-size:12px;margin-top:6px;font-weight:500}.security-password-requirements{background-color:#f9fafb;border-radius:8px;padding:16px 20px;margin-top:8px}.security-requirements-title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 12px}.security-requirements-list{list-style:none;padding:0;margin:0}.security-requirements-list li{font-size:13px;color:#6b7280;margin-bottom:8px;padding-left:24px;position:relative;line-height:1.5}.security-requirements-list li:before{content:"•";position:absolute;left:8px;color:#9ca3af;font-weight:700}.security-requirements-list li.met{color:#10b981}.security-requirements-list li.met:before{content:"✓";color:#10b981;font-weight:700;font-size:14px}.security-btn-update-password{width:100%;padding:12px 20px;background-color:#0ea5e9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.security-btn-update-password:hover:not(:disabled){background-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 6px #0ea5e94d}.security-btn-update-password:disabled{background-color:#d1d5db;cursor:not-allowed;transform:none}.profile-right .profile-form-content{background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.profile-right .profile-form-section{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.security-password-grid{grid-template-columns:1fr}}.profile-right .profile-form-section{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;margin-top:-1px}.profile-right .profile-form-section{background-color:#fff;border-radius:12px;padding:24px 24px 20px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000001a;margin-top:-1px;max-width:100%}.security-password-form{display:flex;flex-direction:column;gap:14px}.security-password-requirements{background-color:#eff6ff;border-radius:8px;padding:14px 18px;margin-top:0}.security-requirements-title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 8px}.security-requirements-list li{font-size:13px;color:#6b7280;margin-bottom:4px;padding-left:24px;line-height:1.4}.security-requirements-list li:last-child{margin-bottom:0}.security-btn-update-password{width:auto;padding:10px 24px;background-color:#0ea5e9;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:6px;align-self:flex-end}.security-password-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.security-password-input-wrapper{padding:10px 12px}.signin-container{min-height:100vh;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:20px}.signin-content{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.form-section{padding:50px 60px;display:flex;flex-direction:column;justify-content:center}.title{font-size:32px;font-weight:700;color:#00a8e8;margin:0 0 8px}.subtitle{font-size:15px;color:#666;margin:0 0 32px}.form-group label{display:block;font-size:13px;font-weight:500;color:#333;margin-bottom:6px}.form-group input[type=text]{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .3s;box-sizing:border-box;background-color:#fff!important;color:#333!important}.form-group input[type=text]:focus{outline:none;border-color:#00a8e8}.form-group input.error{border-color:red}.password-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;transition:border-color .3s;background-color:#fff}.password-input-wrapper:focus-within{border-color:#00a8e8}.password-input-wrapper.error{border-color:red}.password-input-wrapper input{flex:1;border:none;outline:none;font-size:14px;background:transparent;padding:0}.toggle-password{background:none;border:none;cursor:pointer;font-size:18px;padding:0;margin-left:8px;opacity:.6;transition:opacity .3s}.error-message{display:block;color:red;font-size:12px;margin-top:6px}.forgot-password-link{display:block;color:#00a8e8;text-decoration:none;font-size:13px;font-weight:500;margin-bottom:20px;transition:color .3s}.submit-button{width:100%;padding:12px;background-color:#00a8e8;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-bottom:16px}.submit-button:hover{background-color:#0090c7}.submit-button:active{background-color:#007aa6}.signup-link{text-align:center;font-size:13px;color:#666;margin:0 0 24px}.link{color:#00a8e8;text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.image-section{position:relative;overflow:hidden;background-color:#f9fafb}.logo-overlay{position:absolute;bottom:40px;right:40px;z-index:10}.logo{display:flex;align-items:center;gap:12px;background-color:#fffffff2;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.logo-icon{font-size:40px;font-weight:700;color:#00a8e8}.logo-text{font-size:32px;font-weight:700;color:#333}@media (max-width: 1024px){.form-section{padding:40px 50px}}@media (max-width: 768px){.signin-content{grid-template-columns:1fr}.form-section{padding:40px 30px}.image-section{display:none}}@media (max-width: 480px){.form-section{padding:30px 20px}.title{font-size:28px}.subtitle{font-size:14px}}.notification-dropdown-wrapper{position:relative;display:inline-flex}.notification-dropdown-wrapper .notification-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.notification-dropdown-wrapper .notification-btn:hover{background-color:#f3f4f6}.notification-dropdown-wrapper .notification-icon{width:24px;height:24px}.notification-dropdown-wrapper .notification-dot{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background-color:#dc2626;color:#fff;font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #E5E7EB;z-index:1000;overflow:hidden}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E7EB}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.mark-all-btn{background:none;border:none;color:#00a8e8;font-size:13px;font-weight:500;cursor:pointer;padding:0}.mark-all-btn:hover{text-decoration:underline}.notification-dropdown-body{max-height:400px;overflow-y:auto}.notification-loading,.notification-empty{padding:40px 20px;text-align:center;color:#6b7280;font-size:14px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #F3F4F6}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff}.notification-item.unread:hover{background-color:#dbeafe}.notification-icon-wrapper{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.notification-icon-wrapper.info{background-color:#dbeafe;color:#2563eb}.notification-icon-wrapper.success{background-color:#d1fae5;color:#059669}.notification-icon-wrapper.warning{background-color:#fef3c7;color:#d97706}.notification-icon-wrapper.error{background-color:#fee2e2;color:#dc2626}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.notification-message{font-size:13px;color:#6b7280;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:12px;color:#9ca3af}.notification-unread-indicator{flex-shrink:0;width:8px;height:8px;background-color:#00a8e8;border-radius:50%;margin-top:4px}.notification-dropdown-footer{padding:12px 20px;border-top:1px solid #E5E7EB}.view-all-btn{width:100%;padding:10px 16px;background-color:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.view-all-btn:hover{background-color:#e5e7eb}@media (max-width: 576px){.notification-dropdown{position:fixed;top:60px;right:10px;left:10px;width:auto}.notification-dropdown-header{padding:14px 16px}.notification-dropdown-header h3{font-size:15px}.notification-item{padding:12px 16px;gap:10px}.notification-icon-wrapper{width:28px;height:28px;font-size:12px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-dropdown-footer{padding:10px 16px}}.global-search{position:relative;width:100%;max-width:400px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;pointer-events:none}.search-input{width:100%;padding:12px 80px 12px 48px;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;background-color:#f9fafb;transition:all .2s}.search-input:focus{outline:none;border-color:#00a8e8;background-color:#fff;box-shadow:0 0 0 3px #00a8e81a}.search-input::placeholder{color:#9ca3af}.search-shortcut{position:absolute;right:12px;padding:4px 8px;background-color:#e5e7eb;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #E5E7EB;z-index:1000;overflow:hidden}.search-loading,.search-no-results{padding:20px;text-align:center;color:#6b7280;font-size:14px}.search-results-section{padding:8px 0}.search-results-header{padding:8px 16px;font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background-color .15s}.search-result-item:hover{background-color:#f3f4f6}.result-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:8px;font-size:16px}.result-content{flex:1;min-width:0}.result-title{font-size:14px;font-weight:500;color:#111827}.result-subtitle{font-size:12px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.global-search{max-width:100%}.search-input{padding:10px 60px 10px 40px;font-size:13px}.search-icon{left:12px;width:18px;height:18px}.search-shortcut{display:none}.search-dropdown{position:fixed;top:70px;left:10px;right:10px}}@media (max-width: 576px){.search-input{padding:8px 12px 8px 36px;font-size:12px;border-radius:8px}.search-icon{left:10px;width:16px;height:16px}.search-result-item{padding:8px 12px;gap:10px}.result-icon{width:28px;height:28px;font-size:14px}.result-title{font-size:13px}.result-subtitle{font-size:11px}}.dashboard-layout{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:360px;flex:0 0 360px;padding:32px 20px;background:#f8f9fb;border-right:none}.sidebar-box{background:#fff;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:8px;min-height:calc(100vh - 160px);border:1px solid #e5e7eb;box-shadow:0 10px 25px #11182714}.sidebar-header img{width:20px;height:20px}.main-content{flex:1;padding:24px;background:#fff}.dashboard-inner{max-width:1200px}.page-header{margin-bottom:20px}.page-header h1{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px;letter-spacing:-.02em}.page-header p{font-size:15px;color:#6b7280;line-height:1.5}.highlight{color:#0ea5e9;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;border:1px solid #e5e7eb}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:6px;flex:1}.stat-content small{font-size:13px;color:#6b7280;font-weight:500}.stat-content h2{font-size:26px;font-weight:700;color:#1f2937;line-height:1.1}.stat-change{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#f0fdf4}.content-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:20px}.activity-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;height:440px}.activity-section h2{font-size:20px;font-weight:700;color:#111827;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #e5e7eb}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;background:#fff;border-bottom:1px solid #e5e7eb}.activity-item:last-child{border-bottom:none}.activity-content strong{font-size:17px;font-weight:600;color:#111827;display:block;margin-bottom:8px}.activity-content p{font-size:15px;color:#6b7280;line-height:1.5;margin:0}.activity-time{font-size:13px;font-weight:600;color:#b3b3b3;white-space:nowrap}.activity-spacer{height:64px;border-top:1px solid #e5e7eb;background:#fff}.verification-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.verify-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;background:transparent;border-radius:0}.verify-row:not(:last-child){border-bottom:1px solid #e5e7eb}.verify-info{display:flex;align-items:center;gap:12px;flex:1}.avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.verify-info strong{display:block;font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px}.verify-info small{display:block;font-size:12px;color:#6b7280}.verify-btn{padding:8px 16px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.verify-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.primary-btn{width:100%;padding:12px;background:#0ea5e9;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%}.stats-grid{grid-template-columns:1fr}.search-bar{min-width:200px}}.sidebar{border-right:none!important}.main-content{padding-left:24px}.view-all-link{font-size:16px;font-weight:600;color:#0ea5e9;text-decoration:none}.view-all-link:hover{color:#0284c7;text-decoration:underline}.activity-list .activity-spacer{display:block!important;height:72px!important;background:#fff!important;border-top:1px solid #e5e7eb!important;flex-shrink:0!important}.sidebar{padding-bottom:28px}.sidebar-box{min-height:calc(100vh - 130px);max-height:calc(100vh - 140px);overflow-y:auto}.verification-section{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:14px!important;padding:16px 18px!important;box-shadow:0 6px 16px #1118270d!important;height:270px;display:flex;flex-direction:column}.verify-row{background:transparent!important;border-radius:0!important;padding:14px 0!important}.verify-row:not(:last-child){border-bottom:1px solid #e5e7eb!important}.dashboard-inner{max-width:100%!important}.stats-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}.stat-card{height:92px!important;padding:18px 20px!important;display:flex!important;align-items:center!important}.stat-content{min-width:0!important}.stat-header small{white-space:nowrap!important}@media (max-width: 1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr!important}}.activity-section{border-radius:16px}.section-header,.activity-item{padding:18px 22px}.activity-spacer{height:40px}.stats-grid .stat-card:nth-child(1){border:1.5px solid #93c5fd}.stats-grid .stat-card:nth-child(2){border:1.5px solid #fdba74}.stats-grid .stat-card:nth-child(3){border:1.5px solid #c4b5fd}.stats-grid .stat-card:nth-child(4){border:1.5px solid #86efac}.stat-card{box-shadow:0 2px 10px #0000000a}.stat-card{height:104px!important;padding:18px 20px!important}.stat-card{display:flex;flex-direction:column;justify-content:space-between}.stat-header{display:flex;align-items:center;justify-content:space-between}.stat-body{display:flex;align-items:center;gap:14px}.stat-card{padding-top:12px!important}.stat-header{margin-bottom:4px!important}.stat-card{overflow:hidden}.stat-icon{width:44px;height:44px;border-radius:12px}.stat-body{align-items:center;margin-top:-4px}.stat-card{align-items:flex-start!important;text-align:left}.stat-header{justify-content:flex-start!important;gap:10px}.stat-body{justify-content:flex-start!important;align-items:center}.stat-card small,.stat-card h2{text-align:left}.stat-icon{margin-left:0!important}.activity-section h2{font-size:18px!important;font-weight:600!important}.activity-content strong{font-size:15px!important;font-weight:600;margin-bottom:6px}.activity-content p{font-size:14px!important;line-height:1.45}.activity-time{font-size:12px!important;font-weight:600}.verification-section h2{font-size:18px!important;font-weight:600}.verify-info strong{font-size:14px!important}.verify-info small{font-size:12px!important}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr}.verification-section{height:auto!important;min-height:200px}.activity-section{height:auto;min-height:300px}}@media (max-width: 1024px){.dashboard-header{padding:0 20px}.sidebar{width:280px;flex:0 0 280px}.sidebar-box{min-height:calc(100vh - 140px);padding:20px 18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.main-content{padding:20px}.page-header h1{font-size:26px}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;padding:16px;order:-1}.sidebar-box{min-height:auto;max-height:none;padding:16px}.nav-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:12px}.nav-item{padding:10px 14px;flex:0 0 auto}.section-label{width:100%;margin:8px 0}.logout{margin-top:16px}.main-content{padding:16px}.stats-grid{grid-template-columns:1fr!important;gap:12px!important}.stat-card{height:auto!important;padding:16px!important}.search-bar{min-width:180px;flex:1;max-width:300px}.header-profile .profile-info{display:none}.page-header h1{font-size:24px}.page-header p{font-size:14px}.activity-section{height:auto}.section-header{padding:16px 18px;flex-direction:column;align-items:flex-start;gap:12px}.activity-item{padding:14px 18px;flex-direction:column;align-items:flex-start;gap:8px}.activity-time{align-self:flex-end}.verification-section{padding:14px!important;height:auto!important}.verify-row{padding:10px 0!important}.primary-btn{padding:10px;font-size:13px}}@media (max-width: 576px){.dashboard-header{padding:0 12px;height:60px}.logo-text{display:none}.logo-image{width:32px;height:32px}.search-bar{min-width:120px;padding:8px 12px}.search-bar input{font-size:13px}.header-right{gap:8px}.notification-btn{padding:6px}.header-profile img{width:32px;height:32px}.sidebar,.sidebar-box{padding:12px}.sidebar-header-panel{padding:10px 14px}.nav-item{padding:8px 12px;font-size:13px}.nav-item span{display:none}.nav-item .nav-icon{margin:0}.logout span{display:none}.main-content{padding:12px}.page-header{margin-bottom:16px}.page-header h1{font-size:20px}.page-header p{font-size:13px}.stat-card{padding:12px!important}.stat-icon{width:40px;height:40px}.stat-body h2{font-size:22px}.activity-content strong{font-size:14px!important}.activity-content p,.verify-info strong{font-size:13px!important}.verify-info small{font-size:11px!important}.avatar{width:36px;height:36px;font-size:14px}.verify-btn{padding:6px 12px;font-size:12px}}.stat-change{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:90px!important;font-size:10px!important;padding:3px 8px!important}.stat-header{width:100%!important;overflow:hidden!important}.stat-card{min-width:0!important;overflow:hidden!important}.stats-grid .stat-card:nth-child(4) .stat-header{flex-wrap:nowrap!important;gap:6px!important}.stats-grid .stat-card:nth-child(4) .stat-change{flex-shrink:0!important}.verification-section{height:auto!important;max-height:380px!important;min-height:280px!important;overflow:hidden!important}.verification-list{flex:1!important;overflow-y:auto!important;max-height:220px!important;margin-bottom:12px!important;padding-right:4px!important}.verification-list::-webkit-scrollbar{width:6px}.verification-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.verification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.verification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.verification-section .primary-btn{flex-shrink:0!important;margin-top:auto!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-close-btn{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close-btn:hover{color:#111827}.modal-form{padding:24px}.modal-error{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.modal-success{background-color:#d1fae5;color:#059669;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row .form-group{flex:1;margin-bottom:0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#00a8e8;box-shadow:0 0 0 3px #00a8e81a}.form-group select{cursor:pointer}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #E5E7EB}.btn-cancel{padding:10px 20px;background-color:#fff;color:#374151;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{padding:10px 20px;background-color:#00a8e8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-submit:hover:not(:disabled){background-color:#0090c7}.btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 576px){.modal-overlay{padding:10px}.modal-content{max-width:100%;border-radius:8px}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.modal-form{padding:20px}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:16px}.form-group label{font-size:13px}.form-group input,.form-group select{padding:8px 12px;font-size:13px}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;text-align:center}}.nav-item .nav-icon{width:20px;height:20px;opacity:.8}.nav-item.active .nav-icon{opacity:1;filter:brightness(0) invert(1)}.user-management-inner{max-width:1400px;margin:0 auto}.um-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.um-header-text h1{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px;letter-spacing:-.02em}.um-header-text p{font-size:15px;color:#6b7280;line-height:1.5}.um-tabs{display:flex;gap:8px;margin-bottom:20px}.um-tab{padding:10px 20px;background:transparent;color:#6b7280;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.um-tab:hover{background:#f3f4f6;color:#1f2937}.um-tab.active{background:#0ea5e9;color:#fff}.um-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.um-table-header{display:flex;justify-content:center;align-items:center;padding:24px 28px;border-bottom:1px solid #e5e7eb;position:relative}.um-table-header h2{font-size:20px;font-weight:700;color:#111827;margin:0;position:absolute;left:28px}.um-search{display:flex;align-items:center;gap:8px;background:#f9fafb;padding:8px 14px;border-radius:8px;border:1px solid #e5e7eb;min-width:320px}.um-search input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1}.um-search input::placeholder{color:#9ca3af}.um-table{width:100%}.um-table-head{display:grid;grid-template-columns:1.8fr 1.5fr 1fr 1.5fr;gap:16px;padding:16px 28px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.um-th{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.02em}.um-th.activity-col{text-align:right;justify-self:end}.um-table-body{display:flex;flex-direction:column}.um-table-row{display:grid;grid-template-columns:1.8fr 1.5fr 1fr 1.5fr;gap:16px;padding:20px 28px;border-bottom:1px solid #f3f4f6;transition:background .15s;align-items:center}.um-table-row:hover{background:#f9fafb}.um-table-row:last-child{border-bottom:none}.um-td{font-size:15px;color:#1f2937}.user-name{font-weight:400;color:#9ca3af}.department-text{color:#9ca3af}.um-table-row.suspended .user-name{text-decoration:line-through;color:#d1d5db}.um-table-row.suspended .department-text,.um-table-row.suspended .activity-text{color:#d1d5db}.status-badge{display:inline-flex;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;text-align:center}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#dc2626}.status-badge.suspended{background:#f3f4f6;color:#6b7280}.activity-text{color:#6b7280;font-size:14px;text-align:right}.um-td.activity-col{justify-self:end;text-align:right}.um-table-footer{padding:20px 28px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-start}.view-more-btn{padding:10px 20px;background:transparent;color:#0ea5e9;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}@media (max-width: 1200px){.dashboard-layout{flex-direction:column}.sidebar{width:100%}.um-table-head,.um-table-row{grid-template-columns:1fr;gap:8px}.um-th{display:none}.um-td:before{content:attr(data-label);font-weight:600;display:block;margin-bottom:4px}}@media (max-width: 768px){.um-page-header{flex-direction:column;gap:16px}.create-user-btn{width:100%}.um-tabs{overflow-x:auto}.um-search{min-width:180px}}.nav-icon{width:20px;height:20px;object-fit:contain;display:block}.nav-item.active .nav-icon{filter:brightness(0) invert(1)}@media (max-width: 1024px){.dashboard-header{padding:0 20px}.sidebar{width:280px;flex:0 0 280px}.sidebar-box{min-height:calc(100vh - 140px);padding:20px 18px}.main-content{padding:24px}.um-header-text h1{font-size:26px}.um-table-head,.um-table-row{grid-template-columns:1.5fr 1fr .8fr 1fr 1fr}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;padding:16px}.sidebar-box{min-height:auto;max-height:none;padding:16px}.nav-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:12px}.nav-item{padding:10px 14px;flex:0 0 auto}.section-label{width:100%;margin:8px 0}.logout{margin-top:16px}.main-content{padding:16px}.um-page-header{flex-direction:column;gap:16px}.create-user-btn{width:100%}.um-tabs{overflow-x:auto;padding-bottom:8px}.um-tab{white-space:nowrap;padding:8px 14px;font-size:13px}.search-bar{min-width:180px;flex:1;max-width:300px}.header-profile .profile-info{display:none}.um-table-header{flex-direction:column;gap:12px;padding:16px}.um-table-header h2{position:static}.um-search{min-width:100%}.um-table-head,.um-table-row{grid-template-columns:1fr;gap:8px;padding:16px}.um-th{display:none}.um-td{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.um-td:before{content:attr(data-label);font-weight:600;color:#6b7280;font-size:12px;margin-right:8px}.um-td.activity-col{justify-self:stretch;text-align:left}.activity-text{text-align:left}.um-table-footer{padding:12px 16px}}@media (max-width: 576px){.dashboard-header{padding:0 12px;height:60px}.logo-text{display:none}.logo-image{width:32px;height:32px}.search-bar{min-width:120px;padding:8px 12px}.search-bar input{font-size:13px}.header-right{gap:8px}.notification-btn{padding:6px}.header-profile img{width:32px;height:32px}.sidebar,.sidebar-box{padding:12px}.nav-item{padding:8px 12px;font-size:13px}.nav-item span,.logout span{display:none}.main-content{padding:12px}.um-header-text h1{font-size:20px}.um-header-text p{font-size:13px}.um-tab{padding:6px 10px;font-size:12px}.um-table-container{border-radius:12px}.um-table-row{padding:12px}.user-name{font-size:14px}.status-badge{padding:4px 10px;font-size:11px}.view-more-btn{padding:8px 12px;font-size:13px}}.permissions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.permissions-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.permissions-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.permissions-modal-header h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.role-name-badge{display:inline-block;padding:4px 12px;background-color:#eff6ff;color:#2563eb;border-radius:16px;font-size:13px;font-weight:500;margin:0}.permissions-modal-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;line-height:1;transition:color .2s}.permissions-modal-close:hover{color:#111827}.permissions-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.permissions-loading{text-align:center;padding:40px;color:#6b7280}.permissions-actions{display:flex;gap:12px;margin-bottom:20px}.select-all-btn,.deselect-all-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.select-all-btn{background-color:#eff6ff;color:#2563eb;border:1px solid #BFDBFE}.select-all-btn:hover{background-color:#dbeafe}.deselect-all-btn{background-color:#f3f4f6;color:#6b7280;border:1px solid #E5E7EB}.deselect-all-btn:hover{background-color:#e5e7eb}.permissions-list{display:flex;flex-direction:column;gap:12px}.permission-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background-color:#f9fafb;border-radius:8px;transition:background-color .2s}.permission-item:hover{background-color:#f3f4f6}.permission-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;flex-shrink:0;margin-top:2px}.permission-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.permission-checkbox .checkmark{height:20px;width:20px;background-color:#fff;border:2px solid #D1D5DB;border-radius:4px;transition:all .2s}.permission-checkbox:hover .checkmark{border-color:#00a8e8}.permission-checkbox input:checked~.checkmark{background-color:#00a8e8;border-color:#00a8e8}.permission-checkbox .checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.permission-checkbox input:checked~.checkmark:after{display:block}.permission-info{display:flex;flex-direction:column;gap:4px}.permission-name{font-size:14px;font-weight:500;color:#111827}.permission-description{font-size:12px;color:#6b7280}.permissions-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #E5E7EB}.cancel-btn{padding:10px 20px;background-color:#fff;color:#374151;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{padding:10px 20px;background-color:#00a8e8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.save-btn:hover:not(:disabled){background-color:#0090c7}.save-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 576px){.permissions-modal-overlay{padding:10px}.permissions-modal-content{max-width:100%;max-height:90vh;border-radius:8px}.permissions-modal-header{padding:16px 20px}.permissions-modal-header h2{font-size:18px}.permissions-modal-body{padding:16px 20px}.permissions-actions{flex-direction:column}.select-all-btn,.deselect-all-btn{width:100%;text-align:center}.permission-item{padding:12px 14px}.permissions-modal-footer{padding:14px 20px;flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%;text-align:center}}.logo{display:flex;align-items:center;gap:12px}.logo,.logo-image{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.main-content{flex:1;padding:28px 36px 28px 40px;background:#f8f9fb;overflow-y:auto}.roles-permission-inner{max-width:1600px;margin:0 auto}.rp-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.rp-header-text h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:6px;letter-spacing:-.02em}.rp-header-text p{font-size:14px;color:#6b7280;line-height:1.5}.create-user-btn{padding:12px 24px;background:#0ea5e9;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.create-user-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.rp-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000d;margin-bottom:16px}.rp-table-header{display:flex;justify-content:center;align-items:center;padding:14px 20px;border-bottom:1px solid #e5e7eb;position:relative}.rp-table-header h2{font-size:17px;font-weight:700;color:#111827;margin:0;position:absolute;left:20px}.rp-search{display:flex;align-items:center;gap:8px;background:#f9fafb;padding:7px 12px;border-radius:8px;border:1px solid #e5e7eb;min-width:280px}.rp-search input{border:none;background:transparent;outline:none;font-size:13px;color:#1f2937;flex:1}.rp-search input::placeholder{color:#9ca3af}.rp-table{width:100%}.rp-table-head{display:grid;grid-template-columns:1.2fr 2fr 1fr 1.3fr 1.2fr;gap:16px;padding:10px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.rp-th{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.02em}.rp-th.last-modified-col,.rp-th.actions-col{text-align:right;justify-self:end}.rp-table-body{display:flex;flex-direction:column}.rp-table-row{display:grid;grid-template-columns:1.2fr 2fr 1fr 1.3fr 1.2fr;gap:16px;padding:14px 20px;border-bottom:1px solid #f3f4f6;transition:background .15s;align-items:center}.rp-table-row:hover{background:#f9fafb}.rp-table-row:last-child{border-bottom:none}.rp-td{font-size:14px;color:#1f2937}.role-name{font-weight:400;color:#9ca3af}.role-description{color:#9ca3af;font-size:13px}.active-users-badge{display:inline-flex;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600;background:#d1fae5;color:#065f46}.last-modified-text{color:#6b7280;font-size:13px;text-align:right}.rp-td.last-modified-col,.rp-td.actions-col{justify-self:end;text-align:right}.edit-permissions-btn{padding:8px 16px;background:transparent;color:#0ea5e9;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.edit-permissions-btn:hover{background:#f0f9ff;color:#0284c7}.rp-table-footer{padding:14px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-start}.view-more-btn{padding:8px 16px;background:transparent;color:#0ea5e9;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.rp-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.rp-stat-card{border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;border:1px solid;transition:transform .2s}.rp-stat-card:hover{transform:translateY(-2px)}.blue-card{background:#dbeafe;border-color:#bfdbfe}.orange-card{background:#fed7aa;border-color:#fdba74}.purple-card{background:#e9d5ff;border-color:#d8b4fe}.stat-icon-wrapper{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-img{width:22px;height:22px;object-fit:contain;display:block}.blue-card .stat-icon-wrapper{background:#93c5fd;color:#fff}.orange-card .stat-icon-wrapper{background:#fdba74;color:#fff}.purple-card .stat-icon-wrapper{background:#c084fc;color:#fff}.stat-content{display:flex;flex-direction:column;gap:2px;flex:1}.stat-label{font-size:11px;font-weight:600;color:#6b7280}.stat-value{font-size:26px;font-weight:700;color:#111827;line-height:1}.stat-detail{font-size:11px;color:#6b7280}@media (max-width: 1200px){.dashboard-layout{flex-direction:column}.sidebar{width:100%}.rp-table-head,.rp-table-row{grid-template-columns:1fr;gap:8px}.rp-th{display:none}.rp-stats-grid{grid-template-columns:1fr}}@media (max-width: 768px){.rp-page-header{flex-direction:column;gap:16px}.create-user-btn{width:100%}.rp-search{min-width:180px}}.rp-stats-grid{margin-bottom:24px!important}@media (max-width: 1024px){.dashboard-header{padding:0 20px}.sidebar{width:280px;flex:0 0 280px}.sidebar-box{min-height:calc(100vh - 140px);padding:20px 18px}.main-content{padding:24px}.rp-header-text h1{font-size:24px}.rp-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.rp-table-head,.rp-table-row{grid-template-columns:1fr 1.5fr .8fr 1fr 1fr}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;padding:16px}.sidebar-box{min-height:auto;max-height:none;padding:16px}.nav-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:12px}.nav-item{padding:10px 14px;flex:0 0 auto}.section-label{width:100%;margin:8px 0}.logout{margin-top:16px}.main-content{padding:16px}.rp-page-header{flex-direction:column;gap:16px}.create-user-btn{width:100%}.rp-stats-grid{grid-template-columns:1fr;gap:12px}.rp-stat-card{padding:14px}.search-bar{min-width:180px;flex:1;max-width:300px}.header-profile .profile-info{display:none}.rp-table-header{flex-direction:column;gap:12px;padding:14px}.rp-table-header h2{position:static}.rp-search{min-width:100%}.rp-table-head,.rp-table-row{grid-template-columns:1fr;gap:8px;padding:14px}.rp-th{display:none}.rp-td{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.rp-td:before{content:attr(data-label);font-weight:600;color:#6b7280;font-size:12px;margin-right:8px}.rp-td.last-modified-col,.rp-td.actions-col{justify-self:stretch;text-align:left}.last-modified-text{text-align:left}.edit-permissions-btn{width:100%;text-align:center}.rp-table-footer{padding:12px 14px}}@media (max-width: 576px){.dashboard-header{padding:0 12px;height:60px}.logo-text{display:none}.logo-image{width:32px;height:32px}.search-bar{min-width:120px;padding:8px 12px}.search-bar input{font-size:13px}.header-right{gap:8px}.notification-btn{padding:6px}.header-profile img{width:32px;height:32px}.sidebar,.sidebar-box{padding:12px}.nav-item{padding:8px 12px;font-size:13px}.nav-item span,.logout span{display:none}.main-content{padding:12px}.rp-header-text h1{font-size:20px}.rp-header-text p{font-size:13px}.rp-stat-card{padding:12px;gap:12px}.stat-icon-wrapper{width:36px;height:36px}.stat-icon-img{width:18px;height:18px}.stat-label{font-size:10px}.stat-value{font-size:22px}.stat-detail{font-size:10px}.rp-table-container{border-radius:10px}.rp-table-header{padding:12px}.rp-table-header h2{font-size:15px}.rp-search{padding:6px 10px}.rp-search input{font-size:12px}.rp-table-row{padding:12px}.role-name{font-size:14px}.role-description{font-size:12px}.active-users-badge{padding:3px 8px;font-size:11px}.last-modified-text{font-size:12px}.edit-permissions-btn{padding:6px 12px;font-size:12px}.view-more-btn{padding:6px 10px;font-size:12px}}.logo-image{width:36px;height:36px;object-fit:contain;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.audit-logs-inner{max-width:1400px;margin:0 auto}.al-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.al-header-text h1{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px;letter-spacing:-.02em}.al-header-text p{font-size:15px;color:#6b7280;line-height:1.5}.export-logs-btn{padding:12px 24px;background:#0ea5e9;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.export-logs-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.al-filters{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:13px;font-weight:600;color:#374151;letter-spacing:-.01em}.filter-select-wrapper{position:relative;display:flex;align-items:center}.filter-select-wrapper.date-select{min-width:220px}.calendar-icon{position:absolute;left:12px;pointer-events:none;z-index:1}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 36px 10px 14px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;min-width:160px;transition:all .2s}.filter-select.date-input{padding-left:38px;cursor:pointer}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.select-arrow{position:absolute;right:12px;pointer-events:none}.reset-filters-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto}.reset-filters-btn:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.al-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.al-table-header{display:flex;justify-content:center;align-items:center;padding:24px 28px;border-bottom:1px solid #e5e7eb;position:relative}.al-table-header h2{font-size:18px;font-weight:600;color:#111827;margin:0;position:absolute;left:28px}.al-search{display:flex;align-items:center;gap:8px;background:#f9fafb;padding:8px 14px;border-radius:8px;border:1px solid #e5e7eb;min-width:280px}.al-search input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1}.al-search input::placeholder{color:#9ca3af}.al-table{width:100%}.al-table-head{display:grid;grid-template-columns:1.5fr 1.5fr 1.5fr 1.8fr;gap:16px;padding:16px 28px;background:#fff;border-bottom:1px solid #f3f4f6}.al-th{font-size:13px;font-weight:600;color:#6b7280;text-align:left}.al-th.resource-col-head{text-align:right}.al-table-body{display:flex;flex-direction:column}.al-table-row{display:grid;grid-template-columns:1.5fr 1.5fr 1.5fr 1.8fr;gap:16px;padding:18px 28px;border-bottom:1px solid #f3f4f6;transition:background .15s;align-items:center}.al-table-row:hover{background:#fafbfc}.al-table-row:last-child{border-bottom:none}.al-td{font-size:14px;color:#1f2937}.timestamp-text{color:#374151;font-weight:400;font-size:14px}.user-text{color:#374151;font-weight:400}.action-badge{display:inline-flex;padding:0;border-radius:0;font-size:14px;font-weight:400;text-align:left}.action-badge.record-edit{background:transparent;color:#6b7280}.action-badge.failed-login{background:transparent;color:#dc2626}.action-badge.vitals-entry{background:transparent;color:#059669}.resource-text{color:#6b7280;font-size:14px;text-align:right;display:block}.al-td.resource-col{text-align:right}.al-table-footer{padding:16px 28px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-start}.view-more-btn{padding:8px 16px;background:transparent;color:#0ea5e9;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.view-more-btn:hover{background:#f0f9ff;color:#0284c7}@media (max-width: 1200px){.dashboard-layout{flex-direction:column}.sidebar{width:100%}.al-filters{flex-direction:column;align-items:stretch}.reset-filters-btn{margin-left:0}.al-table-head,.al-table-row{grid-template-columns:1fr;gap:8px}.al-th{display:none}.al-td:before{content:attr(data-label);font-weight:600;display:block;margin-bottom:4px;color:#6b7280;font-size:12px}}@media (max-width: 768px){.al-page-header{flex-direction:column;gap:16px}.export-logs-btn{width:100%}.al-search{min-width:200px}}@media (max-width: 1024px){.dashboard-header{padding:0 20px}.sidebar{width:280px;flex:0 0 280px}.sidebar-box{min-height:calc(100vh - 140px);padding:20px 18px}.main-content{padding:24px}.al-header-text h1{font-size:26px}.al-filters{flex-wrap:wrap}.al-table-head,.al-table-row{grid-template-columns:1.2fr 1fr 1.2fr 1.4fr}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;padding:16px}.sidebar-box{min-height:auto;max-height:none;padding:16px}.nav-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:12px}.nav-item{padding:10px 14px;flex:0 0 auto}.section-label{width:100%;margin:8px 0}.logout{margin-top:16px}.main-content{padding:16px}.al-page-header{flex-direction:column;gap:16px}.export-logs-btn{width:100%}.al-filters{flex-direction:column;align-items:stretch;gap:12px}.filter-group,.filter-select{width:100%}.reset-filters-btn{margin-left:0;width:100%;justify-content:center}.search-bar{min-width:180px;flex:1;max-width:300px}.header-profile .profile-info{display:none}.al-table-header{flex-direction:column;gap:12px;padding:16px}.al-table-header h2{position:static}.al-search{min-width:100%}.al-table-head,.al-table-row{grid-template-columns:1fr;gap:8px;padding:16px}.al-th{display:none}.al-td{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.al-td:before{content:attr(data-label);font-weight:600;color:#6b7280;font-size:12px;margin-right:8px}.al-td.resource-col,.resource-text{text-align:left}.al-table-footer{padding:12px 16px;justify-content:center}}@media (max-width: 576px){.dashboard-header{padding:0 12px;height:60px}.logo-text{display:none}.logo-image{width:32px;height:32px}.search-bar{min-width:120px;padding:8px 12px}.search-bar input{font-size:13px}.header-right{gap:8px}.notification-btn{padding:6px}.header-profile img{width:32px;height:32px}.sidebar,.sidebar-box{padding:12px}.nav-item{padding:8px 12px;font-size:13px}.nav-item span,.logout span{display:none}.main-content{padding:12px}.al-header-text h1{font-size:20px}.al-header-text p{font-size:13px}.filter-label{font-size:12px}.filter-select{padding:8px 30px 8px 12px;font-size:13px}.reset-filters-btn{padding:8px 12px;font-size:13px}.al-table-container{border-radius:12px}.al-table-row{padding:12px}.timestamp-text,.user-text{font-size:13px}.action-badge,.resource-text{font-size:12px}.view-more-btn{padding:8px 12px;font-size:13px}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fb;color:#1f2937}.dashboard-header{height:72px;padding:0 32px;background:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:12px;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.logo-image{width:36px;height:36px;object-fit:contain}.logo-gradient{font-size:20px;font-weight:700;background:linear-gradient(90deg,#0ea5e9,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}.search-bar{display:flex;align-items:center;gap:10px;background:#f7f8fa;padding:10px 16px;border-radius:10px;border:1px solid #e5e7eb;min-width:320px}.search-bar input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1}.search-bar input::placeholder{color:#9ca3af}.header-right{display:flex;align-items:center;gap:16px}.notification-btn{position:relative;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#6b7280;transition:all .2s}.notification-btn:hover{background:#f3f4f6;color:#1f2937}.notification-icon{width:20px;height:20px;object-fit:contain;display:block}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #fff}.header-profile{display:flex;align-items:center;gap:12px;padding:6px;border-radius:12px;cursor:pointer;transition:background .2s}.header-profile:hover{background:#f9fafb}.header-profile img{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-info{display:flex;flex-direction:column;align-items:flex-start}.profile-info strong{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.profile-info span{font-size:12px;color:#0ea5e9;line-height:1.2}.dashboard-layout{display:flex;min-height:calc(100vh - 72px);gap:0}.sidebar{width:360px;flex:0 0 360px;padding:32px 20px 28px;background:#f8f9fb;border-right:none}.sidebar-box{background:#fff;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:8px;min-height:calc(100vh - 130px);max-height:calc(100vh - 140px);overflow-y:auto;border:1px solid #e5e7eb;box-shadow:0 10px 25px #11182714}.sidebar-header{margin-bottom:20px;padding:0;background:transparent;border-radius:0}.sidebar-header-panel{display:flex;align-items:center;width:100%;padding:14px 18px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px}.sidebar-collapse{width:20px;height:20px;flex-shrink:0}.sidebar-title{margin-left:auto;font-size:16px;font-weight:700;background:linear-gradient(90deg,#0ea5e9,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-section{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.section-label{font-size:13px;font-weight:700;color:#1f2937;margin:16px 0 10px;letter-spacing:0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:transparent;border:none;text-align:left;cursor:pointer;font-size:15px;font-weight:500;color:#4b5563;transition:all .2s ease}.nav-item:hover{background:#f1f5f9;color:#1f2937}.nav-item.active{background:#38bdf8;color:#fff}.nav-item .nav-icon{width:20px;height:20px;opacity:.8;flex-shrink:0}.nav-item.active .nav-icon{opacity:1;filter:brightness(0) invert(1);stroke:#fff}.logout{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 16px;color:#ef4444;background:transparent;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s}.logout:hover{background:#fef2f2}.logout .nav-icon{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(37%) sepia(93%) saturate(4657%) hue-rotate(347deg) brightness(95%) contrast(91%)}.main-content{flex:1;padding:32px 40px;background:#f8f9fb;overflow-y:auto}.profile-inner{max-width:1400px;margin:0 auto}.profile-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.profile-header-left{flex:1}.profile-page-header h1{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px;letter-spacing:-.02em}.profile-page-header p{font-size:15px;color:#6b7280;line-height:1.5}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.breadcrumb-link{color:#6b7280;cursor:pointer;transition:color .2s}.breadcrumb-link:hover{color:#0ea5e9}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#6b7280;font-weight:400}.save-changes-btn{padding:12px 24px;background:#0ea5e9;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.save-changes-btn:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.profile-tabs-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.profile-tabs{display:flex;gap:8px}.profile-tab{padding:10px 20px;background:transparent;color:#6b7280;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.profile-tab:hover{background:#f3f4f6;color:#1f2937}.profile-tab.active{background:#0ea5e9;color:#fff}.profile-content{display:grid;grid-template-columns:380px 1fr;gap:24px}.profile-sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;box-shadow:0 1px 3px #0000000d}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;padding-bottom:24px;border-bottom:1px solid #f3f4f6;margin-bottom:24px}.profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #f3f4f6}.avatar-edit-btn{display:none}.avatar-edit-btn:hover{background:#0284c7;transform:scale(1.05)}.profile-name{font-size:20px;font-weight:700;color:#111827;margin-bottom:4px}.profile-email{font-size:14px;color:#6b7280;margin-bottom:12px}.profile-badge{display:inline-flex;padding:6px 16px;background:#d1fae5;color:#065f46;border-radius:20px;font-size:13px;font-weight:600}.quick-actions{display:flex;flex-direction:column;gap:12px}.quick-actions h4{font-size:16px;font-weight:700;color:#111827;margin-bottom:4px}.quick-action-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;font-size:15px;font-weight:500;color:#374151}.quick-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.quick-action-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.request-icon{background:#dbeafe;color:#1e40af}.share-icon{background:#ede9fe;color:#6b21a8}.arrow-right{margin-left:auto;color:#9ca3af}.profile-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;box-shadow:0 1px 3px #0000000d}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.profile-card-header h2{font-size:20px;font-weight:700;color:#111827}.edit-info-btn{padding:8px 16px;background:transparent;color:#0ea5e9;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.edit-info-btn:hover{background:#f0f9ff;border-color:#0ea5e9}.profile-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-row-three{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select{padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s}.form-group input:disabled,.form-group select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-group input:not(:disabled):hover,.form-group select:not(:disabled):hover{border-color:#d1d5db}.form-group input:not(:disabled):focus,.form-group select:not(:disabled):focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.form-group input::placeholder{color:#9ca3af}.input-with-icon{position:relative}.input-with-icon input{padding-right:40px}.input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;cursor:pointer}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.phone-input-group{display:grid;grid-template-columns:120px 1fr;gap:12px}.phone-code-wrapper{position:relative}.phone-code-select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:12px 32px 12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;cursor:pointer;transition:all .2s}.phone-code-select:hover{border-color:#d1d5db}.phone-code-select:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.select-arrow-small{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.phone-number-input{flex:1}.section-divider{padding:24px 0 8px;margin-top:8px}.section-divider h3{font-size:18px;font-weight:700;color:#111827}@media (max-width: 1200px){.dashboard-layout{flex-direction:column}.sidebar{width:100%}.profile-content,.form-row,.phone-input-group{grid-template-columns:1fr}}@media (max-width: 768px){.profile-page-header{flex-direction:column;gap:16px;align-items:stretch}.save-changes-btn{width:100%}.profile-tabs{overflow-x:auto}}.profile-left-column{display:flex;flex-direction:column;gap:10px}.quick-actions-card{padding:24px}.quick-actions-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:12px}.profile-left-column{display:flex;flex-direction:column;gap:18px}.profile-sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 1px 3px #0000000f}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:none;padding-bottom:0;margin-bottom:0}.profile-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;border:4px solid #f3f4f6}.profile-avatar-wrapper{position:relative}.avatar-edit-btn{position:absolute;bottom:6px;right:6px;width:28px;height:28px;background:#0ea5e9;border:3px solid #ffffff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.avatar-edit-btn img{width:14px;height:14px}.profile-name{margin-top:10px;font-size:20px;font-weight:700;color:#111827}.profile-email{margin-top:4px;font-size:13px;color:#6b7280}.profile-badge{margin-top:10px;padding:6px 14px;border-radius:999px;background:#d1fae5;color:#065f46;font-size:13px;font-weight:600}.quick-actions-card{padding:18px}.quick-actions-title{font-size:18px;font-weight:700;color:#111827;margin-bottom:14px}.quick-action-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px;background:#eef6ff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.quick-action-btn+.quick-action-btn{margin-top:12px}.quick-action-btn:hover{background:#e6f1ff}.quick-action-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.request-icon{background:#dbeafe}.share-icon{background:#ede9fe}.arrow-right{margin-left:auto;font-size:20px;color:#111827;opacity:.75}.profile-left-column .profile-sidebar-card:first-child{padding:16px}.profile-left-column .profile-avatar{width:72px;height:72px;border:3px solid #f3f4f6}.profile-left-column .avatar-edit-btn{width:22px;height:22px;border-radius:8px;bottom:4px;right:4px}.profile-left-column .avatar-edit-btn img{width:12px;height:12px}.profile-left-column .profile-name{margin-top:8px;font-size:17px}.profile-left-column .profile-email{font-size:12px}.profile-left-column .profile-badge{margin-top:8px;padding:4px 12px;font-size:12px}.profile-left-column .profile-avatar-section{gap:2px}.profile-left-column{max-width:300px;width:100%}.profile-left-column .profile-sidebar-card{width:100%}.profile-content{align-items:flex-start}.dashboard-layout{gap:12px}.main-content{padding-left:20px}.profile-inner{margin-left:0}.profile-content{grid-template-columns:300px 1fr;gap:22px}.profile-main-card{padding:22px}.profile-card-header{margin-bottom:18px;padding-bottom:14px}.form-group label{font-size:13px;font-weight:600;margin-bottom:-2px}.input-with-icon input{padding-right:38px}.section-divider{padding:16px 0 6px;margin-top:6px}.section-divider h3{font-size:16px}.phone-input-group{gap:10px}.phone-code-select{padding:10px 30px 10px 12px;font-size:13px}.profile-main-card,.profile-sidebar-card{border-radius:14px}.profile-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 1px 3px #0000000d}.profile-card-header h2,.section-divider h3{font-size:18px;font-weight:700;color:#111827}.profile-card-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.section-divider{padding:18px 0 10px;margin-top:12px}.profile-main-card+.profile-main-card{margin-top:22px}.profile-form{gap:14px}.form-row{gap:16px}.form-group label{font-size:13px;font-weight:600;color:#374151}.form-group input,.form-group select{padding:10px 12px;font-size:13px;border-radius:8px}.edit-info-btn{font-size:13px;padding:6px 14px;border-radius:8px}.profile-right-column{display:flex;flex-direction:column;gap:22px}.profile-right-column{gap:14px}.profile-right-column .profile-main-card:last-child{margin-top:0}.profile-main-card .profile-card-header{border-bottom:none;padding-bottom:0;margin-bottom:12px}.profile-main-card{padding:20px}.profile-form{gap:12px}.form-row{gap:14px}.form-group label{font-size:13px;font-weight:600;margin-bottom:2px;color:#374151}.form-group input,.form-group select{padding:10px 12px;font-size:13px;border-radius:10px}.input-with-icon input{padding-right:36px}.form-group.full-width{margin-top:2px}.profile-card-header h2{font-size:18px;font-weight:700;color:#374151}.edit-info-btn{padding:6px 14px;font-size:13px;border-radius:8px}.select-wrapper{position:relative}.select-wrapper select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px 40px 10px 12px;font-size:14px;color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer}.select-wrapper select:focus{outline:none;box-shadow:none;border-color:#d1d5db;color:#374151}.select-wrapper select:hover{border-color:#e5e7eb}.select-wrapper .select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}.select-wrapper .select-arrow path{stroke:#6b7280}.select-wrapper select:disabled{background:#fff;color:#9ca3af;cursor:not-allowed}input,select,textarea,.select-wrapper select{cursor:text!important}.form-group,.profile-form{cursor:default}.profile-right-column .profile-main-card{padding:16px 18px}.profile-card-header{margin-bottom:8px;padding-bottom:0}.profile-card-header h2{font-size:18px;line-height:1.2}.profile-form{gap:10px}.form-row{gap:12px}.form-group label{font-size:13px;margin-bottom:2px}.form-group input,.form-group select{padding:px 12px;font-size:13px;border-radius:10px}.input-with-icon input{padding-right:34px}.phone-input-group{gap:8px}.phone-code-select{padding:8px 28px 8px 12px;font-size:13px}.form-group.full-width{margin-top:0}.profile-right-column{gap:12px}.profile-right-column .profile-main-card.contact-card{padding:14px 18px}.profile-right-column .profile-main-card.contact-card .profile-card-header{margin-bottom:6px;padding-bottom:0}.profile-right-column .profile-main-card.contact-card .profile-form{gap:8px}.profile-right-column .profile-main-card.contact-card .form-row{gap:10px}.profile-right-column .profile-main-card.contact-card .form-group label{font-size:13px;margin-bottom:2px}.profile-right-column .profile-main-card.contact-card .form-group input,.profile-right-column .profile-main-card.contact-card .form-group select{padding:7px 12px;font-size:13px;border-radius:10px}.profile-right-column .profile-main-card.contact-card .phone-code-select{padding:7px 26px 7px 12px}.profile-right-column .profile-main-card:not(.contact-card){padding:14px 18px}.profile-right-column .profile-main-card:not(.contact-card) .profile-card-header{margin-bottom:6px;padding-bottom:0}.profile-right-column .profile-main-card:not(.contact-card) .profile-form{gap:8px}.profile-right-column .profile-main-card:not(.contact-card) .form-row{gap:10px}.profile-right-column .profile-main-card:not(.contact-card) .form-group label{font-size:13px;margin-bottom:2px}.profile-right-column .profile-main-card:not(.contact-card) .form-group input,.profile-right-column .profile-main-card:not(.contact-card) .form-group select{padding:7px 12px;font-size:13px;border-radius:10px}.profile-right-column .profile-main-card:not(.contact-card) .form-group.full-width{margin-top:0}.profile-right-column .profile-main-card.contact-card{padding:10px 14px}.profile-right-column .profile-main-card.contact-card .profile-card-header{margin-bottom:4px;padding-bottom:0}.profile-right-column .profile-main-card.contact-card .form-group label{font-size:12.5px;margin-bottom:1px;line-height:1.2}.profile-right-column .profile-main-card.contact-card .phone-input-group{gap:5px}.profile-right-column .profile-main-card.contact-card .phone-code-select{padding:6px 24px 6px 10px;font-size:12.5px}.profile-right-column .profile-main-card.contact-card .form-group.full-width{margin-top:0}.profile-right-column .profile-main-card.contact-card{padding:8px 12px}.profile-right-column .profile-main-card.contact-card .profile-card-header{margin-bottom:3px;padding-bottom:0}.profile-right-column .profile-main-card.contact-card .profile-form{gap:4px}.profile-right-column .profile-main-card.contact-card .form-row{gap:6px}.profile-right-column .profile-main-card.contact-card .form-group label{font-size:12px;margin-bottom:1px;line-height:1.1}.profile-right-column .profile-main-card.contact-card .form-group input,.profile-right-column .profile-main-card.contact-card .form-group select{padding:5px 9px;font-size:12px;border-radius:6px}.profile-right-column .profile-main-card.contact-card .phone-input-group{gap:4px}.profile-right-column .profile-main-card.contact-card .phone-code-select{padding:5px 22px 5px 9px;font-size:12px}.profile-right-column .profile-main-card.contact-card .form-group,.profile-right-column .profile-main-card.contact-card .form-group.full-width{margin:0}.profile-right-column .profile-main-card.contact-card{padding:10px 14px 12px}.profile-right-column .profile-main-card.contact-card .profile-card-header{margin-bottom:4px}.profile-right-column .profile-main-card.contact-card .profile-form{gap:6px}.profile-right-column .profile-main-card.contact-card .form-row{gap:8px}.profile-right-column .profile-main-card.contact-card .form-group label{font-size:12.5px;margin-bottom:2px;line-height:1.2}.profile-right-column .profile-main-card.contact-card .form-group input,.profile-right-column .profile-main-card.contact-card .form-group select{padding:6px 10px;font-size:12.5px;border-radius:8px}.profile-right-column .profile-main-card.contact-card .phone-input-group{gap:6px}.profile-right-column .profile-main-card.contact-card .phone-code-select{padding:6px 24px 6px 10px}.profile-right-column .profile-main-card.contact-card{overflow:visible}.profile-right-column .profile-main-card.contact-card{padding:14px 16px 18px}.profile-right-column .profile-main-card.contact-card .profile-form{gap:10px}.profile-right-column .profile-main-card.contact-card .form-row{gap:12px}.profile-right-column .profile-main-card.contact-card .form-group label{font-size:13px;margin-bottom:4px}.profile-right-column .profile-main-card.contact-card .form-group input,.profile-right-column .profile-main-card.contact-card .form-group select{padding:8px 12px;font-size:13px;border-radius:10px}.profile-right-column .profile-main-card.contact-card .form-row-three{margin-top:4px}.profile-right-column .profile-main-card.contact-card{height:auto!important;min-height:unset!important;overflow:visible!important;padding-bottom:20px}.profile-right-column .profile-main-card.contact-card .profile-form{overflow:visible}.profile-right-column .profile-main-card.contact-card .form-row-three{margin-top:6px;padding-bottom:6px}.profile-right-column .profile-main-card.contact-card .form-row-three label{display:block;margin-bottom:4px;font-size:13px}.profile-content,.profile-right-column{overflow:visible}.profile-tabs{display:inline-flex!important;gap:12px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:8px!important;box-shadow:0 1px 3px #0000000d!important}.profile-tab{padding:12px 32px!important;background:transparent!important;color:#6b7280!important;border:none!important;border-radius:8px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important}.profile-tab:hover{background:#f3f4f6!important;color:#1f2937!important}.profile-tab.active{background:#0ea5e9!important;color:#fff!important;box-shadow:0 2px 4px #0ea5e940!important}.profile-inner{padding-top:0!important;margin-top:0!important}.profile-tabs-row{margin-top:0!important;margin-bottom:20px!important}.profile-content{margin-top:0!important;padding-top:0!important;align-items:flex-start!important}.profile-left-column{padding-top:0!important;margin-top:0!important}.profile-left-column .profile-sidebar-card:first-child{margin-top:0!important}.profile-right-column{padding-top:0!important;margin-top:0!important}.profile-form-section:first-child{margin-top:0!important}.profile-content{display:grid!important;grid-template-columns:300px 1fr!important;gap:22px!important;align-items:start!important}.profile-tabs-row{margin-bottom:16px!important}.profile-content{margin-top:-4px!important}.profile-page-header{margin-bottom:16px!important}.profile-inner>p{margin-bottom:16px!important}.profile-tabs-row{margin-top:-8px!important;margin-bottom:12px!important}.save-changes-btn{padding:14px 48px!important;background:#0ea5e9!important;color:#fff!important;border:none!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;white-space:nowrap!important;min-width:180px!important}.save-changes-btn:hover{background:#0284c7!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0ea5e94d!important}.profile-badge{background-color:#a7f3d0!important;color:#065f46!important;font-weight:700!important;font-size:13px!important;padding:6px 16px!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;margin-top:10px!important}.main-content{padding-left:12px!important}.sidebar{padding-right:12px!important}.dashboard-layout{gap:0!important}body,.dashboard-layout,.main-content,.sidebar,.profile-inner{background:#fff!important}.dashboard-header{height:72px;padding:0 32px;background:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;border-bottom:1px solid #e5e7eb}.dashboard-header{border-bottom:1px solid #e5e7eb}.signin-container{min-height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:40px 20px}.signin-content{display:flex;align-items:center;justify-content:space-between;gap:80px;max-width:1200px;width:100%;background-color:#fff}.form-group input[type=text],.form-group input[type=email]{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box;background-color:#fff;color:#1f2937;font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=email]:focus{outline:none;border-color:#00a8e8;box-shadow:0 0 0 3px #00a8e81a}.form-group input.error{border-color:#ef4444}.password-input-wrapper input::placeholder{color:#9ca3af}.remember-forgot-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.remember-me-group{display:flex;align-items:center;gap:8px}.remember-me-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#00A8E8}.remember-me-group label{font-size:14px;color:#4b5563;cursor:pointer;margin:0}.forgot-password-link{color:#00a8e8;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.forgot-password-link:hover{color:#0090c7;text-decoration:underline}.success-message-box{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#ecfdf5;border:1px solid #6EE7B7;border-radius:8px;margin-bottom:20px}.success-icon{font-size:18px;color:#059669;font-weight:700}.success-message-box .success-message{color:#065f46;font-size:14px;line-height:1.4;margin:0}.submit-error{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;background-color:#fef2f2;border:1px solid #FCA5A5;border-radius:8px}.error-icon{font-size:18px;color:#dc2626}.submit-error .error-message{color:#dc2626;margin:0;font-size:14px}.signup-link{text-align:center;font-size:14px;color:#6b7280;margin:0}input:disabled,button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.signin-content{gap:60px}.image-section{flex:0 0 480px}}@media (max-width: 1024px){.signin-content{flex-direction:column;gap:40px}.form-section{flex:none;max-width:500px;width:100%}.image-section{display:none}}@media (max-width: 640px){.signin-container{padding:24px 16px}.title{font-size:28px}.subtitle{font-size:14px;margin-bottom:24px}.form-section{max-width:100%}.form-group{margin-bottom:18px}.remember-forgot-row{flex-direction:column;align-items:flex-start;gap:12px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message-box,.submit-error{animation:slideDown .3s ease-out}.signup-container{min-height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:40px 20px}.signup-content{display:flex;align-items:center;justify-content:space-between;gap:80px;max-width:1200px;width:100%;background-color:#fff}.form-section{flex:0 0 420px;max-width:420px;display:flex;flex-direction:column}.title{font-size:36px;font-weight:700;line-height:1.2;background:linear-gradient(90deg,#00a8e8,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.subtitle{font-size:15px;color:#6b7280;margin:0 0 28px;line-height:1.4}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#1f2937;margin-bottom:8px}.required{color:#ef4444}.form-group input[type=text],.form-group input[type=email],.form-group select{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box;background-color:#fff;color:#1f2937;font-family:inherit}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group select:focus{outline:none;border-color:#00a8e8;box-shadow:0 0 0 3px #00a8e81a}.form-group input.error,.form-group select.error{border-color:#ef4444}.password-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid #D1D5DB;border-radius:8px;padding:12px 16px;transition:all .2s ease;background-color:#fff}.password-input-wrapper:focus-within{border-color:#00a8e8;box-shadow:0 0 0 3px #00a8e81a}.password-input-wrapper.error{border-color:#ef4444}.lock-icon{margin-right:10px;font-size:16px;color:#9ca3af;display:flex;align-items:center}.password-input-wrapper input{flex:1;border:none;outline:none;font-size:14px;background:transparent;padding:0;color:#1f2937;font-family:inherit}.password-input-wrapper input::placeholder{color:#9ca3af;letter-spacing:2px}.toggle-password{background:none;border:none;cursor:pointer;font-size:18px;padding:0;margin-left:10px;opacity:.5;transition:opacity .2s ease;display:flex;align-items:center}.toggle-password:hover{opacity:1}.toggle-password:disabled{cursor:not-allowed;opacity:.3}.password-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;margin-top:8px}.password-hint.valid{color:#10b981}.error-message{display:block;color:#ef4444;font-size:12px;margin-top:6px;line-height:1.4}.checkbox-group{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.checkbox-group input[type=checkbox]{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:#00A8E8;flex-shrink:0}.checkbox-group label{font-size:14px;color:#4b5563;cursor:pointer;margin:0;line-height:1.5}.link{color:#00a8e8;text-decoration:none;font-weight:500;transition:color .2s ease}.link:hover{color:#0090c7;text-decoration:underline}.submit-error{margin-bottom:16px;padding:12px;background-color:#fef2f2;border:1px solid #FCA5A5;border-radius:8px}.submit-error .error-message{color:#dc2626;margin:0}.submit-button{width:100%;padding:14px 16px;background-color:#00a8e8;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:20px;font-family:inherit}.submit-button:hover:not(:disabled){background-color:#0090c7;transform:translateY(-1px);box-shadow:0 4px 12px #00a8e84d}.submit-button:active:not(:disabled){background-color:#007aa6;transform:translateY(0)}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.login-link{text-align:center;font-size:14px;color:#6b7280;margin:0}.image-section{position:relative;flex:1;min-height:680px;max-height:720px;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.logo-overlay{position:absolute;bottom:40px;right:40px;z-index:10;display:flex;align-items:center;gap:12px}.logo-icon-img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.logo-text{font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}input:disabled,select:disabled,button:disabled{opacity:.6;cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#1F2937!important;transition:background-color 5000s ease-in-out 0s}@media (max-width: 1200px){.signup-content{gap:60px}.image-section{flex:0 0 480px}}@media (max-width: 1024px){.signup-content{flex-direction:column;gap:40px}.form-section{flex:none;max-width:500px;width:100%}.image-section{display:none}}@media (max-width: 640px){.signup-container{padding:24px 16px}.title{font-size:28px}.subtitle{font-size:14px;margin-bottom:24px}.form-section{max-width:100%}.form-group{margin-bottom:18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{animation:fadeIn .4s ease-out}.image-section{animation:fadeIn .6s ease-out}.tech-dashboard-container{min-height:100vh;background-color:#f9fafb;display:flex;flex-direction:column}.tech-header{background-color:#fff;border-bottom:1px solid #E5E7EB;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:sticky;top:0;z-index:100}.tech-header-left{display:flex;align-items:center;gap:12px}.tech-logo-icon{width:40px;height:40px}.tech-logo-text{font-size:24px;font-weight:700;color:#00a8e8}.tech-header-center{flex:1;max-width:600px}.tech-search-bar{position:relative;width:100%}.tech-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#9ca3af}.tech-search-bar input{width:100%;padding:12px 16px 12px 48px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background-color:#f9fafb;transition:all .2s}.tech-search-bar input:focus{outline:none;border-color:#00a8e8;background-color:#fff}.tech-header-right{display:flex;align-items:center;gap:20px}.tech-notification-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.tech-notification-btn:hover{background-color:#f3f4f6}.tech-bell-icon{font-size:24px}.tech-notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.tech-user-profile{display:flex;align-items:center;gap:12px}.tech-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.tech-user-info{display:flex;flex-direction:column}.tech-user-name{font-size:14px;font-weight:600;color:#1f2937}.tech-user-role{font-size:12px;color:#00a8e8}.tech-layout{display:flex;flex:1;overflow:hidden}.tech-sidebar{width:280px;background-color:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;padding:24px 16px;transition:width .3s;position:relative}.tech-sidebar.collapsed{width:80px}.tech-sidebar-toggle{position:absolute;top:24px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.tech-sidebar-toggle:hover{background-color:#f3f4f6}.tech-sidebar-header{margin-bottom:24px}.tech-nav-title{font-size:18px;font-weight:700;color:#00a8e8;margin:0}.tech-nav{flex:1;display:flex;flex-direction:column;gap:32px}.tech-nav-section-title{font-size:12px;font-weight:600;color:#6b7280;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.tech-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%;margin-bottom:4px}.tech-nav-item:hover{background-color:#f3f4f6}.tech-nav-item.active{background-color:#e6f7ff;color:#00a8e8}.tech-nav-icon{font-size:20px}.tech-nav-label{font-size:14px;font-weight:500;color:#1f2937}.tech-nav-item.active .tech-nav-label{color:#00a8e8;font-weight:600}.tech-logout-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:auto;color:#ef4444}.tech-logout-btn:hover{background-color:#fef2f2}.tech-logout-icon{font-size:20px}.tech-logout-label{font-size:14px;font-weight:500}.tech-main-content{flex:1;padding:32px;overflow-y:auto}.tech-content-header{margin-bottom:32px}.tech-page-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px}.tech-page-subtitle{font-size:16px;color:#6b7280;margin:0}.tech-urgent-count{color:#00a8e8;font-weight:600}.tech-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.tech-stat-card{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #E5E7EB;transition:transform .2s,box-shadow .2s}.tech-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tech-stat-header{margin-bottom:16px}.tech-stat-title{font-size:14px;color:#6b7280;font-weight:500}.tech-stat-content{display:flex;align-items:center;gap:16px}.tech-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.tech-stat-value{font-size:32px;font-weight:700}.tech-alert-banner{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #FCA5A5;border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.tech-alert-content{display:flex;align-items:flex-start;gap:16px;flex:1}.tech-alert-icon{font-size:32px;background-color:#fee2e2;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tech-alert-text{flex:1}.tech-alert-title{font-size:18px;font-weight:700;color:#991b1b;margin:0 0 8px}.tech-alert-description{font-size:14px;color:#7f1d1d;margin:0;line-height:1.5}.tech-alert-btn{background-color:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}.tech-alert-btn:hover{background-color:#dc2626}.tech-orders-section{background-color:#fff;border-radius:12px;border:1px solid #E5E7EB;padding:24px}.tech-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tech-section-title{font-size:20px;font-weight:700;color:#1f2937;margin:0}.tech-search-box{position:relative;width:300px}.tech-search-icon-small{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#9ca3af}.tech-search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px}.tech-search-box input:focus{outline:none;border-color:#00a8e8}.tech-table-container{overflow-x:auto;margin-bottom:20px}.tech-table{width:100%;border-collapse:collapse}.tech-table thead{background-color:#f9fafb;border-bottom:1px solid #E5E7EB}.tech-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.tech-table tbody tr{border-bottom:1px solid #E5E7EB;transition:background-color .2s}.tech-table tbody tr:hover{background-color:#f9fafb}.tech-table td{padding:16px;font-size:14px;color:#374151}.tech-priority-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.tech-priority-badge.urgent{background-color:#fee2e2;color:#dc2626}.tech-action-btn{background:none;border:none;color:#00a8e8;font-size:14px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.tech-action-btn:hover{background-color:#e6f7ff}.tech-view-more-btn{background:none;border:none;color:#00a8e8;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background-color .2s}.tech-view-more-btn:hover{background-color:#e6f7ff}@media (min-width: 1200px){.tech-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.tech-stats-grid{grid-template-columns:repeat(2,1fr)}.tech-header-center{max-width:400px}}@media (max-width: 1024px){.tech-sidebar{position:fixed;left:-280px;top:0;bottom:0;z-index:200;transition:left .3s ease}.tech-sidebar.open,.tech-sidebar.collapsed{left:0}.tech-main-content{padding:24px}.tech-page-title{font-size:28px}.tech-header-center{max-width:350px}.tech-section-header{flex-direction:column;align-items:flex-start;gap:16px}.tech-search-box{width:100%;max-width:300px}}@media (max-width: 768px){.tech-header{padding:12px 16px;gap:16px}.tech-header-center{display:none}.tech-main-content{padding:16px}.tech-content-header{margin-bottom:24px}.tech-page-title{font-size:24px}.tech-page-subtitle{font-size:14px}.tech-stats-grid{grid-template-columns:1fr;gap:12px}.tech-stat-card{padding:16px}.tech-stat-value{font-size:28px}.tech-alert-banner{flex-direction:column;align-items:flex-start;padding:16px;gap:16px}.tech-alert-content{flex-direction:column;gap:12px}.tech-alert-icon{width:48px;height:48px;font-size:24px}.tech-alert-btn{width:100%;text-align:center}.tech-search-box{width:100%}.tech-orders-section{padding:16px}.tech-table th,.tech-table td{padding:12px 8px;font-size:13px}.tech-user-info{display:none}.tech-sidebar{width:100%;left:-100%}.tech-sidebar.open{left:0}}@media (max-width: 576px){.tech-header{padding:10px 12px;gap:12px}.tech-logo-text{display:none}.tech-logo-icon{width:32px;height:32px}.tech-user-avatar{width:36px;height:36px}.tech-notification-btn{padding:6px}.tech-bell-icon{font-size:20px}.tech-main-content{padding:12px}.tech-content-header{margin-bottom:16px}.tech-page-title{font-size:20px;margin-bottom:4px}.tech-page-subtitle{font-size:13px}.tech-stats-grid{gap:10px;margin-bottom:20px}.tech-stat-card{padding:14px;border-radius:10px}.tech-stat-header{margin-bottom:12px}.tech-stat-title{font-size:12px}.tech-stat-icon{width:40px;height:40px;font-size:20px}.tech-stat-value{font-size:24px}.tech-alert-banner{padding:14px;margin-bottom:20px;border-radius:10px}.tech-alert-icon{width:40px;height:40px;font-size:20px}.tech-alert-title{font-size:16px}.tech-alert-description{font-size:13px}.tech-alert-btn{padding:10px 16px;font-size:13px}.tech-orders-section{padding:12px;border-radius:10px}.tech-section-title{font-size:16px}.tech-table-container{margin:0 -12px;padding:0 12px}.tech-table th{padding:10px 6px;font-size:11px}.tech-table td{padding:10px 6px;font-size:12px}.tech-priority-badge{padding:3px 8px;font-size:10px}.tech-action-btn{font-size:12px;padding:4px 6px}.tech-view-more-btn{font-size:13px;padding:6px 12px}.tech-table th:nth-child(4),.tech-table td:nth-child(4){display:none}}.tech-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px}.tech-menu-toggle:hover{background-color:#f3f4f6}@media (max-width: 1024px){.tech-menu-toggle{display:block}}.tech-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:199}@media (max-width: 1024px){.tech-sidebar-overlay.visible{display:block}}.lab-filters-section{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.lab-filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.lab-filter-label{font-size:14px;font-weight:500;color:#374151}.lab-filter-select{padding:10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.lab-filter-select:focus{outline:none;border-color:#00a8e8}.lab-date-picker{position:relative;display:flex;align-items:center}.lab-calendar-icon{position:absolute;left:12px;font-size:16px;color:#9ca3af;pointer-events:none}.lab-date-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer}.lab-date-input:focus{outline:none;border-color:#00a8e8}.lab-reset-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.lab-reset-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.lab-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}.lab-pagination-btn{padding:10px 20px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;background-color:#fff;cursor:pointer;transition:all .2s}.lab-pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.lab-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.lab-pagination-btn.primary{background-color:#00a8e8;color:#fff;border-color:#00a8e8}.lab-pagination-btn.primary:hover:not(:disabled){background-color:#0090c7;border-color:#0090c7}@media (max-width: 1024px){.lab-filters-section{flex-wrap:wrap;gap:12px}.lab-filter-group{min-width:calc(50% - 8px);flex:0 0 calc(50% - 8px)}}@media (max-width: 768px){.lab-filters-section{flex-direction:column;align-items:stretch;gap:12px}.lab-filter-group{min-width:100%;flex:1 1 100%}.lab-filter-label{font-size:13px}.lab-filter-select{padding:10px 14px;font-size:13px}.lab-date-input{padding:10px 14px 10px 36px;font-size:13px}.lab-reset-btn{width:100%;justify-content:center;padding:10px 14px}.lab-pagination{justify-content:center;flex-wrap:wrap;gap:8px}.lab-pagination-btn{padding:8px 16px;font-size:13px}}@media (max-width: 576px){.lab-filters-section{margin-bottom:16px;gap:10px}.lab-filter-group{gap:6px}.lab-filter-label{font-size:12px}.lab-filter-select{padding:8px 12px;font-size:12px;border-radius:6px}.lab-date-input{padding:8px 12px 8px 32px;font-size:12px;border-radius:6px}.lab-calendar-icon{left:10px;font-size:14px}.lab-reset-btn{padding:8px 12px;font-size:12px;border-radius:6px}.lab-pagination{margin-top:16px}.lab-pagination-btn{padding:6px 12px;font-size:12px;border-radius:6px}}.results-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.results-export-btn{padding:12px 24px;background-color:#00a8e8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}.results-export-btn:hover{background-color:#0090c7}.results-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.results-status-badge.abnormal{background-color:#fee2e2;color:#dc2626}.results-status-badge.normal{background-color:#d1fae5;color:#059669}.results-review-badge{display:inline-block;font-size:14px;font-weight:500}.results-review-badge.yes{color:#059669}.results-review-badge.no{color:#dc2626}@media (max-width: 1024px){.results-header{gap:16px}.results-export-btn{padding:10px 20px;font-size:13px}}@media (max-width: 768px){.results-header{flex-direction:column;align-items:stretch;margin-bottom:24px;gap:16px}.results-export-btn{width:100%;text-align:center;padding:10px 20px;font-size:13px}.results-status-badge{padding:3px 10px;font-size:11px}.results-review-badge{font-size:12px}}@media (max-width: 576px){.results-header{margin-bottom:16px;gap:12px}.results-export-btn{padding:8px 16px;font-size:12px;border-radius:6px}.results-status-badge{padding:2px 8px;font-size:10px;border-radius:8px}.results-review-badge{font-size:11px}}.profile-container{min-height:100vh;background-color:#f9fafb;display:flex;flex-direction:column}.profile-header{background-color:#fff;border-bottom:1px solid #E5E7EB;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:sticky;top:0;z-index:100}.profile-header-left{display:flex;align-items:center;gap:12px}.profile-logo-icon{width:40px;height:40px}.profile-logo-text{font-size:24px;font-weight:700;color:#00a8e8}.profile-header-center{flex:1;max-width:600px}.profile-search-bar{position:relative;width:100%}.profile-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#9ca3af}.profile-search-bar input{width:100%;padding:12px 16px 12px 48px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background-color:#f9fafb}.profile-search-bar input:focus{outline:none;border-color:#00a8e8;background-color:#fff}.profile-header-right{display:flex;align-items:center;gap:20px}.profile-user-info{display:flex;align-items:center;gap:12px}.profile-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.profile-user-details{display:flex;flex-direction:column}.profile-user-name{font-size:14px;font-weight:600;color:#1f2937}.profile-user-role{font-size:12px;color:#00a8e8}.profile-layout{display:flex;flex:1}.profile-sidebar{width:280px;background-color:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;padding:24px 16px;transition:width .3s;position:relative}.profile-sidebar.collapsed{width:80px}.profile-sidebar-toggle{position:absolute;top:24px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:8px}.profile-sidebar-toggle:hover{background-color:#f3f4f6}.profile-sidebar-header{margin-bottom:24px}.profile-nav-title{font-size:18px;font-weight:700;color:#00a8e8;margin:0}.profile-nav{flex:1;display:flex;flex-direction:column;gap:32px}.profile-nav-section-title{font-size:12px;font-weight:600;color:#6b7280;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.profile-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%;margin-bottom:4px}.profile-nav-item:hover{background-color:#f3f4f6}.profile-nav-item.active{background-color:#e6f7ff;color:#00a8e8}.profile-nav-icon{font-size:20px}.profile-nav-label{font-size:14px;font-weight:500;color:#1f2937}.profile-nav-item.active .profile-nav-label{color:#00a8e8;font-weight:600}.profile-logout-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:auto;color:#ef4444}.profile-logout-btn:hover{background-color:#fef2f2}.profile-logout-icon{font-size:20px}.profile-logout-label{font-size:14px;font-weight:500}.profile-main-content{flex:1;padding:32px;overflow-y:auto}.profile-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.profile-page-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 4px}.profile-page-subtitle{font-size:14px;color:#6b7280;margin:0}.profile-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.profile-breadcrumb-separator{color:#d1d5db}.profile-breadcrumb-active{color:#1f2937;font-weight:500}.profile-tabs{display:flex;align-items:center;gap:8px;margin-bottom:32px;background-color:#fff;padding:8px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.profile-tab{padding:12px 24px;background:none;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.profile-tab:hover{background-color:#f3f4f6}.profile-tab.active{background-color:#00a8e8;color:#fff}.profile-save-btn{margin-left:auto;padding:12px 32px;background-color:#00a8e8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.profile-save-btn:hover{background-color:#0090c7}.profile-content-grid{display:grid;grid-template-columns:320px 1fr;gap:24px}.profile-card{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #E5E7EB;height:fit-content}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:24px;border-bottom:1px solid #E5E7EB;margin-bottom:24px}.profile-avatar-wrapper{position:relative;margin-bottom:16px}.profile-avatar-large{width:120px;height:120px;border-radius:50%;object-fit:cover}.profile-avatar-edit{display:none}.profile-avatar-edit:hover{background-color:#0090c7}.profile-card-name{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 4px}.profile-card-email{font-size:14px;color:#6b7280;margin:0 0 12px}.profile-status-badge{display:inline-block;padding:6px 16px;background-color:#d1fae5;color:#059669;font-size:12px;font-weight:600;border-radius:20px}.profile-quick-actions{margin-top:24px}.profile-quick-actions-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.profile-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background-color:#f9fafb;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;margin-bottom:8px}.profile-action-btn:hover{background-color:#f3f4f6}.profile-action-icon{width:40px;height:40px;background-color:#e0f2fe;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.profile-action-text{flex:1;text-align:left;font-size:14px;font-weight:500;color:#1f2937}.profile-action-arrow{font-size:20px;color:#9ca3af}.profile-forms{display:flex;flex-direction:column;gap:24px}.profile-form-section{background-color:#fff;border-radius:12px;padding:32px;border:1px solid #E5E7EB}.profile-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.profile-form-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 24px}.profile-edit-btn{padding:8px 16px;background:none;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.profile-edit-btn:hover{background-color:#f9fafb;border-color:#00a8e8;color:#00a8e8}.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-form-group{display:flex;flex-direction:column;gap:8px}.profile-form-group-full{grid-column:1 / -1}.profile-form-label{font-size:14px;font-weight:500;color:#374151}.profile-form-input,.profile-form-select{padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background-color:#fff;transition:border-color .2s}.profile-form-input:focus,.profile-form-select:focus{outline:none;border-color:#00a8e8}.profile-form-input:disabled,.profile-form-select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.profile-input-with-icon{position:relative}.profile-input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#9ca3af;pointer-events:none}.profile-phone-input{display:flex;gap:8px}.profile-country-code{width:100px;padding:12px 8px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background-color:#fff}.profile-phone-number{flex:1}.profile-security-message{font-size:14px;color:#6b7280;margin:16px 0 0}@media (max-width: 1200px){.profile-content-grid{grid-template-columns:1fr}.profile-card{max-width:400px;margin:0 auto}.profile-header-center{max-width:400px}}@media (max-width: 1024px){.profile-sidebar{position:fixed;left:-280px;top:0;bottom:0;z-index:200;transition:left .3s ease}.profile-sidebar.open{left:0}.profile-main-content{padding:24px}.profile-page-title{font-size:28px}.profile-header-center{max-width:350px}}@media (max-width: 768px){.profile-header{padding:12px 16px;gap:16px}.profile-header-center,.profile-user-details{display:none}.profile-main-content{padding:16px}.profile-page-header{flex-direction:column;gap:12px}.profile-page-title{font-size:24px}.profile-page-subtitle{font-size:13px}.profile-breadcrumb{font-size:12px}.profile-form-grid{grid-template-columns:1fr}.profile-tabs{flex-direction:column;align-items:stretch;padding:6px;gap:4px}.profile-tab{padding:10px 16px;font-size:13px}.profile-save-btn{margin-left:0;width:100%;padding:10px 24px}.profile-form-section{padding:20px}.profile-form-title{font-size:18px;margin-bottom:16px}.profile-card{max-width:100%;padding:20px}.profile-avatar-large{width:100px;height:100px}.profile-card-name{font-size:18px}.profile-sidebar{width:100%;left:-100%}.profile-sidebar.open{left:0}}@media (max-width: 576px){.profile-header{padding:10px 12px;gap:12px}.profile-logo-text{display:none}.profile-logo-icon{width:32px;height:32px}.profile-user-avatar{width:36px;height:36px}.profile-main-content{padding:12px}.profile-page-header{margin-bottom:16px}.profile-page-title{font-size:20px;margin-bottom:2px}.profile-tabs{margin-bottom:20px}.profile-tab{padding:8px 12px;font-size:12px}.profile-save-btn{padding:10px 20px;font-size:13px}.profile-form-section{padding:16px;border-radius:10px}.profile-form-title{font-size:16px;margin-bottom:14px}.profile-form-label{font-size:13px}.profile-form-input,.profile-form-select{padding:10px 12px;font-size:13px}.profile-form-group{gap:6px}.profile-card{padding:16px;border-radius:10px}.profile-avatar-section{padding-bottom:16px;margin-bottom:16px}.profile-avatar-large{width:80px;height:80px}.profile-avatar-edit{width:28px;height:28px}.profile-card-name{font-size:16px}.profile-card-email{font-size:12px}.profile-status-badge{padding:4px 12px;font-size:11px}.profile-quick-actions{margin-top:16px}.profile-quick-actions-title{font-size:14px;margin-bottom:12px}.profile-action-btn{padding:12px 14px;gap:10px;margin-bottom:6px}.profile-action-icon{width:32px;height:32px;font-size:14px}.profile-action-text{font-size:13px}.profile-edit-btn{padding:6px 12px;font-size:12px}}.profile-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:199}@media (max-width: 1024px){.profile-sidebar-overlay.visible{display:block}}._layout_1589q_1{min-height:100vh;width:100%;background-color:var(--color-bg-white);border-radius:var(--radius-lg);overflow:hidden}._main_1589q_9{display:flex;gap:27px;padding:27px 18px;min-height:calc(100vh - var(--header-height));position:relative}._content_1589q_17{flex:1;min-width:0;width:100%}._overlay_1589q_23{display:none}@media (max-width: 1024px){._main_1589q_9{padding:20px 16px;gap:20px}}@media (max-width: 768px){._main_1589q_9{padding:16px;gap:0}._overlay_1589q_23{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998;animation:_fadeIn_1589q_1 .2s ease}._content_1589q_17{width:100%}}@keyframes _fadeIn_1589q_1{0%{opacity:0}to{opacity:1}}:root{--color-primary: #03A5FF;--color-primary-gradient: linear-gradient(90deg, #03A5FF 0%, #1FC16B 100%);--color-primary-gradient-vertical: linear-gradient(180deg, #03A5FF 0%, #1FC16B 100%);--color-text-primary: #4A4A4A;--color-text-secondary: #454A53;--color-text-muted: #9EA2AD;--color-text-light: #777777;--color-text-dark: #000000;--color-bg-white: #FFFFFF;--color-bg-gray: #D9D9D9;--color-bg-light: #F5F5F5;--color-border: #E9EAEB;--color-border-light: #E8E8E8;--color-border-dark: #757575;--color-success: #1FC285;--color-success-light: #83EBC0;--color-success-bg: #1B8B61;--color-error: #FB3748;--color-warning: #FFC043;--color-warning-bg: rgba(255, 174, 67, .1);--color-warning-border: rgba(255, 174, 67, .2);--color-active: #57BDFF;--font-family: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-h5-size: 32px;--font-h5-weight: 700;--font-h5-line-height: 1.5;--font-h7-size: 22px;--font-h7-weight: 700;--font-h7-line-height: 1.5;--font-b1-size: 18px;--font-b1-weight: 600;--font-b1-line-height: 1.5;--font-b2-size: 16px;--font-b2-weight: 500;--font-b2-line-height: 1.5;--font-b3-size: 14px;--font-b3-weight: 600;--font-b3-line-height: 1.5;--font-b4-size: 12px;--font-b4-weight: 400;--font-b4-line-height: 1.5;--font-b5-size: 10px;--font-b5-weight: 500;--font-b5-line-height: 1.5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0px 1px 4px 0px rgba(0, 0, 0, .25);--shadow-none: 0px 0px 0px 0px rgba(27, 28, 29, 0);--sidebar-width: 313px;--header-height: 70px;--content-max-width: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-white);line-height:1.5;width:100%;margin:0;padding:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}img{max-width:100%;height:auto}.text-gradient{background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading-5{font-size:var(--font-h5-size);font-weight:var(--font-h5-weight);line-height:var(--font-h5-line-height)}.heading-7{font-size:var(--font-h7-size);font-weight:var(--font-h7-weight);line-height:var(--font-h7-line-height)}.body-1{font-size:var(--font-b1-size);font-weight:var(--font-b1-weight);line-height:var(--font-b1-line-height)}.body-2{font-size:var(--font-b2-size);font-weight:var(--font-b2-weight);line-height:var(--font-b2-line-height)}.body-3{font-size:var(--font-b3-size);font-weight:var(--font-b3-weight);line-height:var(--font-b3-line-height)}.body-4{font-size:var(--font-b4-size);font-weight:var(--font-b4-weight);line-height:var(--font-b4-line-height)}.body-5{font-size:var(--font-b5-size);font-weight:var(--font-b5-weight);line-height:var(--font-b5-line-height)}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}#root{min-height:100vh;width:100%}