:root{--surface: #f4f7fa;--surface-dim: #cbd4e1;--surface-bright: #f4f7fa;--surface-container-lowest: #ffffff;--surface-container-low: #f8fafc;--surface-container: #eff3f8;--surface-container-high: #e2e8f0;--surface-container-highest: #d1dbe7;--on-surface: #1e293b;--on-surface-variant: #475569;--inverse-surface: #0f172a;--inverse-on-surface: #f8fafc;--outline: #94a3b8;--outline-variant: #cbd5e1;--surface-tint: #0170b9;--primary: #0170b9;--on-primary: #ffffff;--primary-container: #0f172a;--on-primary-container: #94a3b8;--inverse-primary: #93c5fd;--secondary: #c2a503;--on-secondary: #ffffff;--secondary-container: #fdf8e2;--on-secondary-container: #856404;--tertiary: #1e293b;--on-tertiary: #ffffff;--tertiary-container: #f1f5f9;--on-tertiary-container: #475569;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--primary-fixed: #dbeafe;--primary-fixed-dim: #bfdbfe;--on-primary-fixed: #0f172a;--on-primary-fixed-variant: #1e3a8a;--secondary-fixed: #fef08a;--secondary-fixed-dim: #fde047;--on-secondary-fixed: #856404;--on-secondary-fixed-variant: #ca8a04;--tertiary-fixed: #e2e8f0;--tertiary-fixed-dim: #cbd5e1;--on-tertiary-fixed: #0f172a;--on-tertiary-fixed-variant: #334155;--background: #f4f7fa;--on-background: #1e293b;--surface-variant: #e2e8f0;--spacing-base: 4px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-gutter: 24px;--spacing-md: 24px;--spacing-lg: 40px;--spacing-xl: 64px;--container-max: 1280px;--rounded-sm: .25rem;--rounded-default: .5rem;--rounded-md: .75rem;--rounded-lg: 1rem;--rounded-xl: 1.5rem;--rounded-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 20px rgba(1, 112, 185, .05);--shadow-lg: 0 10px 30px -10px rgba(1, 112, 185, .12);--shadow-overlay: 0 20px 40px -15px rgba(1, 112, 185, .15);--transition-all: all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--glass-background: rgba(255, 255, 255, .2);--glass-border: 1px solid rgba(255, 255, 255, .4);--glass-blur: 20px}html.dark{--surface: #0b1320;--surface-dim: #131d30;--surface-bright: #1b263b;--surface-container-lowest: #070c16;--surface-container-low: #0f1a2b;--surface-container: #17243c;--surface-container-high: #21304e;--surface-container-highest: #2b3d60;--on-surface: #f8fafc;--on-surface-variant: #cbd5e1;--inverse-surface: #f1f5f9;--inverse-on-surface: #0f172a;--outline: #64748b;--outline-variant: #334155;--primary: #ffffff;--on-primary: #0b1320;--primary-container: #1e293b;--on-primary-container: #cbd5e1;--secondary: #c2a503;--on-secondary: #000000;--secondary-container: #856404;--on-secondary-container: #fef08a;--background: #0b1320;--on-background: #f8fafc;--surface-variant: #1e293b;--glass-background: rgba(11, 19, 32, .6);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-blur: 20px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:Inter,sans-serif;background-color:var(--background);color:var(--on-background);transition:background-color .3s ease,color .3s ease;overscroll-behavior-x:contain}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.max-width-container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--spacing-gutter);padding-right:var(--spacing-gutter)}@media (max-width: 768px){.max-width-container{padding-left:20px;padding-right:20px}}.navbar-container{position:sticky;top:0;z-index:100;background-color:#f8f9ffcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(198,198,205,.3);transition:background-color .3s ease,border-color .3s ease}html.dark .navbar-container{background-color:#0a0f1dcc;border-bottom:1px solid rgba(51,65,85,.4)}.navbar{display:flex;justify-content:space-between;align-items:center;height:64px}.nav-brand{display:flex;align-items:center}.brand-logo{height:44px;width:auto;object-fit:contain;transition:var(--transition-fast)}.dark-logo,html.dark .light-logo{display:none}html.dark .dark-logo{display:block}@media (max-width: 640px){.brand-logo{height:34px}}.nav-links{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{text-decoration:none;font-size:14px;font-weight:500;color:var(--on-surface-variant);padding-bottom:4px;border-bottom:2px solid transparent;transition:var(--transition-all)}.nav-link:hover{color:var(--secondary)}.nav-link.active{color:var(--secondary);border-bottom-color:var(--secondary)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;border-radius:var(--rounded-default);padding:6px;transition:var(--transition-fast);order:3;z-index:101}.hamburger-btn:hover{background-color:var(--surface-container-high)}.hamburger-bar{display:block;width:22px;height:2px;background-color:var(--on-surface);border-radius:var(--rounded-full);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,width .3s ease;transform-origin:center}.hamburger-btn.open .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open .hamburger-bar:nth-child(2){opacity:0;width:0}.hamburger-btn.open .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.hamburger-btn{display:flex}.nav-links{position:absolute;top:64px;left:0;right:0;background-color:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);box-shadow:0 8px 24px #0000001f;flex-direction:column;align-items:stretch;gap:0;padding:0;display:none;animation:slideDown .25s cubic-bezier(.4,0,.2,1);z-index:99}html.dark .nav-links{background-color:var(--surface-container-low);border-bottom-color:var(--outline-variant)}.nav-links.open{display:flex}.nav-link{padding:14px var(--spacing-gutter);border-bottom:1px solid var(--outline-variant);border-left:none;border-bottom-color-active:none;font-size:15px}.nav-link:last-of-type{border-bottom:none}.nav-link.active{border-bottom-color:var(--outline-variant);border-left:3px solid var(--secondary);padding-left:calc(var(--spacing-gutter) - 3px);background-color:var(--surface-container-low)}html.dark .nav-link.active{background-color:var(--surface-container)}.mobile-search-wrapper{display:flex;align-items:center;position:relative;padding:12px var(--spacing-gutter);border-top:1px solid var(--outline-variant)}.mobile-search-wrapper .search-icon{position:absolute;left:calc(var(--spacing-gutter) + 12px)}.mobile-search-wrapper .search-input{width:100%;padding-left:38px}.mobile-search-wrapper .search-input:focus{width:100%}}.mobile-search-wrapper{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--outline);font-size:20px;pointer-events:none}.search-input{width:200px;padding:8px 12px 8px 38px;border-radius:var(--rounded-default);border:1px solid var(--outline-variant);background-color:var(--surface-container-low);color:var(--on-surface);font-size:14px;outline:none;transition:var(--transition-all)}.search-input:focus{width:260px;border-color:var(--secondary);box-shadow:0 0 0 3px #0058be26;background-color:var(--surface-container-lowest)}@media (max-width: 1024px){.search-input:focus{width:200px}}@media (max-width: 768px){.search-wrapper{display:none}.nav-actions{gap:var(--spacing-xs)}}@media (max-width: 480px){.nav-actions .icon-button:not(#theme-toggle-btn):not(#settings-btn){display:none}}.icon-button{background:none;border:none;color:var(--on-surface-variant);padding:8px;border-radius:var(--rounded-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.icon-button:hover{background-color:var(--surface-container-high);color:var(--secondary);transform:scale(1.05)}.icon-button:active{transform:scale(.95)}.text-icon{font-size:22px}.profile-pill{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:var(--rounded-full);border:1.5px solid var(--outline-variant);cursor:pointer;transition:var(--transition-fast);position:relative;background:var(--surface-container-low);-webkit-user-select:none;user-select:none}.profile-pill:hover{border-color:var(--secondary);background:var(--surface-container)}.profile-avatar-wrap{width:28px;height:28px;border-radius:var(--rounded-full);overflow:hidden;flex-shrink:0;background:var(--primary);display:flex;align-items:center;justify-content:center}.profile-avatar{width:100%;height:100%;object-fit:cover}.profile-avatar-initials{font-size:11px;font-weight:700;color:var(--on-primary);letter-spacing:.5px;display:none}.profile-display-name{font-size:13px;font-weight:600;color:var(--on-surface);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{font-size:18px;color:var(--on-surface-variant);transition:transform .2s ease}.profile-pill[aria-expanded=true] .profile-chevron{transform:rotate(180deg)}.main-content{flex:1;display:flex;flex-direction:column}.hero-section{position:relative;width:100%;min-height:504px;padding-top:24px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#012d4d,#061c30);background-image:linear-gradient(#012d4d66,#061c3099),url(/assets/hcf_hero_option1-CtUkVnnV.png);background-size:cover,60%;background-repeat:no-repeat,no-repeat;background-position:center,center;box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-lg)}.hero-glow-circle-1{position:absolute;top:-20%;left:-10%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#0170b966,#0170b900 70%);filter:blur(40px);animation:float-glow-1 25s ease-in-out infinite alternate;pointer-events:none}.hero-glow-circle-2{position:absolute;bottom:-20%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#c2a50340,#c2a50300 70%);filter:blur(50px);animation:float-glow-2 20s ease-in-out infinite alternate;pointer-events:none}@keyframes float-glow-1{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.2)}}@keyframes float-glow-2{0%{transform:translate(0) scale(1)}to{transform:translate(-80px,-50px) scale(1.15)}}.hero-content-wrapper{width:80%;margin:0 auto;z-index:10;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.hero-card{position:relative;z-index:10;max-width:640px;margin-left:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--rounded-xl);box-shadow:var(--shadow-overlay);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-background);border:var(--glass-border);transition:transform .3s ease,box-shadow .3s ease}.hero-card>*:last-child{margin-bottom:0}.hero-card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -10px #0f172a40}.hero-title{font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#fff;margin-bottom:var(--spacing-xs)}.accent-text{color:var(--secondary-fixed);text-shadow:0 2px 10px rgba(0,88,190,.3)}.hero-subtitle{font-size:20px;font-weight:600;line-height:1.4;color:#fffffff2;margin-bottom:var(--spacing-xs)}.hero-tagline{font-size:16px;font-weight:500;line-height:1.4;color:var(--secondary-fixed-dim);margin-bottom:var(--spacing-sm)}.hero-rotating-text{font-size:14px;font-weight:400;line-height:1.5;color:#ffffffbf;margin-bottom:var(--spacing-md);min-height:21px;transition:opacity .5s ease-in-out}.announcement-wrapper{position:relative;min-height:90px;margin-bottom:var(--spacing-lg)}.announcement-banner{background-color:#ffffff26;border-left:4px solid var(--secondary-fixed);padding:var(--spacing-sm);border-radius:0 var(--rounded-default) var(--rounded-default) 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;top:0;left:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}html.dark .announcement-banner{background-color:#00000040;border-left-color:var(--secondary)}.announcement-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:6px}.announcement-icon{color:var(--secondary-fixed);font-size:20px}.announcement-tag{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--secondary-fixed)}.announcement-text{font-size:15px;font-weight:500;color:#fff;line-height:1.4;display:block;transition:opacity .3s ease,transform .35s cubic-bezier(.4,0,.2,1)}.hero-search-bar{display:flex;gap:var(--spacing-xs)}.hero-search-input{flex-grow:1;padding:16px;border-radius:var(--rounded-default);border:1px solid rgba(255,255,255,.35);background-color:#ffffff26;color:#fff;font-size:16px;outline:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:var(--transition-all)}.hero-search-input::placeholder{color:#ffffffb3}.hero-search-input:focus{background-color:#ffffff40;border-color:#fff;box-shadow:0 0 0 3px #fff3}.btn{border:none;font-weight:700;font-size:14px;padding:12px 24px;border-radius:var(--rounded-lg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-primary{background-color:var(--secondary);color:var(--on-secondary);border-bottom:2px solid rgba(0,0,0,.2);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0058be4d;opacity:.95}.btn-primary:active{transform:translateY(1px);border-bottom-width:0}.btn-secondary{background:none;border:1px solid var(--outline);color:var(--on-surface)}.btn-secondary:hover{background-color:var(--surface-container-low)}.btn-text{background:none;border:none;color:var(--secondary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-text:hover{text-decoration:underline;opacity:.85}@media (max-width: 768px){.hero-section{min-height:auto;padding:var(--spacing-md) 0;padding-top:var(--spacing-sm)}.hero-content-wrapper{width:100%;justify-content:center;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.hero-card{width:100%;max-width:100%;margin-left:0;margin-right:0;padding:var(--spacing-md)}.hero-title{font-size:30px}.hero-subtitle{font-size:16px}.hero-tagline{font-size:14px}.hero-search-bar{flex-direction:column}.announcement-wrapper{min-height:auto;height:auto;margin-bottom:var(--spacing-md)}.announcement-banner{position:static;width:100%}}@media (max-width: 480px){.hero-title{font-size:26px}.hero-subtitle{font-size:14px}.hero-tagline{font-size:13px;margin-bottom:var(--spacing-xs)}.hero-card{padding:var(--spacing-sm)}}.favorites-section{margin-top:var(--spacing-lg);background-color:var(--surface-container-low);border-radius:var(--rounded-md);padding:var(--spacing-sm) var(--spacing-gutter);border:1px solid rgba(198,198,205,.15);transition:var(--transition-all)}html.dark .favorites-section{background-color:var(--surface-container-lowest);border-color:#ffffff08}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.section-title{font-size:20px;font-weight:600;color:var(--on-surface);display:flex;align-items:center;gap:var(--spacing-xs);letter-spacing:-.01em}.header-icon{font-size:24px}.fav-icon{color:var(--secondary);font-variation-settings:"FILL" 1}.favorites-scroll-container{display:flex;gap:var(--spacing-gutter);overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--surface-dim) transparent}.favorites-scroll-container::-webkit-scrollbar{height:4px}.favorites-scroll-container::-webkit-scrollbar-track{background:transparent}.favorites-scroll-container::-webkit-scrollbar-thumb{background-color:var(--outline-variant);border-radius:var(--rounded-full)}.empty-favorites-message{padding:var(--spacing-sm) 0;font-size:14px;font-style:italic}.favorite-item-btn{flex:0 0 110px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--on-surface);cursor:pointer;transition:var(--transition-all)}.favorite-icon-box{width:64px;height:64px;border-radius:var(--rounded-md);background-color:var(--surface-container-high);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:var(--transition-all);border:1px solid rgba(198,198,205,.15)}html.dark .favorite-icon-box{background-color:var(--surface-container);border-color:#ffffff0d}.favorite-item-btn:hover .favorite-icon-box{transform:translateY(-4px);box-shadow:var(--shadow-md);background-color:var(--surface-container-highest);border-color:var(--secondary)}.favorite-icon-box .material-symbols-outlined{font-size:32px;color:var(--secondary)}.favorite-item-label{margin-top:8px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transition:var(--transition-fast)}.favorite-item-btn:hover .favorite-item-label{color:var(--secondary)}.portal-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-gutter);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.apps-column{grid-column:span 9;display:flex;flex-direction:column;gap:var(--spacing-xl)}.sidebar-column{grid-column:span 3;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 1024px){.apps-column,.sidebar-column{grid-column:span 12}.portal-grid{margin-bottom:var(--spacing-lg)}}@media (max-width: 768px){.portal-grid{gap:var(--spacing-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.apps-column{gap:var(--spacing-lg)}}.category-section{display:flex;flex-direction:column}.category-title{font-size:22px;font-weight:600;color:var(--on-surface);border-bottom:1px solid var(--outline-variant);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-md);letter-spacing:-.01em}html.dark .category-title{border-bottom-color:#ffffff14}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-gutter)}@media (max-width: 1200px){.apps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.apps-grid{grid-template-columns:1fr}}.app-card{position:relative;background-color:var(--surface-container-lowest);border-radius:var(--rounded-default);border:1px solid rgba(118,119,125,.18);padding:var(--spacing-sm);box-shadow:var(--shadow-sm);transition:var(--transition-all);cursor:pointer;overflow:hidden}html.dark .app-card{border-color:#ffffff0f}.app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--secondary)}.app-card-body{display:flex;gap:var(--spacing-sm);align-items:flex-start}.app-icon-wrapper{flex-shrink:0;width:48px;height:48px;border-radius:var(--rounded-default);background-color:var(--surface-container);display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}html.dark .app-icon-wrapper{background-color:var(--surface-container-high)}.app-card:hover .app-icon-wrapper{transform:translateY(-2px);background-color:var(--surface-container-highest)}.app-icon{font-size:24px;color:var(--secondary)}.app-info{display:flex;flex-direction:column;overflow:hidden}.app-name{font-size:15px;font-weight:600;color:var(--on-surface);transition:var(--transition-fast)}.app-card:hover .app-name{color:var(--secondary)}.app-description{font-size:13px;color:var(--on-surface-variant);line-height:1.4;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:var(--transition-fast)}.app-card:hover .app-description{display:block;-webkit-line-clamp:unset;overflow:visible}.fav-toggle-btn{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--rounded-full);display:flex;align-items:center;justify-content:center;color:var(--outline);transition:var(--transition-all);z-index:5}.fav-toggle-btn:hover{background-color:var(--surface-container-low);color:var(--secondary);transform:scale(1.15)}.fav-toggle-btn .star-icon{font-size:20px;font-variation-settings:"FILL" 0;transition:var(--transition-all)}.fav-toggle-btn.active-fav{color:var(--secondary)}.fav-toggle-btn.active-fav .star-icon{font-variation-settings:"FILL" 1}.static-card{cursor:default}.static-card:hover{transform:none;box-shadow:var(--shadow-sm);border-color:#76777d2e}.static-card:hover .app-name{color:var(--on-surface)}.static-card:hover .app-icon-wrapper{transform:none}.secondary-bg{background-color:var(--surface-container-high)}.sidebar-card{background-color:var(--surface-container-low);border-radius:var(--rounded-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid rgba(198,198,205,.15)}html.dark .sidebar-card{background-color:var(--surface-container-lowest);border-color:#ffffff0a}.sidebar-card-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--outline);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.sidebar-icon{font-size:16px}.prayer-widget{margin-bottom:var(--spacing-md)}.prayer-widget-header{display:flex;flex-direction:column;gap:var(--spacing-xs);border-bottom:1px solid rgba(198,198,205,.12);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}html.dark .prayer-widget-header{border-bottom-color:#ffffff14}.location-row{display:flex;justify-content:flex-start;width:100%}.dates-row{display:flex;flex-direction:column;gap:2px}.gregorian-date{font-size:16px;font-weight:700;color:var(--on-surface);margin:0}.hijri-wrapper{display:flex;align-items:center;gap:var(--spacing-xs)}.hijri-icon{font-size:16px;color:var(--secondary)}html.dark .hijri-icon{color:var(--secondary-fixed-dim)}.hijri-date{font-size:13px;font-weight:600;color:var(--secondary);margin:0}html.dark .hijri-date{color:var(--secondary-fixed-dim)}.location-badge{display:inline-flex;align-items:center;gap:4px;background-color:var(--surface-container-high);padding:4px 10px;border-radius:var(--rounded-full);border:1px solid rgba(198,198,205,.1);cursor:pointer;transition:var(--transition-fast)}.location-badge:hover{background-color:var(--outline-variant)}html.dark .location-badge{background-color:var(--surface-container-high)}html.dark .location-badge:hover{background-color:var(--surface-container-highest)}.location-icon{font-size:14px;color:var(--on-surface-variant)}#widget-location-text{font-size:11px;font-weight:600;color:var(--on-surface-variant)}.prayer-times-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.prayer-time-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--surface-container-lowest);border:1px solid rgba(198,198,205,.1);border-radius:var(--rounded-default);padding:var(--spacing-xs) 4px;transition:var(--transition-fast)}html.dark .prayer-time-item{background-color:var(--surface-container-low);border-color:#ffffff05}.prayer-name{font-size:11px;font-weight:700;color:var(--on-surface-variant);margin-bottom:2px;text-transform:uppercase;letter-spacing:.05em}.prayer-time{font-size:13px;font-weight:600;color:var(--on-surface)}.prayer-time-item.active-prayer{border-color:var(--secondary);background:linear-gradient(135deg,#c2a50314,#0170b90a);box-shadow:0 0 12px #c2a50326}html.dark .prayer-time-item.active-prayer{border-color:var(--secondary);background:linear-gradient(135deg,#c2a50326,#0170b914);box-shadow:0 0 16px #c2a50340}.prayer-time-item.active-prayer .prayer-name{color:var(--secondary)}.prayer-time-item.active-prayer .prayer-time{color:var(--on-surface);font-weight:700}.social-links{display:flex;flex-direction:column;gap:var(--spacing-xs)}.social-link-item{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--on-surface);padding:8px;border-radius:var(--rounded-default);transition:var(--transition-all)}.social-link-item:hover{background-color:var(--surface-container-high)}.social-icon-wrapper{width:32px;height:32px;border-radius:var(--rounded-default);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.social-link-item:hover .social-icon-wrapper{transform:scale(1.1)}.facebook-bg{background-color:#1877f2}.facebook-bg .social-svg{fill:#fff}.instagram-bg{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.instagram-bg .social-svg{fill:#fff}.twitter-bg{background-color:#0f1419}.twitter-bg .social-svg{fill:#fff}.whatsapp-bg{background-color:#25d366}.whatsapp-bg .social-svg{fill:#fff}.youtube-bg{background-color:red}.youtube-bg .social-svg{fill:#fff}.social-svg{width:16px;height:16px}.social-text{font-size:15px;font-weight:500}.sidebar-header-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.sidebar-header-action .sidebar-card-title{margin-bottom:0}.icon-button-small{background:none;border:none;color:var(--outline);cursor:pointer;border-radius:var(--rounded-sm);display:flex;align-items:center;justify-content:center;padding:4px;transition:var(--transition-fast)}.icon-button-small:hover{background-color:var(--surface-container-high);color:var(--secondary)}.quick-links-list{list-style:none;display:flex;flex-direction:column;gap:4px}.quick-link-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:var(--rounded-default);cursor:pointer;transition:var(--transition-all)}.quick-link-row:nth-child(2n){background-color:var(--surface-container-lowest)}html.dark .quick-link-row:nth-child(2n){background-color:#ffffff05}.quick-link-row:hover{background-color:var(--surface-container-high)!important}.quick-link-anchor{text-decoration:none;color:var(--on-surface);font-size:14px;font-weight:500;transition:var(--transition-fast)}.quick-link-row:hover .quick-link-anchor{color:var(--secondary)}.link-arrow-icon{font-size:16px;color:var(--outline);opacity:0;transform:translate(-4px);transition:var(--transition-all)}.quick-link-row:hover .link-arrow-icon{opacity:1;transform:translate(0);color:var(--secondary)}.banner-card{position:relative;border-radius:var(--rounded-xl);overflow:hidden;aspect-ratio:4 / 5;box-shadow:var(--shadow-sm);cursor:pointer}.banner-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.banner-card:hover .banner-image{transform:scale(1.05)}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-md);color:#fff}.banner-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary-fixed-dim);margin-bottom:4px}.banner-heading{font-size:20px;font-weight:600;line-height:1.3}.banner-subheading{font-size:13px;color:#fffc;margin-top:6px;line-height:1.4}.footer-container{background-color:var(--surface-container-highest);border-top:1px solid rgba(198,198,205,.2);margin-top:auto;padding:var(--spacing-md) 0;transition:var(--transition-all)}html.dark .footer-container{background-color:var(--surface-container-low);border-top-color:#ffffff0a}.footer{display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;flex-direction:column}.footer-logo-text{font-size:15px;font-weight:700;color:var(--on-surface)}.footer-copy{font-size:12px;color:var(--on-surface-variant);margin-top:4px}.footer-links{display:flex;gap:var(--spacing-md)}.footer-link{font-size:12px;color:var(--on-surface-variant);text-decoration:underline;transition:var(--transition-fast)}.footer-link:hover{color:var(--secondary)}@media (max-width: 768px){.footer{flex-direction:column;gap:var(--spacing-sm);text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}}.support-fab{position:fixed;bottom:var(--spacing-gutter);right:var(--spacing-gutter);width:56px;height:56px;background-color:var(--surface-container-highest);color:var(--on-surface);border-radius:var(--rounded-full);border:1px solid rgba(198,198,205,.3);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:90;transition:var(--transition-all)}html.dark .support-fab{background-color:var(--surface-container-high);border-color:#ffffff1a}.support-fab:hover{transform:scale(1.08);box-shadow:0 10px 25px #0058be40;background-color:var(--surface-container-highest);border-color:var(--secondary)}.support-fab:active{transform:scale(.95)}.support-fab span.material-symbols-outlined{font-size:24px;color:var(--secondary)}.support-tooltip{position:absolute;right:calc(100% + var(--spacing-sm));background-color:var(--inverse-surface);color:var(--inverse-on-surface);padding:8px 12px;border-radius:var(--rounded-default);font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(10px);box-shadow:var(--shadow-md);transition:var(--transition-all)}.support-fab:hover .support-tooltip{opacity:1;transform:translate(0)}.link-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:440px;border-radius:var(--rounded-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-overlay);outline:none;z-index:200;background-color:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant)}.link-modal::backdrop{background:#0b1c3066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal-title{font-size:18px;font-weight:600;color:var(--on-surface);margin-bottom:var(--spacing-xs)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--outline)}.form-group input{padding:10px 12px;border-radius:var(--rounded-default);border:1px solid var(--outline-variant);background-color:var(--surface-container-low);color:var(--on-surface);font-size:14px;outline:none;transition:var(--transition-fast)}.form-group input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #0058be26;background-color:var(--surface-container-lowest)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.admin-search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:var(--spacing-sm)}.admin-search-icon{position:absolute;left:12px;color:var(--outline);font-size:20px;pointer-events:none}.admin-search-input{width:100%;padding:10px 12px 10px 38px;border-radius:var(--rounded-default);border:1px solid var(--outline-variant);background-color:var(--surface-container-low);color:var(--on-surface);font-size:14px;outline:none;transition:var(--transition-fast)}.admin-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0170b926;background-color:var(--surface-container-lowest)}html.dark .admin-search-input{background-color:var(--surface-container-low)}.admin-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:680px;max-height:85vh;border-radius:var(--rounded-xl);padding:0;box-shadow:var(--shadow-overlay);outline:none;z-index:200;display:none;flex-direction:column;overflow:hidden;background-color:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant)}.admin-modal[open]{display:flex}.admin-modal::backdrop{background:#0b1c3080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-modal-close-icon-top{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--on-surface-variant);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);z-index:10}.admin-modal-close-icon-top:hover{background-color:var(--surface-container-high);color:var(--on-surface)}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--outline-variant);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--surface-container-low);flex-shrink:0}html.dark .admin-modal-header{border-bottom-color:var(--outline-variant)}.admin-modal-body{flex-grow:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg)}.admin-modal-body::-webkit-scrollbar{width:8px}.admin-modal-body::-webkit-scrollbar-track{background:transparent}.admin-modal-body::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:4px}.admin-modal-body::-webkit-scrollbar-thumb:hover{background:var(--outline)}.admin-header-icon{font-size:28px;color:var(--primary)}.admin-modal-subtitle{font-size:13px;color:var(--on-surface-variant);margin-bottom:var(--spacing-md);line-height:1.4}.app-manager-container{border:1px solid var(--outline-variant);border-radius:var(--rounded-default);background-color:var(--surface-container-low);overflow:hidden;margin-bottom:var(--spacing-md);overscroll-behavior-x:contain}html.dark .app-manager-container{border-color:var(--outline-variant);background-color:var(--surface-container-lowest)}.app-manager-list{list-style:none;max-height:220px;overflow-y:auto}.app-manager-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--outline-variant);cursor:pointer;transition:var(--transition-fast);color:var(--on-surface)}.app-manager-row span{color:inherit}.app-manager-row .manager-url-text{color:var(--on-surface-variant)!important}.app-manager-row:hover{background-color:var(--surface-container-high)!important}html.dark .app-manager-row:hover{background-color:#ffffff0d!important}html.dark .app-manager-row{border-bottom-color:var(--outline-variant)}.app-manager-row:last-child{border-bottom:none}.app-manager-row:nth-child(2n){background-color:var(--surface-container-lowest)}html.dark .app-manager-row:nth-child(2n){background-color:#ffffff03}.manager-app-info{display:flex;align-items:center;gap:var(--spacing-sm);overflow:hidden}.manager-icon-box{font-size:20px;color:var(--primary);display:flex;align-items:center}.manager-text-box{display:flex;flex-direction:column;overflow:hidden}.manager-app-name{font-size:14px;font-weight:600;color:var(--on-surface)}.manager-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:var(--rounded-sm);display:inline-block;margin-top:2px;width:fit-content}.badge-hcf{background-color:#0170b926;color:var(--primary)}.badge-third-party{background-color:#c2a50326;color:var(--secondary)}.badge-public{background-color:var(--outline-variant);color:var(--on-surface-variant)}.badge-active{background-color:#4caf5026;color:#4caf50}.badge-inactive{background-color:#f4433626;color:#f44336}.manager-actions{display:flex;gap:var(--spacing-xs)}.btn-icon-edit{color:var(--primary)}.btn-icon-move-up,.btn-icon-move-down{color:var(--secondary)}.btn-icon-delete{color:var(--error)}.admin-form{display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--rounded-default);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}html.dark .admin-form{background-color:var(--surface-container);border-color:var(--outline-variant)}.form-section-title{font-size:14px;font-weight:700;color:var(--on-surface);border-bottom:1px solid var(--outline-variant);padding-bottom:4px;margin-bottom:var(--spacing-xs)}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}@media (max-width: 600px){.form-row-grid{grid-template-columns:1fr}}.form-group select,.form-group textarea{padding:10px 12px;border-radius:var(--rounded-default);border:1px solid var(--outline-variant);background-color:var(--surface-container-low);color:var(--on-surface);font-size:14px;outline:none;transition:var(--transition-fast)}.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0170b926;background-color:var(--surface-container-lowest)}html.dark .form-group select,html.dark .form-group textarea{background-color:var(--surface-container-low)}.admin-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:4px}.admin-modal-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--outline-variant);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--surface-container-low);flex-shrink:0}html.dark .admin-modal-footer{border-top-color:var(--outline-variant)}html.dark .btn-secondary{background-color:var(--surface-container-high);color:var(--on-surface);border:1px solid var(--outline-variant)}html.dark .btn-secondary:hover{background-color:var(--surface-container-highest)}@media (max-width: 768px){.favorites-section{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--rounded-default)}.favorites-scroll-container{gap:var(--spacing-sm)}.favorite-item-btn{flex:0 0 88px}.favorite-icon-box{width:52px;height:52px}.favorite-icon-box .material-symbols-outlined{font-size:26px}.favorite-item-label{font-size:11px}.section-title{font-size:17px}.category-title{font-size:18px}}@media (max-width: 420px){.prayer-times-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.apps-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media (max-width: 480px){.apps-grid{grid-template-columns:1fr;gap:var(--spacing-xs)}}@media (max-width: 640px){.admin-modal{width:96%;max-height:92vh;top:50%}.admin-modal-header,.admin-modal-body,.admin-modal-footer{padding:var(--spacing-sm) var(--spacing-md)}.admin-modal-body::-webkit-scrollbar{width:4px}}@media (max-width: 480px){.admin-modal{width:100%;max-height:95vh;border-radius:var(--rounded-lg) var(--rounded-lg) 0 0;top:auto;bottom:0;left:0;right:0;transform:none}.admin-modal[open]{position:fixed;inset:auto 0 0 0;transform:none}}@media (max-width: 480px){.link-modal{width:96%;padding:var(--spacing-md)}}@media (max-width: 480px){.footer-links{gap:var(--spacing-sm)}.footer-link{font-size:11px}.footer-logo-text{font-size:13px}.footer-copy{font-size:11px}}@media (max-width: 480px){.support-fab{bottom:var(--spacing-sm);right:var(--spacing-sm);width:48px;height:48px}.support-fab span.material-symbols-outlined{font-size:20px}}@media (max-width: 768px){.sidebar-card{padding:var(--spacing-sm)}.banner-card{aspect-ratio:16 / 9}}@media (max-width: 768px){.category-section{margin-bottom:var(--spacing-sm)}}@media (max-width: 768px){.navbar{height:60px}.navbar-container{position:sticky}.nav-links{top:60px}}#sso-login-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;background:var(--surface);font-family:Inter,sans-serif;color:var(--on-surface);overflow:hidden;z-index:9999}.sso-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--on-surface-variant, #777777);font-size:13px;font-weight:500}.sso-divider:before,.sso-divider:after{content:"";flex:1;border-bottom:1px solid var(--outline-variant, #e0e0e0)}.sso-divider:not(:empty):before{margin-right:.5em}.sso-divider:not(:empty):after{margin-left:.5em}.btn-google{background-color:var(--surface-container-high, #ffffff);color:var(--on-surface, #1f1f1f);border:1px solid var(--outline, #e0e0e0);box-shadow:var(--shadow-sm);gap:12px;transition:all .2s ease}.btn-google:hover{background-color:var(--surface-container-highest, #f5f5f5);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-google:active{transform:translateY(1px)}html.dark .btn-google{background-color:#303030;color:#fff;border-color:#424242}html.dark .btn-google:hover{background-color:#3d3d3d}.sso-date-badge-container{display:flex;justify-content:flex-start;margin-bottom:20px}.sso-date-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background-color:var(--secondary-container);color:var(--on-secondary-container);border:1px solid rgba(194,165,3,.25);border-radius:20px;font-size:13px;font-weight:600;box-shadow:var(--shadow-sm);letter-spacing:.2px}html.dark .sso-date-badge{background-color:#c2a50326;color:#ffd84d;border-color:#c2a50359}.sso-date-badge.hero-date-badge{background-color:#ffffff26!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 4px 12px #00000026!important}.sso-login-prayer-container{margin-top:16px;display:flex;justify-content:flex-start}.sso-login-prayer-row{display:flex;align-items:center;background-color:#00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 16px;gap:8px;box-shadow:0 8px 32px #0003}.sso-login-prayer-item{display:flex;flex-direction:column;align-items:center;padding:4px 10px;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.sso-login-prayer-item .label{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#ffffff8c;margin-bottom:2px;font-weight:700}.sso-login-prayer-item .value{font-size:13px;font-weight:700;color:#fffffff2;font-variant-numeric:tabular-nums}.sso-login-prayer-item.active-sso-prayer{background-color:#c2a50333!important;border:1px solid rgba(194,165,3,.45)!important;box-shadow:0 0 10px #c2a50333}.sso-login-prayer-item.active-sso-prayer .label{color:#ffd84d!important}.sso-login-prayer-item.active-sso-prayer .value{color:#fff!important}.sso-login-prayer-divider{height:18px;width:1px;background-color:#ffffff26}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-up{animation:slideInUp .6s cubic-bezier(.16,1,.3,1) both}.login-hero{flex:1.2;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:80px;color:#fff;background-image:linear-gradient(to bottom,#0003,#000000d9),url(/assets/login-bg-m-2ziZ4_.png);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-text-wrapper{z-index:1;max-width:600px}.hero-accent-bar{width:48px;height:4px;background:var(--secondary);margin-bottom:32px;border-radius:2px}.login-hero h2{font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.1;margin-bottom:20px;letter-spacing:-1.5px;text-shadow:0 2px 20px rgba(0,0,0,.4)}.login-hero h2 .accent-gold{color:var(--secondary)}.login-hero p{font-size:18px;opacity:.9;font-weight:400;max-width:450px;line-height:1.6;text-shadow:0 1px 10px rgba(0,0,0,.3)}.login-form-container{width:540px;background:var(--surface-container-low);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 60px;position:relative;border-left:1px solid var(--outline-variant);z-index:10}.form-wrapper{width:100%;max-width:380px;animation-delay:.1s}.sso-login-header{text-align:left;margin-bottom:40px;display:flex;flex-direction:column;align-items:flex-start}.sso-login-header .brand-logo{height:52px;object-fit:contain;margin-bottom:24px}html.dark .sso-login-header .light-logo{display:none!important}html:not(.dark) .sso-login-header .dark-logo{display:none!important}.sso-login-header h1{font-size:26px;font-weight:800;color:var(--on-surface);margin:0 0 6px;letter-spacing:-.5px}.sso-title-desc{font-size:14px;color:var(--on-surface-variant);margin:0 0 4px;line-height:1.4;font-weight:500}.sso-tagline{font-size:12px;color:var(--secondary);margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sso-alert{padding:var(--spacing-sm);border-radius:var(--rounded-default);font-size:12.5px;font-weight:600;margin-bottom:var(--spacing-sm);text-align:left}.alert-error{background:var(--error-container);color:var(--on-error-container);border:1px solid rgba(186,26,26,.2)}.login-form-container .form-group{margin-bottom:20px;width:100%}.login-form-container label{font-weight:600;color:var(--on-surface);margin-bottom:8px;display:block;font-size:13px}.login-form-container input[type=email],.login-form-container input[type=password]{padding:13px 16px;border-radius:var(--rounded-default);background:var(--surface-container-highest);border:1px solid var(--outline-variant);width:100%;font-size:14px;color:var(--on-surface);transition:all .2s;outline:none}.login-form-container input[type=email]:focus,.login-form-container input[type=password]:focus{border-color:var(--secondary)!important;box-shadow:0 0 0 4px var(--secondary-container)!important;background:var(--surface-container-lowest)!important}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:44px!important}.password-toggle-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--on-surface-variant);font-size:18px;padding:0;display:flex;align-items:center;justify-content:center}#sso-submit-btn{width:100%;justify-content:center;padding:15px 20px;font-size:15px;font-weight:700;border-radius:var(--rounded-default);box-shadow:0 8px 20px var(--secondary-container);border:none;cursor:pointer;background:var(--primary);color:var(--on-primary);transition:var(--transition-all);margin-top:10px}#sso-submit-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 24px var(--secondary-container)}#sso-submit-btn:active{transform:translateY(0)}#sso-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.sso-footer-text{text-align:left;font-size:11px;color:var(--on-surface-variant);margin-top:64px;opacity:.6;line-height:1.5}.sso-password-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sso-password-label-row label{margin-bottom:0!important}.sso-forgot-link{background:none;border:none;color:var(--secondary);font-size:12px;font-weight:700;cursor:pointer;padding:0;text-decoration:none;font-family:inherit;transition:opacity .15s ease}.sso-forgot-link:hover{opacity:.75;text-decoration:underline}.sso-back-link{background:none;border:none;color:var(--secondary);font-size:13px;font-weight:700;cursor:pointer;padding:0;font-family:inherit;transition:opacity .15s ease}.sso-back-link:hover{opacity:.75;text-decoration:underline}.alert-success{background:#dcfce7;color:#166534;border:1px solid rgba(22,101,52,.2)}html.dark .alert-success{background:#16653426;color:#86efac;border:1px solid rgba(134,239,172,.2)}#sso-recovery-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;background:var(--surface);font-family:Inter,sans-serif;color:var(--on-surface);overflow:hidden;z-index:9999}.sso-pw-hint{font-size:11.5px;color:var(--on-surface-variant);margin-top:-8px;margin-bottom:16px;line-height:1.5;opacity:.8}@media (max-width: 900px){.login-hero{display:none!important}.login-form-container{width:100%!important;border-left:none!important;padding:40px var(--spacing-sm)}}#profile-menu-trigger{position:relative;cursor:pointer}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--rounded-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:10000;display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}body.dark .profile-dropdown{background:#1e293bf2}.profile-dropdown-header{padding:var(--spacing-xs);display:flex;flex-direction:row;align-items:center;gap:10px}.profile-dropdown-avatar-wrap{width:40px;height:40px;border-radius:var(--rounded-full);overflow:hidden;flex-shrink:0;border:2px solid var(--outline-variant)}.profile-dropdown-avatar{width:100%;height:100%;object-fit:cover}.profile-dropdown-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-display-name-text{font-size:13px;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email-text{font-size:11px;font-weight:500;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{border:0;border-top:1px solid var(--outline-variant);margin:var(--spacing-xs) 0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:13px;font-weight:600;color:var(--on-surface);background:transparent;border:none;border-radius:var(--rounded-sm);cursor:pointer;text-align:left;transition:var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--surface-container-high);color:var(--primary)}.dropdown-item-logout{color:var(--error)}.dropdown-item-logout:hover{background:var(--error-container);color:var(--on-error-container)}.dropdown-item span{font-size:18px}.btn-tab{transition:var(--transition-fast)}.btn-tab:hover{color:var(--primary)}.btn-tab.active{background:var(--primary)!important;color:var(--on-primary)!important}