@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--primary-blue:#1a6fd4;--primary-blue-hover:#1d4ed8;--success-color:#16a34a;--danger-color:#ef4444;--warning-color:#f59e0b;--bg-color:#f8fafc;--page-bg-accent:#f0f7ff;--gradient-bg:radial-gradient(at 0% 0%, var(--page-bg-accent) 0px, transparent 50%), radial-gradient(at 100% 100%, #4f46e50d 0px, transparent 50%), #fff;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--border-focus:#3b82f6;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--shadow-xl:0 20px 35px -10px #0000001f, 0 10px 15px -5px #0000000f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--btn-radius:8px;--font-heading:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", "Outfit", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700}.ref-app-layout{background:linear-gradient(#f0f6ff 0%,#f8fafc 100%) fixed;flex-direction:column;min-height:100vh;display:flex}.ref-portal-header{background:#fff;border-bottom:1px solid #e2e8f0;width:100%;padding:0 32px;box-shadow:0 1px 3px #00000005}.ref-portal-header-inner{justify-content:space-between;align-items:center;max-width:1320px;height:70px;margin:0 auto;display:flex}.ref-module-card:hover{transform:translateY(-4px);border-color:var(--home-primary,#cbd5e1)!important;box-shadow:0 16px 36px #2563eb14!important}.template-header{z-index:1000;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffff1a;padding:0 24px;position:fixed;top:0;left:0;right:0;background:#0f172aeb!important}.template-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1450px;height:75px;margin:0 auto;display:flex}.nav-link-item{color:#ffffffd9;white-space:nowrap;cursor:pointer;align-items:center;padding:8px 0;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.nav-link-item:hover{color:#fff}.nav-link-item:before{content:"";background-color:#3b82f6;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link-item:hover:before{width:100%}.dropdown-arrow-icon{opacity:.6;pointer-events:none;margin-left:6px;font-size:10px;display:inline-block}.nav-btn-action{color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:99px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.nav-btn-action:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb73}.nav-dropdown-wrapper{position:relative}.nav-dropdown-wrapper:hover>.glass-sub-menu{visibility:visible;opacity:1;transform:translateY(0)}.glass-sub-menu{visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(20px);z-index:1000;background:#fffffffa;border:1px solid #e2e8f0cc;border-radius:12px;min-width:210px;padding:10px 0;list-style:none;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 12px 30px #0000001f}.glass-sub-menu li a{color:#334155;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.glass-sub-menu li a:hover{color:#2563eb;background:#3b82f614;padding-left:24px}.template-footer{text-align:center;color:#94a3b8;background-color:#1a1a2e;border-top:1px solid #ffffff0f;margin-top:auto;padding:24px 20px;font-size:14px}.portal-top-nav{background-color:#1e293b;border-bottom:1px solid #0f172a;justify-content:space-between;align-items:center;min-height:56px;padding:10px 24px;display:flex}.portal-session-badge{text-align:right;color:#475569;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:6px 24px;font-size:12.5px;font-weight:600}.sso-fullscreen-wrapper{background:#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.login-page-wrapper{background:#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 20px;display:flex}.login-split-container{background:var(--login-card-bg,#fff);border:1px solid var(--login-border,#e2e8f0);border-radius:24px;width:100%;max-width:1160px;min-height:620px;display:flex;overflow:hidden;box-shadow:0 20px 40px -10px #0f172a1f,0 0 1px #0f172a1a}.brand-panel{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#312e81 100%);flex-direction:column;flex:1.1;justify-content:center;padding:64px 50px;display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:550px;height:550px;position:absolute;top:-180px;right:-180px}.brand-content{z-index:1;position:relative}.login-brand-logo{object-fit:contain;background:#fff;border-radius:12px;height:65px;margin-bottom:32px;padding:8px 16px;display:inline-block;box-shadow:0 10px 25px #0003}.brand-title{letter-spacing:-.02em;color:#fff!important;margin-bottom:18px!important;font-size:38px!important;font-weight:800!important;line-height:1.25!important}.brand-subtitle{margin-bottom:40px;display:block;color:#ffffffd1!important;font-size:16px!important;line-height:1.65!important}.brand-features{gap:28px;display:flex}.feature-item{color:#ffffffe6;align-items:center;gap:12px;font-size:14.5px;font-weight:600;display:flex}.feature-icon-wrapper{color:#60a5fa;background:#3b82f633;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.form-panel{background:var(--login-card-bg,#fff);flex:1;justify-content:center;align-items:center;padding:48px 44px;display:flex}.login-card-inner{width:100%;max-width:400px}.login-tabs-nav{background:#f1f5f9;border-radius:12px;margin-bottom:28px;padding:4px;display:flex;position:relative}.login-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-family:inherit;font-size:14.5px;font-weight:600;transition:all .2s}.login-tab-btn.active{color:#1d4ed8;background:#fff;box-shadow:0 2px 6px #00000014}.modern-field-group{text-align:left;margin-bottom:20px}.modern-field-label{color:var(--login-text-secondary,#334155);margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.modern-input-box{align-items:center;display:flex;position:relative}.modern-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:16px}.modern-text-input{background:var(--login-card-secondary,#f8fafc);border:1px solid var(--login-border,#cbd5e1);width:100%;height:50px;color:var(--login-text,#1e293b);border-radius:12px;padding:12px 16px 12px 46px;font-family:inherit;font-size:15px;transition:all .2s}.modern-text-input:focus{background:var(--login-card-bg,#fff);border-color:var(--login-accent,#3b82f6);box-shadow:0 0 0 4px color-mix(in srgb, var(--login-accent,#3b82f6) 18%, transparent);outline:none}.modern-text-input::placeholder{color:var(--login-text-muted,#94a3b8)}.login-btn-primary{background:linear-gradient(135deg, var(--login-accent-hover,#1d4ed8) 0%, var(--login-accent,#2563eb) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-family:inherit;font-size:15.5px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 8px 16px -3px #1d4ed859}.login-btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 20px -3px #1d4ed873}.login-btn-primary:disabled{opacity:.7;cursor:not-allowed}.portal-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;margin-bottom:24px;padding:26px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.portal-card:hover{border-color:#93c5fd;transform:translateY(-4px);box-shadow:0 16px 30px -8px #0f172a1f,0 4px 6px -2px #0f172a0a}.portal-hero-banner{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff 0%,#f0f7ff 100%);border:1px solid #cbd5e1;border-radius:20px;margin-bottom:32px;padding:36px 40px;position:relative;overflow:hidden}.portal-hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e514 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-50px;right:-50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s ease-out forwards fadeIn}@media (width<=1024px){.brand-panel{padding:40px}.brand-title{font-size:32px!important}.login-brand-logo{height:50px;margin-bottom:24px}.ref-portal-header{padding:0 20px}}@media (width<=768px){.sso-fullscreen-wrapper,.login-page-wrapper{align-items:flex-start;padding:16px 12px}.login-split-container{border-radius:16px;flex-direction:column;max-width:100%;min-height:auto}.brand-panel{text-align:center;flex:none;padding:32px 24px 24px}.brand-title{margin-bottom:10px!important;font-size:26px!important}.brand-subtitle{margin-bottom:16px!important;font-size:14px!important}.brand-features{justify-content:center;gap:12px}.form-panel{padding:28px 20px 32px}.ref-portal-header{padding:0 16px}.ref-portal-header-inner{flex-wrap:wrap;gap:10px;height:auto;min-height:64px;padding:10px 0}.ref-header-signed-in{display:none}.app-launcher-hero-title{font-size:28px!important}.app-launcher-hero-desc{padding:0 12px;font-size:14px!important}.ref-module-grid{grid-template-columns:1fr!important;gap:18px!important}}@media (width<=480px){.sso-fullscreen-wrapper{padding:10px 8px}.brand-panel{padding:24px 16px 20px}.form-panel{padding:24px 16px}.login-card-inner h2{font-size:22px!important}.ref-portal-header-inner{justify-content:space-between}.ref-header-title{font-size:14px!important}.ref-header-subtitle{font-size:9px!important}.ref-module-card{min-height:auto!important;padding:20px 16px 18px!important}}