*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{overflow-x:clip;width:100%}body{-webkit-overflow-scrolling:touch;font-feature-settings:"ss01" on,"cv11" on;margin:0;max-width:100%}.header-portal-identity h1,.header-user-name,.nav-group-toggle,.portal-type-dropdown__current,h1,h2,h3{font-family:Outfit,Manrope,Segoe UI,sans-serif;letter-spacing:-.01em}#root{max-width:100%;min-height:100vh;min-height:100dvh;overflow-x:clip;padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);width:100%}canvas,img,video{height:auto;max-width:100%}iframe,pre,svg{max-width:100%}pre{overflow-x:auto}html[data-theme=dark]{background:#0f172a;color-scheme:dark}html[data-theme=dark] #root,html[data-theme=dark] .dashboard,html[data-theme=dark] .dashboard-container,html[data-theme=dark] .dashboard-content,html[data-theme=dark] body{background:#0f172a;color:#e2e8f0}html[data-theme=dark] .dashboard-header,html[data-theme=dark] .dashboard-header-sticky-wrap{background:#111827;border-color:#334155}html[data-theme=dark] .header-left h1,html[data-theme=dark] .header-portal-identity h1,html[data-theme=dark] .header-user-name{color:#f1f5f9}html[data-theme=dark] .header-portal-eyebrow,html[data-theme=dark] .header-user-hint{color:#94a3b8}html[data-theme=dark] .header-client-logo,html[data-theme=dark] .header-logo,html[data-theme=dark] .header-product-logo,html[data-theme=dark] .logo-product{filter:brightness(1.08)}html[data-theme=dark] .header-brand-divider{background:#475569}html[data-theme=dark] .header-actions{background:#0000}html[data-theme=dark] .announcement-bell-btn,html[data-theme=dark] .dashboard-mobile-nav-toggle,html[data-theme=dark] .portal-type-dropdown__trigger,html[data-theme=dark] .profile-btn-wrap{background:#0000;border-color:#334155;color:#cbd5e1}html[data-theme=dark] .announcement-bell-btn.is-open,html[data-theme=dark] .announcement-bell-btn:hover,html[data-theme=dark] .dashboard-mobile-nav-toggle:hover,html[data-theme=dark] .portal-type-dropdown__trigger.is-open,html[data-theme=dark] .portal-type-dropdown__trigger:hover,html[data-theme=dark] .profile-btn-wrap:hover{background:#1e293b;color:#f8fafc}html[data-theme=dark] .portal-type-dropdown__icon{background:#2dd4bf24;color:#2dd4bf}html[data-theme=dark] .portal-type-dropdown__current,html[data-theme=dark] .portal-type-dropdown__option-title{color:#f1f5f9}html[data-theme=dark] .portal-type-dropdown__chevron,html[data-theme=dark] .portal-type-dropdown__label,html[data-theme=dark] .portal-type-dropdown__option-desc{color:#94a3b8}html[data-theme=dark] .announcement-panel,html[data-theme=dark] .portal-type-dropdown__menu,html[data-theme=dark] .profile-modal{background:#1e293b;border-color:#334155;box-shadow:0 18px 45px #00000073}html[data-theme=dark] .portal-type-dropdown__option:hover{background:#0f172a}html[data-theme=dark] .portal-type-dropdown__option.is-active{background:#0f766e38}html[data-theme=dark] .portal-type-dropdown__check{color:#2dd4bf}html[data-theme=dark] .sidebar{--sb-bg:#0f172a;--sb-border:#334155;--sb-text:#94a3b8;--sb-text-strong:#f1f5f9;--sb-hover-bg:#334155a6;--sb-active-accent:#2dd4bf;--sb-rail:#2dd4bf;background:#0f172a;border-right-color:#334155}html[data-theme=dark] .nav-group-toggle,html[data-theme=dark] .nav-item{color:#cbd5e1}html[data-theme=dark] .nav-group-toggle:hover,html[data-theme=dark] .nav-item:hover{background:var(--sb-hover-bg);border-color:#0000;box-shadow:none;color:#f1f5f9}html[data-theme=dark] .nav-group-toggle.is-open,html[data-theme=dark] .nav-item.active{background:#0000;border-color:#0000;box-shadow:none;color:#f1f5f9}html[data-theme=dark] .nav-group-toggle>svg:first-of-type,html[data-theme=dark] .nav-item svg{background:#1e293be6;border-color:#334155}html[data-theme=dark] .nav-item.active svg{background:#2dd4bf1f;border-color:#2dd4bf59;color:#2dd4bf}html[data-theme=dark] .nav-flow-group--open>.nav-group-items{border-left-color:#2dd4bf4d}html[data-theme=dark] .nav-item .nav-item-sub{color:#64748b}html[data-theme=dark] .nav-group-toggle[data-group=workspace]>svg:first-of-type{color:#2dd4bf}html[data-theme=dark] .nav-group-toggle[data-group=approvals]>svg:first-of-type{color:#fbbf24}html[data-theme=dark] .nav-group-toggle[data-group=procurement]>svg:first-of-type{color:#38bdf8}html[data-theme=dark] .nav-group-toggle[data-group=insights]>svg:first-of-type{color:#a78bfa}html[data-theme=dark] .nav-group-toggle[data-group=admin]>svg:first-of-type{color:#f472b6}html[data-theme=dark] .nav-group-toggle[data-group=masters]>svg:first-of-type{color:#34d399}html[data-theme=dark] .nav-group-toggle[data-group=access]>svg:first-of-type{color:#f87171}html[data-theme=dark] .nav-group-toggle[data-group=documents]>svg:first-of-type{color:#60a5fa}html[data-theme=dark] .nav-group-toggle[data-group=help]>svg:first-of-type{color:#94a3b8}html[data-theme=dark] .card,html[data-theme=dark] .content-card,html[data-theme=dark] .detail-card,html[data-theme=dark] .exec-card,html[data-theme=dark] .form-card,html[data-theme=dark] .modal-content,html[data-theme=dark] .overview-card,html[data-theme=dark] .po-dash-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .table-card{background:#1e293b;border-color:#334155;box-shadow:none;color:#e2e8f0}html[data-theme=dark] table,html[data-theme=dark] tbody,html[data-theme=dark] td,html[data-theme=dark] th,html[data-theme=dark] thead,html[data-theme=dark] tr{border-color:#334155}html[data-theme=dark] th{background:#111827;color:#cbd5e1}html[data-theme=dark] td{background:#1e293b;color:#e2e8f0}html[data-theme=dark] tr:hover td{background:#273449}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#0f172a;border-color:#475569;color:#f1f5f9}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#64748b}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa24}html[data-theme=dark] .modal-overlay,html[data-theme=dark] .profile-modal-overlay,html[data-theme=dark] .sidebar-backdrop{background:#020617b8}html[data-theme=dark] .dashboard-announcement-banner{background:#1e3a5f;border-bottom-color:#334155;color:#e0f2fe}html[data-theme=dark] .announcement-item-title,html[data-theme=dark] .announcement-panel-header h3,html[data-theme=dark] .profile-modal-email,html[data-theme=dark] .profile-modal-name{color:#f1f5f9}html[data-theme=dark] .announcement-item,html[data-theme=dark] .announcement-panel-header{border-color:#334155}html[data-theme=dark] .announcement-item:hover{background:#0f172a}html[data-theme=dark] .announcement-item-snippet,html[data-theme=dark] .announcement-item-target,html[data-theme=dark] .announcement-item-time,html[data-theme=dark] .profile-modal-designation{color:#94a3b8}html[data-theme=dark] .login-container{background:#0f172a}html[data-theme=dark] .login-right,html[data-theme=dark] .login-wrapper{background:#111827}html[data-theme=dark] .login-left{background:radial-gradient(ellipse 80% 60% at 20% 20%,#2dd4bf1f,#0000 55%),radial-gradient(ellipse 70% 50% at 90% 10%,#6366f11f,#0000 50%),linear-gradient(165deg,#0f172a,#111827 50%,#0b1220);color:#f1f5f9}html[data-theme=dark] .login-product-eyebrow{background:#2dd4bf24;color:#2dd4bf}html[data-theme=dark] .forgot-header h3,html[data-theme=dark] .form-group label,html[data-theme=dark] .login-modal-title,html[data-theme=dark] .login-product-title,html[data-theme=dark] .login-title{color:#f1f5f9}html[data-theme=dark] .forgot-header p,html[data-theme=dark] .login-left-content p,html[data-theme=dark] .login-modal-text,html[data-theme=dark] .subtitle{color:#94a3b8}html[data-theme=dark] .login-showcase__viewport{background:#020617;border-color:#334155;box-shadow:0 16px 36px #00000059}html[data-theme=dark] .login-showcase__dot{background:#475569}html[data-theme=dark] .login-showcase__dot.is-active{background:#2dd4bf}html[data-theme=dark] .login-modal-box{background:#1e293b}html[data-theme=dark] .login-footer{border-color:#334155}html[data-theme=dark] .login-footer-name{color:#94a3b8}html[data-theme=dark] .items-catalog{--corp-ink:#e2e8f0;--corp-ink-secondary:#cbd5e1;--corp-muted:#94a3b8;--corp-muted-light:#64748b;--corp-border:#334155;--corp-border-hover:#475569;--corp-surface:#1e293b;--corp-canvas:#0f172a;--corp-accent:#60a5fa;--corp-accent-hover:#93c5fd;--corp-strip:#1e40af;--corp-shadow:0 1px 3px #00000059;--corp-shadow-hover:0 6px 20px #0006}html[data-theme=dark] .dashboard-bottom-nav{background:#111827;border-top-color:#334155;color:#cbd5e1}.toast-popup-overlay{align-items:center;animation:toast-fadeIn .2s ease-out;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2100}@keyframes toast-fadeIn{0%{opacity:0}to{opacity:1}}.toast-popup-box{animation:toast-popIn .25s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:380px;padding:40px 36px 32px;text-align:center;width:90%}.toast-popup-box-success{border:none}.toast-popup-box-error{border:1px solid #fecaca}@keyframes toast-popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.toast-popup-icon{align-items:center;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.toast-popup-icon.success{background:#e8f5e9;color:#27ae60}.toast-popup-icon.error{background:#fee2e2;color:#dc2626}.toast-popup-icon.success svg{height:40px;width:40px}.toast-popup-icon.error svg{height:28px;width:28px}.toast-popup-title{color:#27ae60;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.toast-popup-box-error .toast-popup-title{color:#dc2626}.toast-popup-ids{margin:0 0 6px;text-align:center}.toast-popup-id-line{color:#555;font-size:14px;margin:0}.toast-popup-id-label{color:#555;font-weight:500}.toast-popup-id-value{color:#2c3e50;font-size:15px;font-weight:700}.toast-popup-message{color:#666;font-size:14px;font-weight:500;line-height:1.5;margin:0 0 24px}.toast-popup-btn{border:none;border-radius:28px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 48px;transition:opacity .2s,transform .15s}.toast-popup-box-success .toast-popup-btn{background:linear-gradient(135deg,#6c3fbf,#8b5cf6);box-shadow:0 4px 14px #6c3fbf59;color:#fff}.toast-popup-box-success .toast-popup-btn:hover{opacity:.95;transform:translateY(-1px)}.toast-popup-box-error .toast-popup-btn{background:#dc2626;color:#fff}.toast-popup-box-error .toast-popup-btn:hover{background:#b91c1c}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,Segoe UI,sans-serif}.login-container{align-items:center;background:#f3f4f6;display:flex;justify-content:center;min-height:100vh;padding:40px}.login-wrapper{background:#fff;border-radius:24px;box-shadow:0 16px 50px #0f172a1a;max-width:1080px;min-height:584px;width:100%}.login-left,.login-wrapper{display:flex;overflow:hidden}.login-left{background:radial-gradient(ellipse 80% 60% at 20% 20%,#2dd4bf1f,#0000 55%),radial-gradient(ellipse 70% 50% at 90% 10%,#6366f11a,#0000 50%),linear-gradient(165deg,#f8fafc,#eef2f7 48%,#f1f5f9);border-radius:20px;color:#0f172a;flex:1 1;flex-direction:column;margin:12px;max-width:500px;min-height:560px;padding:28px 22px 24px}.login-product-stage{display:flex;flex:1 1;flex-direction:column;margin-bottom:14px;min-height:0}.login-product-eyebrow{align-self:flex-start;background:#0f766e1a;border-radius:999px;color:#0f766e;font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1;margin-bottom:9px;padding:5px 9px;text-transform:uppercase}.login-product-title{color:#0f172a;font-family:Outfit,Manrope,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0 0 16px;max-width:340px}.login-showcase{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0}.login-showcase__viewport{background:#eef2f7;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 16px 36px #0f172a29;flex:1 1;min-height:300px;overflow:hidden;position:relative}.login-showcase__slide{inset:0;margin:0;opacity:0;pointer-events:none;position:absolute;transform:translateX(18px) scale(.985);transition:opacity .55s ease,transform .55s ease}.login-showcase__slide.is-active{opacity:1;pointer-events:auto;transform:translateX(0) scale(1);z-index:1}.login-showcase__image{display:block;height:100%;margin:0;object-fit:contain;object-position:center;transform:none;width:100%}.login-showcase__dots{align-items:center;display:flex;gap:7px;justify-content:center}.login-showcase__dot{background:#cbd5e1;border:0;border-radius:999px;cursor:pointer;height:8px;padding:0;transition:width .2s ease,background .2s ease;width:8px}.login-showcase__dot.is-active{background:#0f766e;width:22px}.login-left-content{padding:0 6px 2px;z-index:2}.login-left-content p{color:#64748b;font-size:13px;font-weight:500;line-height:1.5;max-width:360px}.login-right{background:#fff;display:flex;flex:1.2 1;flex-direction:column;justify-content:center;min-width:0;padding:32px 50px}.login-header{margin-bottom:22px;text-align:center}.logo{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.logo-product{height:112px;object-fit:contain;width:220px}.logo-image{height:48px;width:auto}.login-title{color:#111827;font-family:Outfit,Manrope,sans-serif;font-size:32px;font-weight:700;margin:0 0 6px}.subtitle{color:#6b7280;font-size:15px;line-height:1.5;margin:0 auto;max-width:360px}.alert{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:10px;margin-bottom:18px;padding:12px 14px}.alert svg{flex-shrink:0;height:20px;width:20px}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.login-form{margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.input-wrapper{position:relative}.input-icon{color:#94a3b8;height:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px;z-index:1}.input-field{background:#f8fafc;border:1px solid #d7dee8;border-radius:8px;color:#111827;font:inherit;font-size:14px;height:46px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.input-wrapper .input-icon+.input-field{padding-left:48px}.input-field-password{padding-right:48px}.input-field:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-field:disabled{cursor:not-allowed;opacity:.65}.password-toggle{align-items:center;background:#0000;border:0;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;z-index:2}.password-toggle:hover{background:#f1f5f9;color:#475569}.password-toggle svg{height:18px;width:18px}.btn{align-items:center;border:0;border-radius:8px;cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-height:46px;padding:12px 20px;transition:background .2s,transform .15s,box-shadow .2s;width:100%}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#2563eb;box-shadow:0 8px 18px #2563eb33;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-primary svg{height:20px;width:20px}.btn-link{background:#0000;border:0;color:#2563eb;cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:4px 8px}.btn-link:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.btn-link.disabled{cursor:not-allowed;opacity:.5}.forgot-link{color:#b7791f;padding:0!important}.forgot-header{margin-bottom:24px;text-align:center}.forgot-header h3{color:#1e293b;font-family:Outfit,Manrope,sans-serif;font-size:22px;margin:0 0 8px}.forgot-header p{color:#64748b;font-size:14px;line-height:1.5}.forgot-header p strong{color:#1e293b}.forgot-icon{color:#2563eb;display:block;height:40px;margin:0 auto;width:40px}.forgot-icon.success-icon{color:#10b981}.label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.label-row label{margin-bottom:0}.otp-container{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.otp-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font:inherit;font-size:20px;font-weight:700;height:54px;outline:none;text-align:center;width:48px}.otp-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.timer{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin-bottom:18px;padding:11px}.timer svg{height:18px;width:18px}.resend-section{border-top:1px solid #e2e8f0;margin-top:18px;padding-top:18px;text-align:center}.resend-section p{color:#64748b;font-size:13px;margin-bottom:6px}.back-to-login{margin-top:15px;text-align:center}.back-to-login .btn-link{align-items:center;color:#64748b;display:inline-flex;gap:6px}.field-error{color:#ef4444;font-size:12px;margin-top:6px}.login-footer{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:18px;text-align:center}.login-footer-brand{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-style:italic;gap:6px;justify-content:center}.login-footer-logo{height:20px;object-fit:contain;width:20px}.login-footer-name{color:#64748b;font-style:normal;font-weight:600}.spinner{animation:login-spin .6s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes login-spin{to{transform:rotate(1turn)}}.login-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.login-modal-box{background:#fff;border-radius:14px;box-shadow:0 24px 70px #0f172a40;max-width:420px;padding:28px 30px;width:100%}.login-modal-title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.login-modal-text{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 20px}.login-modal-box .input-field{padding-left:16px!important;padding-right:48px!important}@media (prefers-reduced-motion:reduce){.login-showcase__slide{transition:none}}@media (max-width:900px){.login-container{padding:20px}.login-wrapper{border-radius:18px;max-width:460px;min-height:0}.login-left{display:none}.login-right{padding:36px 30px}}@media (max-width:640px){.login-container{padding:12px}.login-right{padding:30px 22px}.logo-product{height:92px;width:180px}.login-title{font-size:27px}.otp-container{gap:6px}.otp-input{font-size:18px;height:50px;width:42px}}