@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px}#root{min-height:100vh}:root{--login-blue:#071b45;--login-blue-light:#12346d;--login-orange:#ff8a00;--login-text:#101828;--login-gray:#667085;--login-border:#d0d5dd;--login-bg:#f5f7fb;--login-white:#fff}button,input{font-family:inherit}.login-page{background:var(--login-bg);min-height:100vh;font-family:DM Sans,sans-serif}.login-container{min-height:100vh;display:flex}.login-left{color:#fff;background:linear-gradient(135deg,#071b45fa,#0d2b66f5);flex-direction:column;width:50%;min-height:100vh;padding:45px 7%;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;top:80px;right:-180px}.login-left:after{content:"";border:1px solid #ffffff0d;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-250px;left:-300px}.login-brand{z-index:2;align-items:center;gap:13px;display:flex;position:relative}.brand-icon{background:var(--login-orange);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;display:flex}.login-brand h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:27px}.login-brand span{color:#aebbd2;margin-top:2px;font-size:10px;display:block}.login-left-content{z-index:2;max-width:550px;margin-top:auto;margin-bottom:auto;position:relative}.login-left-content h1{letter-spacing:-2px;margin:0 0 25px;font-family:Space Grotesk,sans-serif;font-size:clamp(38px,4vw,58px);line-height:1.08}.login-left-content>p{color:#b9c5d9;max-width:480px;margin-bottom:35px;font-size:15px;line-height:1.7}.login-features{flex-direction:column;gap:20px;display:flex}.login-features>div{align-items:center;gap:13px;display:flex}.feature-icon{width:32px;height:32px;color:var(--login-orange);background:#ff8a0024;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.login-features strong{font-size:13px;display:block}.login-features p{color:#94a4bf;margin:3px 0 0;font-size:11px}.left-footer{color:#788aa8;z-index:2;font-size:10px;position:relative}.login-right{background:#fff;justify-content:center;align-items:center;width:50%;min-height:100vh;padding:40px;display:flex}.login-card{width:100%;max-width:430px}.mobile-logo{display:none}.login-heading{margin-bottom:25px}.login-heading h1{color:var(--login-text);margin:0 0 7px;font-family:Space Grotesk,sans-serif;font-size:30px}.login-heading p{color:var(--login-gray);margin:0;font-size:13px}.login-tabs{background:#f2f4f7;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:4px;display:grid}.login-tabs button{height:44px;color:var(--login-gray);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.login-tabs button.active{color:var(--login-blue);background:#fff;box-shadow:0 1px 3px #1018281a}.form-group{margin-bottom:18px}.form-group label{color:#344054;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.input-wrapper{position:relative}.input-wrapper input{border:1px solid var(--login-border);width:100%;height:46px;color:var(--login-text);background:#fff;border-radius:8px;outline:none;padding-left:48px;font-size:13px;transition:all .2s}.input-icon{color:#98a2b3;font-size:13px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.password-toggle{color:var(--login-blue);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.login-options{justify-content:space-between;align-items:center;margin:4px 0 22px;display:flex}.remember{color:var(--login-gray);align-items:center;gap:7px;font-size:11px;display:flex}.forgot-password{color:var(--login-blue);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600}.signin-button{background:var(--login-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.signin-button:hover{background:var(--login-blue-light);transform:translateY(-1px)}.customer-help{text-align:center;background:#f8fafc;border:1px solid #eaecf0;border-radius:8px;margin-top:22px;padding:14px}.customer-help p{color:var(--login-gray);margin:0;font-size:11px}.customer-help button{color:var(--login-orange);cursor:pointer;background:0 0;border:none;margin-left:5px;font-weight:700}.secure-login{text-align:center;color:#98a2b3;justify-content:center;align-items:center;gap:5px;margin-top:25px;font-size:10px;display:flex}@media (width<=900px){.login-left{width:42%;padding:35px}.login-right{width:58%;padding:30px}.login-left-content h1{font-size:38px}}@media (width<=700px){.login-container{display:block}.login-left{display:none}.login-right{width:100%;min-height:100vh;padding:25px}.mobile-logo{align-items:center;gap:10px;margin-bottom:35px;display:flex}.mobile-logo .brand-icon{width:42px;height:42px}.mobile-logo h2{color:var(--login-blue);margin:0;font-family:Space Grotesk,sans-serif}}@media (width<=420px){.login-right{padding:20px}.login-heading h1{font-size:26px}}html,body,#root{min-height:100%;margin:0;background-color:#071b45!important}.login-page{width:100%;min-height:100vh;font-family:DM Sans,sans-serif;background:#071b45!important}.login-container{width:100%;min-height:100vh;display:flex;background:#071b45!important}.login-left{color:#fff;background:#071b45!important}.login-right{justify-content:center;align-items:center;width:50%;min-height:100vh;padding:40px;display:flex;background:#071b45!important}.login-card{border:1px solid #ffffff26;border-radius:20px;width:100%;max-width:430px;padding:30px;box-shadow:0 15px 40px #0003;color:#fff!important;background:#071b45!important}.login-heading h1,.login-heading p,.form-group label,.remember,.customer-help p,.secure-login{color:#fff!important}.input-wrapper input{color:#101828!important;background:#fff!important}.customer-help{background:#12346d!important;border-color:#fff3!important}@media (width<=700px){.login-container{display:block;background:#071b45!important}.login-right{width:100%;min-height:100vh;padding:20px;background:#071b45!important}.login-card{max-width:430px;margin:0 auto}.mobile-logo h2{color:#fff!important}}:root{--login-blue:#071b45;--login-blue-light:#12346d;--login-orange:#ff8a00;--login-white:#fff}.login-left,.login-left-content,.login-brand,.login-brand h2,.login-features strong,.left-footer{color:#fff!important}.login-left-content h1 span{color:#ff8a00!important}.login-left-content>p{color:#e1e9f5!important}.login-features p{color:#c5d2e8!important}.brand-icon{color:#fff!important;background:#ff8a00!important}.feature-icon{color:#ff9d26!important;background:#ff8a002e!important}.login-right,.login-card{color:#fff!important;background:#071b45!important}.login-heading h1{color:#fff!important}.login-heading p,.form-group label{color:#e1e9f5!important}.login-tabs{background:#12346d!important}.login-tabs button{color:#fff!important}.login-tabs button.active{color:#fff!important;box-shadow:none!important;background:#ff8a00!important}.input-wrapper input{color:#071b45!important;background:#fff!important;border:1px solid #d0d5dd!important}.input-wrapper input::placeholder{color:#667085!important}.input-icon{color:#ff8a00!important}.password-toggle,.forgot-password{color:#ff9d26!important}.signin-button{font-weight:700;color:#fff!important;background:#ff8a00!important}.signin-button:hover{background:#e87900!important}.customer-help{background:#12346d!important;border:1px solid #ffffff26!important}.customer-help p{color:#fff!important}.customer-help button{color:#ff9d26!important}.secure-login{color:#d1dced!important}.mobile-logo h2,.remember{color:#fff!important}.remember input{accent-color:#ff8a00!important}.input-wrapper input:focus{border-color:#ff8a00!important;box-shadow:0 0 0 3px #ff8a0033!important}.login-card [style*=fff1f0]{color:#c62828!important;background:#fff1f0!important}.customer-logo-image{object-fit:contain;border-radius:8px;flex-shrink:0;width:48px;height:48px}.customer-logo h2{color:#fff;margin:0}.customer-logo{align-items:center;gap:12px;display:flex}.customer-logo-image{object-fit:contain;visibility:visible;opacity:1;flex-shrink:0;width:48px;height:48px;display:block}:root{--admin-blue:#071b45;--admin-blue-light:#12346d;--admin-orange:#ff8a00;--admin-bg:#f5f7fb;--admin-white:#fff;--admin-text:#101828;--admin-gray:#667085;--admin-border:#e4e7ec;--admin-green:#12b76a;--admin-red:#f04438;--admin-yellow:#f79009}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background:var(--admin-bg);color:var(--admin-text);font-family:DM Sans,sans-serif}button,input,select{font-family:inherit}button{cursor:pointer}.admin-dashboard{background:var(--admin-bg);width:100%;min-height:100vh;display:flex}.admin-sidebar{background:var(--admin-blue);color:#fff;z-index:100;flex-direction:column;width:260px;min-width:260px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:82px;padding:0 24px;display:flex}.admin-logo-icon{background:var(--admin-orange);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;display:flex}.admin-logo h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.admin-logo span{color:#9eacc5;margin-top:2px;font-size:10px;display:block}.admin-nav{flex-direction:column;gap:4px;padding:22px 14px;display:flex;overflow-y:auto}.admin-nav button{color:#aebbd2;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 13px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.admin-nav button:hover{color:#fff;background:#ffffff12}.admin-nav button.active{background:var(--admin-orange);color:#fff}.admin-nav-icon{justify-content:center;align-items:center;width:23px;font-size:15px;display:flex}.admin-sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding:15px}.logout-button{color:#b8c4d8;background:#ffffff0f;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:43px;padding:0 13px;font-size:12px;display:flex}.logout-button:hover{color:#fff;background:#ffffff1a}.admin-main{width:calc(100% - 260px);min-height:100vh;margin-left:260px}.admin-header{border-bottom:1px solid var(--admin-border);z-index:50;background:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 32px;display:flex;position:sticky;top:0}.admin-header-title h1{color:var(--admin-blue);margin:0;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.admin-header-title p{color:var(--admin-gray);margin:4px 0 0;font-size:11px}.admin-header-right{align-items:center;gap:20px;display:flex}.notification-button{border:1px solid var(--admin-border);background:#fff;border-radius:8px;width:38px;height:38px;font-size:15px}.notification-button:hover{background:#f9fafb}.admin-user{align-items:center;gap:10px;display:flex}.admin-user-avatar{background:var(--admin-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;display:flex}.admin-user strong{color:var(--admin-text);font-size:12px;display:block}.admin-user span{color:var(--admin-gray);margin-top:2px;font-size:10px;display:block}.mobile-menu-button{border:1px solid var(--admin-border);background:#fff;border-radius:8px;width:40px;height:40px;font-size:18px;display:none}.admin-content{max-width:1700px;padding:30px 32px 50px}.admin-api-error{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:15px 18px;display:flex}.admin-api-error strong{color:#9a3412;font-size:13px;display:block}.admin-api-error p{color:#c2410c;margin:4px 0 0;font-size:11px}.admin-api-error button{background:var(--admin-orange);color:#fff;border:none;border-radius:7px;padding:9px 16px;font-size:11px;font-weight:600}.admin-welcome{background:linear-gradient(135deg, var(--admin-blue), var(--admin-blue-light));color:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:28px 30px;display:flex}.welcome-label{color:var(--admin-orange);letter-spacing:1.4px;margin-bottom:7px;font-size:9px;font-weight:700;display:inline-block}.admin-welcome h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:25px}.admin-welcome p{color:#b9c5d9;margin:7px 0 0;font-size:12px}.refresh-button{color:var(--admin-blue);background:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:11px;font-weight:600;transition:all .2s}.refresh-button:hover{transform:translateY(-1px)}.admin-loading{border:1px solid var(--admin-border);text-align:center;color:var(--admin-gray);background:#fff;border-radius:12px;margin-bottom:24px;padding:35px;font-size:13px}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-stat-card{border:1px solid var(--admin-border);background:#fff;border-radius:12px;align-items:center;gap:15px;min-height:110px;padding:20px;display:flex}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex}.stat-icon.blue{color:#2563eb;background:#eff6ff}.stat-icon.orange{color:#ea580c;background:#fff7ed}.stat-icon.green{color:#039855;background:#ecfdf3}.stat-icon.red{color:#d92d20;background:#fef3f2}.admin-stat-card span{color:var(--admin-gray);font-size:11px;display:block}.admin-stat-card strong{color:var(--admin-text);margin-top:5px;font-family:Space Grotesk,sans-serif;font-size:25px;display:block}.admin-section{border:1px solid var(--admin-border);background:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden}.full-section{min-height:400px}.section-header{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.section-header h3{color:var(--admin-text);margin:0;font-family:Space Grotesk,sans-serif;font-size:15px}.section-header p{color:var(--admin-gray);margin:4px 0 0;font-size:10px}.view-all-button{color:var(--admin-blue);background:0 0;border:none;font-size:11px;font-weight:700}.admin-table-wrapper{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:800px}.admin-table th{color:#667085;text-align:left;border-bottom:1px solid var(--admin-border);white-space:nowrap;background:#f9fafb;padding:13px 18px;font-size:10px;font-weight:600}.admin-table td{color:#475467;white-space:nowrap;border-bottom:1px solid #f0f2f5;padding:15px 18px;font-size:11px}.admin-table tbody tr:hover{background:#fafbfc}.admin-table td strong{color:var(--admin-text);font-weight:600}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:5px 9px;font-size:9px;font-weight:600;display:inline-flex}.status-badge.success{color:#027a48;background:#ecfdf3}.status-badge.warning{color:#b54708;background:#fffaeb}.status-badge.danger{color:#b42318;background:#fef3f2}.status-badge.neutral{color:#475467;background:#f2f4f7}.admin-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:45px 25px;display:flex}.admin-empty.small{min-height:120px}.empty-icon{width:48px;height:48px;color:var(--admin-gray);background:#f2f4f7;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:18px;display:flex}.admin-empty h3{color:var(--admin-text);margin:0;font-family:Space Grotesk,sans-serif;font-size:15px}.admin-empty p{color:var(--admin-gray);margin:7px 0 0;font-size:11px}.admin-bottom-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pending-list{padding:8px 22px 18px}.pending-item{border-bottom:1px solid #f0f2f5;align-items:center;gap:12px;min-height:62px;display:flex}.pending-item:last-child{border-bottom:none}.pending-icon{width:35px;height:35px;color:var(--admin-orange);background:#fff7ed;border-radius:8px;justify-content:center;align-items:center;font-size:13px;display:flex}.pending-item strong{color:var(--admin-text);font-size:11px;display:block}.pending-item span:not(.pending-icon){color:var(--admin-gray);margin-top:3px;font-size:9px;display:block}.model-list{padding:20px 22px}.model-item{margin-bottom:20px}.model-item:last-child{margin-bottom:0}.model-top{color:#475467;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;display:flex}.model-top strong{color:var(--admin-text)}.model-bar{background:#eef2f6;border-radius:20px;width:100%;height:7px;overflow:hidden}.model-bar span{background:var(--admin-orange);border-radius:20px;height:100%;display:block}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:30px;display:flex}.coming-icon{width:65px;height:65px;color:var(--admin-blue);background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;margin-bottom:18px;font-size:24px;display:flex}.coming-soon h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:22px}.coming-soon p{color:var(--admin-gray);margin:8px 0 20px;font-size:12px}.back-dashboard-button{background:var(--admin-blue);color:#fff;border:none;border-radius:8px;padding:11px 17px;font-size:11px;font-weight:600}@media (width<=1200px){.admin-sidebar{width:235px;min-width:235px}.admin-main{width:calc(100% - 235px);margin-left:235px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.admin-sidebar{transition:transform .25s;transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-main{width:100%;margin-left:0}.mobile-menu-button{display:block}.admin-header{gap:15px;padding:0 20px}.admin-header-title{margin-right:auto}.admin-content{padding:22px 20px 40px}.admin-bottom-grid{grid-template-columns:1fr}}@media (width<=600px){.admin-header{height:70px}.admin-header-title h1{font-size:18px}.admin-header-title p,.admin-user div:last-child{display:none}.admin-content{padding:18px 14px 35px}.admin-welcome{padding:22px;display:block}.admin-welcome h2{font-size:21px}.refresh-button{margin-top:18px}.admin-stats-grid{grid-template-columns:1fr}.admin-api-error{flex-direction:column;align-items:flex-start}.admin-api-error button{width:100%}}@media (width<=400px){.admin-content{padding:14px 10px 30px}.admin-header{padding:0 12px}.admin-header-right{gap:7px}.notification-button,.admin-user-avatar{width:34px;height:34px}}:root{--customer-blue:#071b45;--customer-orange:#ff8a00;--customer-bg:#f5f7fb;--customer-text:#101828;--customer-gray:#667085;--customer-border:#e4e7ec}button{font-family:inherit}.customer-dashboard{background:var(--customer-bg);min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.customer-sidebar{background:var(--customer-blue);flex-direction:column;flex-shrink:0;width:245px;min-height:100vh;padding:25px 15px;display:flex}.customer-logo{align-items:center;gap:11px;padding:5px 10px 30px;display:flex}.customer-logo-icon{background:var(--customer-orange);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;display:flex}.customer-logo h2{color:#fff;margin:0;font-family:Space Grotesk,sans-serif;font-size:22px}.customer-logo span{color:#92a3c2;margin-top:2px;font-size:9px;display:block}.customer-menu-title{color:#7184a6;padding:0 12px 9px;font-size:9px;font-weight:700}.customer-menu{flex-direction:column;gap:3px;display:flex}.customer-menu-item{color:#aebbd0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;font-size:12px;display:flex}.customer-menu-item:hover{color:#fff;background:#ffffff0f}.customer-menu-item.active{background:var(--customer-orange);color:#fff}.customer-menu-item span{text-align:center;width:19px}.customer-sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding-top:12px}.customer-main{flex:1;min-width:0}.customer-header{border-bottom:1px solid var(--customer-border);background:#fff;justify-content:space-between;align-items:center;height:82px;padding:0 32px;display:flex}.customer-header h1{color:var(--customer-blue);margin:0 0 3px;font-family:Space Grotesk,sans-serif;font-size:23px}.customer-header p{color:var(--customer-gray);margin:0;font-size:11px}.customer-profile{align-items:center;gap:10px;display:flex}.customer-avatar{width:38px;height:38px;color:var(--customer-blue);background:#eaf0fa;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.customer-profile strong{font-size:11px;display:block}.customer-profile span{color:var(--customer-gray);margin-top:2px;font-size:9px;display:block}.customer-content{padding:28px 32px 40px}.customer-welcome{background:var(--customer-blue);color:#fff;border-radius:11px;justify-content:space-between;gap:25px;padding:25px;display:flex}.welcome-label{color:#ffb35c;letter-spacing:.7px;font-size:9px;font-weight:700}.customer-welcome h2{margin:8px 0;font-family:Space Grotesk,sans-serif;font-size:23px}.customer-welcome p{color:#b8c5da;max-width:620px;margin:0 0 18px;font-size:11px;line-height:1.7}.customer-welcome button{background:var(--customer-orange);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 15px;font-size:10px;font-weight:700}.application-number{background:#ffffff0d;border:1px solid #ffffff21;border-radius:8px;align-self:center;min-width:180px;padding:17px}.application-number span,.application-number small{color:#9eafc9;font-size:8px;display:block}.application-number strong{margin:7px 0;font-family:Space Grotesk,sans-serif;font-size:19px;display:block}.customer-card{border:1px solid var(--customer-border);background:#fff;border-radius:10px;margin-top:18px;overflow:hidden}.customer-card-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;padding:18px;display:flex}.customer-card-header h3{color:var(--customer-blue);margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:14px}.customer-card-header p{color:var(--customer-gray);margin:0;font-size:9px}.customer-card-header button{color:var(--customer-orange);cursor:pointer;background:0 0;border:none;font-size:10px;font-weight:700}.application-progress{align-items:flex-start;padding:25px;display:flex;overflow-x:auto}.progress-step{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;width:150px;display:flex}.step-circle{color:#98a2b3;z-index:2;background:#fff;border:2px solid #d0d5dd;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.progress-step.completed .step-circle{color:#fff;background:#12b76a;border-color:#12b76a}.progress-step.active-step .step-circle{background:var(--customer-orange);border-color:var(--customer-orange);color:#fff}.progress-step strong{color:#344054;margin-top:9px;font-size:9px}.progress-step span{color:#98a2b3;margin-top:3px;font-size:8px}.progress-line{background:#e4e7ec;flex:1;min-width:30px;height:2px;margin-top:14px}.completed-line{background:#12b76a}.customer-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.customer-grid .customer-card{margin-top:18px}.document-list{padding:5px 18px 10px}.document-item{border-bottom:1px solid #f2f4f7;align-items:center;gap:10px;min-height:58px;display:flex}.document-item:last-child{border-bottom:none}.document-icon{width:34px;height:34px;color:var(--customer-blue);background:#eef3fb;border-radius:7px;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}.document-item div{flex:1}.document-item strong{font-size:10px;display:block}.document-item div span{color:#98a2b3;margin-top:3px;font-size:8px;display:block}.document-item b{font-size:8px}.verified{color:#039855}.pending{color:#b54708}.business-detail{padding:5px 18px 15px}.business-detail div{border-bottom:1px solid #f2f4f7;padding:12px 0}.business-detail span{color:#98a2b3;font-size:8px;display:block}.business-detail strong{color:#344054;margin-top:4px;font-size:10px;display:block}.customer-coming{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 82px);display:flex}.customer-coming>div{width:60px;height:60px;color:var(--customer-blue);background:#eef3fb;border-radius:15px;justify-content:center;align-items:center;font-size:25px;display:flex}.customer-coming h2{color:var(--customer-blue);font-family:Space Grotesk,sans-serif}.customer-coming p{color:var(--customer-gray);font-size:12px}.customer-coming button{background:var(--customer-blue);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:10px 15px}@media (width<=1000px){.customer-sidebar{width:210px}.customer-grid{grid-template-columns:1fr}}@media (width<=700px){.customer-sidebar{display:flex}.customer-header{padding:0 18px}.customer-profile div:last-child{display:none}.customer-content{padding:18px}.customer-welcome{flex-direction:column}.application-number{width:100%}}.customer-certificate-card{background:linear-gradient(135deg,#fff 0%,#f7faff 100%);border:1px solid #dce5f2;border-radius:18px;align-items:center;gap:18px;margin-top:22px;padding:24px;display:flex;box-shadow:0 10px 30px #071b4512}.certificate-card-icon{color:#fff;background:#071b45;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.certificate-card-content{flex:1}.certificate-label{letter-spacing:1px;color:#16834a;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.certificate-card-content h3{color:#071b45;margin:0 0 5px;font-size:19px}.certificate-card-content p{color:#667085;margin:0;font-size:13px}.certificate-card-content p strong{color:#071b45}.certificate-card-actions{flex-wrap:wrap;gap:10px;display:flex}.certificate-view-btn,.certificate-download-btn{cursor:pointer;border:none;border-radius:9px;padding:11px 17px;font-weight:600;transition:all .2s}.certificate-view-btn{color:#fff;background:#071b45}.certificate-view-btn:hover{opacity:.94;transform:translateY(-1px)}.certificate-download-btn{color:#fff;background:#ff8a00}.certificate-download-btn:hover{opacity:.94;transform:translateY(-1px)}.certificate-empty-card,.certificate-main-card{background:#fff;border:1px solid #e3e8ef;border-radius:20px;padding:35px;box-shadow:0 12px 35px #071b450f}.certificate-empty-card{text-align:center;max-width:700px;margin:30px auto}.certificate-empty-icon{color:#ff8a00;background:#fff4df;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:30px;display:flex}.certificate-empty-card h2{color:#071b45;margin:0 0 10px}.certificate-empty-card p{color:#667085;margin-bottom:25px;line-height:1.6}.certificate-status-box{background:#f5f7fb;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:25px;padding:16px;display:flex}.certificate-status-box span{color:#667085;font-size:12px}.certificate-status-box strong{color:#071b45}.certificate-empty-card button{color:#fff;cursor:pointer;background:#071b45;border:none;border-radius:9px;padding:12px 20px;font-weight:600}.certificate-success{border-bottom:1px solid #e8edf3;align-items:center;gap:18px;padding-bottom:28px;display:flex}.certificate-success-icon{color:#16834a;background:#e9f8ef;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;font-weight:700;display:flex}.certificate-success span{color:#16834a;letter-spacing:1px;font-size:11px;font-weight:700}.certificate-success h2{color:#071b45;margin:5px 0}.certificate-success p{color:#667085;margin:0}.certificate-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.certificate-details-grid>div{background:#fafbfd;border:1px solid #e3e8ef;border-radius:12px;padding:17px}.certificate-details-grid span{color:#667085;margin-bottom:7px;font-size:12px;display:block}.certificate-details-grid strong{color:#071b45;word-break:break-word;font-size:15px;display:block}.certificate-actions{gap:12px;margin-top:28px;display:flex}.certificate-primary-btn,.certificate-secondary-btn{cursor:pointer;border:none;border-radius:9px;padding:13px 22px;font-weight:600;transition:all .2s}.certificate-primary-btn{color:#fff;background:#071b45}.certificate-secondary-btn{color:#fff;background:#ff8a00}.certificate-primary-btn:hover,.certificate-secondary-btn:hover{transform:translateY(-1px)}.certificate-qr-info{border-top:1px solid #e8edf3;align-items:center;gap:20px;margin-top:30px;padding-top:25px;display:flex}.certificate-qr-placeholder{background:#fff;border:1px solid #d9e0e9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.certificate-qr-placeholder img{object-fit:contain;width:92px;height:92px}.certificate-qr-info h3{color:#071b45;margin:0 0 7px;font-size:16px}.certificate-qr-info p{color:#667085;margin:0;font-size:13px;line-height:1.6}@media (width<=768px){.customer-certificate-card{flex-direction:column;align-items:flex-start}.certificate-card-actions{width:100%}.certificate-view-btn,.certificate-download-btn{flex:1}.certificate-details-grid{grid-template-columns:1fr}.certificate-actions{flex-direction:column}.certificate-primary-btn,.certificate-secondary-btn{width:100%}.certificate-qr-info{flex-direction:column;align-items:flex-start}.certificate-main-card{padding:22px}}.customer-loading{justify-content:center;align-items:center;width:100%;min-height:100vh;font-size:18px;display:flex}.customer-alert{border-radius:8px;margin:20px 30px 0;padding:14px 18px;font-size:14px}.customer-alert.error{color:#b42318;background:#fff0f0;border:1px solid #f5c2c0}.customer-alert.success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.application-form-card{max-width:1100px}.application-form-card form h4{color:#172b4d;border-bottom:1px solid #e8edf3;margin:28px 0 18px;padding-bottom:10px;font-size:16px}.application-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.application-form-grid label{color:#344054;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.application-form-grid input,.application-form-grid select,.application-form-grid textarea{color:#172b4d;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #d0d5dd;border-radius:7px;outline:none;padding:11px 13px;font-size:14px}.application-form-grid textarea{resize:vertical}.application-form-grid input:focus,.application-form-grid select:focus,.application-form-grid textarea:focus{border-color:#f28c28;box-shadow:0 0 0 3px #f28c281f}.form-full-width{grid-column:1/-1}.application-form-actions{justify-content:flex-end;margin-top:28px;display:flex}.application-form-actions button{color:#fff;cursor:pointer;background:#f28c28;border:none;border-radius:7px;min-height:45px;padding:12px 24px;font-weight:600}.application-form-actions button:disabled{opacity:.6;cursor:not-allowed}@media (width<=650px){.application-form-grid{grid-template-columns:1fr}.form-full-width{grid-column:auto}.customer-alert{margin:15px}.application-form-actions button{width:100%}}@media (width<=768px){.customer-dashboard{width:100%;min-width:0;min-height:100vh;overflow-x:hidden}.customer-sidebar{width:68px;min-width:68px;padding:18px 8px;overflow:hidden}.customer-logo{justify-content:center;padding:4px 0 24px}.customer-logo-icon{flex-shrink:0;width:42px;height:42px}.customer-logo>div:last-child,.customer-menu-title,.customer-menu-item>:not(span),.customer-sidebar-bottom .customer-menu-item{display:none}.customer-menu-item{justify-content:center;gap:0;height:44px;padding:0}.customer-menu-item span{width:auto;font-size:17px}.customer-main{flex:1;width:calc(100% - 68px);min-width:0}.customer-header{gap:8px;height:auto;min-height:72px;padding:14px 12px}.customer-header h1{overflow-wrap:anywhere;font-size:18px;line-height:1.3}.customer-header p{font-size:10px;line-height:1.5}.customer-profile{flex-shrink:0;gap:0}.customer-avatar{width:34px;height:34px}.customer-content{width:100%;padding:15px 12px 28px}.customer-welcome{border-radius:10px;gap:18px;padding:19px 16px}.customer-welcome h2{overflow-wrap:anywhere;font-size:20px;line-height:1.35}.customer-welcome p{font-size:12px;line-height:1.7}.customer-welcome button{max-width:100%;min-height:42px;padding:11px 14px;font-size:12px}.application-number{align-self:stretch;width:100%;min-width:0;padding:14px}.application-number strong{overflow-wrap:anywhere;font-size:18px}.customer-card{border-radius:10px;min-width:0;margin-top:14px}.customer-card-header{align-items:flex-start;gap:10px;padding:15px 13px}.customer-card-header h3{font-size:14px;line-height:1.4}.customer-card-header p{font-size:11px;line-height:1.5}.customer-card-header button{flex-shrink:0;font-size:11px}.application-progress{-webkit-overflow-scrolling:touch;padding:22px 12px;overflow-x:auto}.progress-step{flex-shrink:0;width:112px}.progress-step strong{font-size:10px;line-height:1.4}.progress-step span{font-size:9px}.progress-line{min-width:18px}.customer-grid{grid-template-columns:minmax(0,1fr);gap:0}.customer-grid>*{min-width:0}.customer-certificate-card{border-radius:12px;gap:13px;margin-top:16px;padding:18px 14px}.certificate-card-icon{width:44px;height:44px;font-size:21px}.certificate-card-content{min-width:0}.certificate-card-content h3{overflow-wrap:anywhere;font-size:17px;line-height:1.4}.certificate-card-content p{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.certificate-card-actions{flex-direction:column;gap:9px;width:100%;display:flex}.certificate-view-btn,.certificate-download-btn{width:100%;min-height:43px;padding:11px 12px;font-size:12px}.certificate-empty-card,.certificate-main-card{border-radius:13px;width:100%;max-width:100%;margin:16px auto;padding:20px 14px}.certificate-empty-card h2,.certificate-success h2{font-size:20px;line-height:1.4}.certificate-empty-card p,.certificate-success p{overflow-wrap:anywhere;font-size:12px;line-height:1.7}.certificate-success{align-items:flex-start;gap:12px;padding-bottom:20px}.certificate-success-icon{flex-shrink:0;width:44px;height:44px;font-size:21px}.certificate-success>div:last-child{min-width:0}.certificate-details-grid{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:20px}.certificate-details-grid>div{min-width:0;padding:14px}.certificate-details-grid strong{overflow-wrap:anywhere;font-size:14px}.certificate-actions{flex-direction:column;gap:10px;margin-top:20px}.certificate-primary-btn,.certificate-secondary-btn{width:100%;min-height:44px;padding:12px}.certificate-qr-info{align-items:flex-start;gap:14px;margin-top:22px;padding-top:20px}.certificate-qr-info p{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.application-form-card{width:100%;max-width:100%}.application-form-grid{grid-template-columns:minmax(0,1fr);gap:15px}.application-form-grid label{min-width:0;font-size:12px}.application-form-grid input,.application-form-grid select,.application-form-grid textarea{width:100%;min-width:0;min-height:46px;font-size:16px}.form-full-width{grid-column:auto}.application-form-actions{margin-top:20px}.application-form-actions button{width:100%;min-height:46px;font-size:14px}.customer-alert{overflow-wrap:anywhere;margin:12px;padding:12px;font-size:12px}.customer-coming{min-height:calc(100vh - 72px);padding:20px 12px}.customer-coming h2{font-size:20px}.customer-coming p{line-height:1.6}}@media (width<=380px){.customer-sidebar{width:54px;min-width:54px;padding:14px 5px}.customer-main{width:calc(100% - 54px)}.customer-content{padding:12px 9px 22px}.customer-header{padding:12px 9px}.customer-header h1{font-size:16px}.customer-welcome{padding:15px 12px}.customer-welcome h2{font-size:18px}.customer-card-header{padding:12px 10px}.certificate-main-card,.certificate-empty-card{padding:16px 11px}.progress-step{width:100px}}@media (width<=768px){html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:clip}.customer-dashboard{width:100%;min-height:100vh;display:block;overflow-x:clip}.customer-sidebar{width:100%;min-width:0;height:auto;min-height:auto;padding:10px 12px;display:block}.customer-logo{gap:9px;padding:4px 0 12px}.customer-logo-icon{flex-shrink:0;width:36px;height:36px}.customer-logo h2{font-size:19px}.customer-logo span{font-size:9px}.customer-menu-title,.customer-sidebar-bottom{display:none}.customer-menu{-webkit-overflow-scrolling:touch;flex-direction:row;gap:7px;padding:3px 0 8px;display:flex;overflow-x:auto}.customer-menu-item{flex-shrink:0;justify-content:center;gap:7px;width:auto;min-width:max-content;height:40px;padding:0 12px;font-size:12px}.customer-menu-item span{width:auto}.customer-menu-item>*{display:initial}.customer-main{width:100%;min-width:0;max-width:100%}.customer-header{gap:10px;width:100%;height:auto;min-height:68px;padding:12px 15px}.customer-header h1{font-size:19px;line-height:1.35}.customer-header p{font-size:11px;line-height:1.5}.customer-profile{flex-shrink:0}.customer-profile div:last-child{display:none}.customer-avatar{width:35px;height:35px}.customer-content{width:100%;max-width:100%;padding:16px 14px 28px}.customer-welcome{flex-direction:column;gap:18px;width:100%;padding:20px 16px}.customer-welcome h2{font-size:21px;line-height:1.4}.customer-welcome p{font-size:12px;line-height:1.7}.application-number{align-self:stretch;width:100%;min-width:0}.customer-grid{grid-template-columns:minmax(0,1fr);gap:0}.customer-card,.customer-grid .customer-card{width:100%;min-width:0;margin-top:15px}.customer-card-header{gap:10px;padding:15px}.application-progress{-webkit-overflow-scrolling:touch;padding:22px 14px;overflow-x:auto}.progress-step{flex-shrink:0;width:105px}.progress-line{flex:1;min-width:18px}.customer-certificate-card{flex-direction:column;align-items:stretch;gap:14px;width:100%;min-width:0;padding:18px 15px}.certificate-card-content{min-width:0}.certificate-card-content h3{font-size:18px;line-height:1.4}.certificate-card-content p{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.certificate-card-actions{flex-direction:column;width:100%;display:flex}.certificate-view-btn,.certificate-download-btn{width:100%;min-height:44px}.certificate-empty-card,.certificate-main-card{width:100%;max-width:100%;margin:15px 0;padding:20px 15px}.certificate-details-grid{grid-template-columns:minmax(0,1fr)}.certificate-actions{flex-direction:column}.certificate-primary-btn,.certificate-secondary-btn{width:100%;min-height:44px}.certificate-qr-info{flex-wrap:wrap;align-items:flex-start}.application-form-card{width:100%;max-width:100%}.application-form-grid{grid-template-columns:minmax(0,1fr);gap:15px}.application-form-grid input,.application-form-grid select,.application-form-grid textarea{width:100%;min-width:0;font-size:16px}.form-full-width{grid-column:auto}.application-form-actions button{width:100%;min-height:46px}.customer-alert{overflow-wrap:anywhere;margin:12px 14px}.customer-coming{min-height:60vh;padding:20px 14px}}@media (width<=380px){.customer-content{padding:12px 10px 22px}.customer-header{padding:11px 10px}.customer-welcome{padding:16px 13px}.customer-welcome h2{font-size:19px}.customer-menu-item{padding:0 10px;font-size:11px}}.customer-sidebar .customer-logo{align-items:center;gap:12px;width:100%;padding:18px 16px;display:flex!important}.customer-sidebar .customer-logo-image{object-fit:contain;flex-shrink:0;width:48px;min-width:48px;height:48px;display:block!important}.customer-sidebar .customer-logo h2{margin:0;color:#fff!important}.customer-sidebar .customer-logo span{margin-top:4px;font-size:12px;display:block;color:#ff8a00!important}@media (width<=768px){.customer-sidebar .customer-logo{display:flex!important}.customer-sidebar .customer-logo-image{width:42px;min-width:42px;height:42px}}.payment-page{width:100%;max-width:1200px;margin:0 auto;padding-bottom:40px}.payment-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.payment-eyebrow{letter-spacing:1.5px;color:#64748b;margin-bottom:8px;font-size:12px;font-weight:800;display:inline-block}.payment-page-header h2{color:#172033;margin:0;font-size:28px;line-height:1.2}.payment-page-header p{color:#64748b;margin:8px 0 0;font-size:14px}.payment-status{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.payment-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.payment-status.pending{color:#c2410c;background:#fff7ed}.payment-status.pending .payment-status-dot{background:#f97316}.payment-status.submitted{color:#1d4ed8;background:#eff6ff}.payment-status.submitted .payment-status-dot{background:#3b82f6}.payment-status.verified{color:#047857;background:#ecfdf5}.payment-status.verified .payment-status-dot{background:#10b981}.payment-status.rejected{color:#b91c1c;background:#fef2f2}.payment-status.rejected .payment-status-dot{background:#ef4444}.payment-alert{border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.payment-alert>span{border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.payment-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.payment-alert-error>span{background:#fee2e2}.payment-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.payment-alert-success>span{background:#d1fae5}.payment-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);align-items:start;gap:22px;display:grid}.payment-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 5px 20px #0f172a0d}.payment-form-card{padding:26px}.payment-card-header{border-bottom:1px solid #eef0f3;margin-bottom:22px;padding-bottom:20px}.payment-card-header h3{color:#172033;margin:0;font-size:19px}.payment-card-header p{color:#64748b;margin:6px 0 0;font-size:13px;line-height:1.5}.payment-field{margin-bottom:20px}.payment-field label{color:#273247;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.payment-field label span{color:#dc2626;margin-left:3px}.payment-field input[type=text],.payment-field input[type=date]{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d8dee8;border-radius:9px;outline:none;width:100%;height:46px;padding:0 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.payment-field input[type=text]:focus,.payment-field input[type=date]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.payment-field input:disabled{cursor:not-allowed;background:#f8fafc}.payment-field small{color:#94a3b8;margin-top:7px;font-size:11px;display:block}.payment-upload-box{cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;min-height:150px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.payment-upload-box:hover{background:#f8fbff;border-color:#2563eb}.payment-upload-box input[type=file]{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.payment-upload-box input[type=file]:disabled{cursor:not-allowed}.payment-upload-content{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.payment-upload-icon{color:#2563eb;background:#e8f0ff;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:4px;font-size:22px;font-weight:800;display:grid}.payment-upload-content strong{color:#334155;font-size:13px}.payment-upload-content span{color:#94a3b8;font-size:11px}.payment-file-selected{color:#047857;background:#ecfdf5;border-radius:8px;align-items:center;gap:8px;margin-top:9px;padding:9px 11px;font-size:12px;display:flex}.payment-file-selected span{background:#d1fae5;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:800;display:grid}.payment-submit-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:9px;width:100%;height:48px;font-size:14px;font-weight:800;transition:background .2s,transform .1s}.payment-submit-btn:hover:not(:disabled){background:#1e40af}.payment-submit-btn:active:not(:disabled){transform:translateY(1px)}.payment-submit-btn:disabled{opacity:.6;cursor:not-allowed}.payment-spinner{vertical-align:-3px;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin-right:8px;animation:.7s linear infinite payment-spin;display:inline-block}@keyframes payment-spin{to{transform:rotate(360deg)}}.payment-side{flex-direction:column;gap:18px;display:flex}.payment-amount-card{color:#fff;background:#172033;border-color:#172033;padding:24px}.payment-card-label{color:#94a3b8;letter-spacing:1.2px;font-size:11px;font-weight:800;display:block}.payment-amount{margin:8px 0 22px;font-size:32px;font-weight:800;line-height:1}.payment-plan{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.payment-plan span{color:#94a3b8;font-size:12px}.payment-plan strong{color:#fff;text-align:right;font-size:13px}.payment-instructions{padding:22px}.payment-instruction-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.payment-info-icon{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.payment-instruction-header h3{color:#172033;margin:0;font-size:16px}.payment-instruction-header p{color:#94a3b8;margin:4px 0 0;font-size:11px}.payment-instructions ol{margin:0;padding-left:20px}.payment-instructions li{color:#64748b;margin-bottom:11px;padding-left:4px;font-size:12px;line-height:1.5}.payment-instructions li:last-child{margin-bottom:0}.payment-security{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:11px;padding:14px;display:flex}.payment-security>span{font-size:18px}.payment-security strong{color:#334155;margin-bottom:3px;font-size:12px;display:block}.payment-security p{color:#94a3b8;margin:0;font-size:10px;line-height:1.5}.payment-submitted-card,.payment-verified-card,.payment-rejected-card{border-radius:14px;align-items:center;gap:14px;margin-top:22px;padding:18px 20px;display:flex}.payment-submitted-card{background:#eff6ff;border:1px solid #bfdbfe}.payment-verified-card{background:#ecfdf5;border:1px solid #a7f3d0}.payment-rejected-card{background:#fef2f2;border:1px solid #fecaca}.payment-submitted-icon,.payment-rejected-icon{border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:grid}.payment-submitted-icon{color:#2563eb;background:#dbeafe}.payment-rejected-icon{color:#dc2626;background:#fee2e2}.payment-submitted-card h3,.payment-verified-card h3,.payment-rejected-card h3{color:#172033;margin:0 0 4px;font-size:15px}.payment-submitted-card p,.payment-verified-card p,.payment-rejected-card p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.payment-submitted-badge,.payment-verified-badge,.payment-rejected-badge{border-radius:999px;flex-shrink:0;margin-left:auto;padding:7px 10px;font-size:10px;font-weight:800}.payment-submitted-badge{color:#1d4ed8;background:#dbeafe}.payment-verified-badge{color:#047857;background:#d1fae5}.payment-rejected-badge{color:#b91c1c;background:#fee2e2}@media (width<=900px){.payment-layout{grid-template-columns:1fr}.payment-side{grid-template-columns:1fr 1fr;display:grid}.payment-security{grid-column:1/-1}}@media (width<=650px){.payment-page{padding:0 2px 30px}.payment-page-header{flex-direction:column;gap:14px}.payment-page-header h2{font-size:23px}.payment-form-card,.payment-amount-card,.payment-instructions{padding:18px}.payment-side{display:flex}.payment-submitted-card,.payment-verified-card,.payment-rejected-card{flex-wrap:wrap;align-items:flex-start}.payment-submitted-badge,.payment-verified-badge,.payment-rejected-badge{margin-left:56px}.payment-amount{font-size:28px}}.payment-qr-card{text-align:center}.payment-qr-card .payment-card-label{margin-bottom:18px;display:block}.payment-qr-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 16px;padding:10px;display:flex}.payment-qr-image{object-fit:contain;width:100%;height:100%;display:block}.payment-qr-text{color:#6b7280;margin:0 0 20px;font-size:13px;line-height:1.5}.payment-qr-card .payment-plan{text-align:left}.agreement-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 50px}.agreement-empty-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;max-width:700px;margin:50px auto;padding:50px 30px;box-shadow:0 10px 30px #0f172a0f}.agreement-empty-icon{background:#eef2ff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:28px;display:flex}.agreement-empty-card h3{color:#0f172a;margin:0 0 8px;font-size:24px}.agreement-empty-card p{color:#64748b;margin:0 0 25px}.agreement-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 12px 35px #0f172a12}.agreement-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:25px;padding:28px 32px;display:flex}.agreement-title-area{align-items:center;gap:16px;display:flex}.agreement-icon{background:#fff4e6;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:25px;display:flex}.agreement-title-area h1{color:#0f172a;margin:0 0 6px;font-size:25px;font-weight:700}.agreement-title-area p{color:#64748b;margin:0;font-size:14px}.agreement-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.agreement-status-pending{color:#c2410c;background:#fff7ed}.agreement-status-generated{color:#1d4ed8;background:#eff6ff}.agreement-status-sent{color:#047857;background:#ecfdf5}.agreement-status-signed{color:#4338ca;background:#eef2ff}.agreement-status-completed{color:#047857;background:#ecfdf5}.agreement-alert{border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:15px 18px;display:flex}.agreement-alert.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.agreement-alert strong{margin-bottom:3px;display:block}.agreement-alert p{margin:0;font-size:13px}.agreement-section{border-bottom:1px solid #e5e7eb;padding:28px 32px}.section-heading{margin-bottom:20px}.section-heading h3{color:#0f172a;margin:0 0 5px;font-size:17px}.section-heading p{color:#64748b;margin:0;font-size:13px}.agreement-details-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.agreement-detail{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.agreement-detail span{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.agreement-detail strong{color:#0f172a;word-break:break-word;font-size:14px;font-weight:600;display:block}.agreement-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:flex-start;gap:14px;margin:25px 32px 0;padding:18px 20px;display:flex}.info-icon{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.agreement-info-box h4{color:#1e3a8a;margin:2px 0 5px;font-size:14px}.agreement-info-box p{color:#475569;margin:0;font-size:13px;line-height:1.6}.agreement-document-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin:25px 32px 0;padding:22px}.agreement-document-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.agreement-document-header h3{color:#0f172a;margin:0 0 5px;font-size:17px}.agreement-document-header p{color:#64748b;margin:0;font-size:13px}.agreement-download-btn{color:#fff;white-space:nowrap;background:#0b1f4b;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.agreement-download-btn:hover{background:#162f66;transform:translateY(-1px)}.agreement-pdf-viewer{background:#fff;border:1px solid #dbe2ea;border-radius:12px;width:100%;height:720px;overflow:hidden;box-shadow:0 5px 18px #0f172a0f}.agreement-pdf-viewer iframe{border:none;width:100%;height:100%;display:block}.agreement-pdf-loading{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;font-size:14px;display:flex}.agreement-spinner{border:3px solid #e2e8f0;border-top-color:#0b1f4b;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite agreement-spin}@keyframes agreement-spin{to{transform:rotate(360deg)}}.agreement-pdf-error{text-align:center;color:#991b1b;background:#fff;border:1px solid #fecaca;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:30px;display:flex}.agreement-pdf-error>div{margin-bottom:10px;font-size:30px}.agreement-pdf-error strong{font-size:15px}.agreement-pdf-error p{color:#7f1d1d;margin:7px 0 0;font-size:13px}.agreement-action-area{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:25px 32px 0;padding:22px;display:flex}.agreement-action-area h3{color:#0f172a;margin:0 0 5px;font-size:16px}.agreement-action-area p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.primary-agreement-btn{color:#fff;cursor:pointer;background:#0b1f4b;border:none;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-width:210px;padding:13px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.primary-agreement-btn:hover:not(:disabled){background:#162f66;transform:translateY(-1px)}.primary-agreement-btn:disabled{opacity:.5;cursor:not-allowed}.primary-agreement-btn span{font-size:18px}.agreement-sign-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin:25px 32px 0;padding:25px}.sign-box-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.sign-box-header h3{color:#0f172a;margin:0 0 5px;font-size:18px}.sign-box-header p{color:#64748b;margin:0;font-size:13px}.sign-step{color:#3730a3;white-space:nowrap;background:#e0e7ff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700}.agreement-sign-field{margin-bottom:22px}.agreement-sign-field label,.signature-wrapper label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.agreement-sign-field input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;padding:13px 14px;font-size:14px;transition:all .2s}.agreement-sign-field input:focus{border-color:#0b1f4b;box-shadow:0 0 0 3px #0b1f4b14}.signature-wrapper{width:100%}.signature-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.signature-label-row label{margin-bottom:0}.clear-signature-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:12px;font-weight:600}.clear-signature-btn:hover{text-decoration:underline}.signature-canvas-container{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:220px;position:relative;overflow:hidden}.signature-canvas{cursor:crosshair;touch-action:none;width:100%;height:220px;display:block}.signature-placeholder{color:#cbd5e1;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signature-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.secondary-sign-btn,.primary-sign-btn{cursor:pointer;border-radius:9px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .2s}.secondary-sign-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.secondary-sign-btn:hover:not(:disabled){background:#f1f5f9}.primary-sign-btn{color:#fff;background:#0b1f4b;border:1px solid #0b1f4b}.primary-sign-btn:hover:not(:disabled){background:#162f66}.secondary-sign-btn:disabled,.primary-sign-btn:disabled{opacity:.5;cursor:not-allowed}.agreement-signed-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;align-items:flex-start;gap:15px;margin:25px 32px 0;padding:22px;display:flex}.signed-check{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:700;display:flex}.signed-content h3{color:#065f46;margin:0 0 5px;font-size:16px}.signed-content>p{color:#047857;margin:0 0 16px;font-size:13px}.signed-meta{flex-wrap:wrap;gap:30px;display:flex}.signed-meta span{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.signed-meta strong{color:#064e3b;font-size:13px}.agreement-footer-actions{border-top:1px solid #e5e7eb;margin-top:25px;padding:25px 32px}.agreement-back-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.agreement-back-btn:hover{background:#f8fafc;border-color:#94a3b8}@media (width<=900px){.agreement-details-grid{grid-template-columns:repeat(2,1fr)}.agreement-header,.agreement-action-area{flex-direction:column;align-items:flex-start}.primary-agreement-btn{width:100%}}@media (width<=650px){.agreement-page{padding:15px 10px 35px}.agreement-header,.agreement-section,.agreement-footer-actions{padding-left:18px;padding-right:18px}.agreement-info-box,.agreement-document-section,.agreement-action-area,.agreement-sign-box,.agreement-signed-box{margin-left:18px;margin-right:18px}.agreement-details-grid{grid-template-columns:1fr}.agreement-document-header{flex-direction:column;align-items:flex-start}.agreement-download-btn{width:100%}.agreement-pdf-viewer{height:550px}.sign-box-header{flex-direction:column;align-items:flex-start}.signature-actions{flex-direction:column-reverse}.secondary-sign-btn,.primary-sign-btn{width:100%}.signed-meta{flex-direction:column;gap:15px}}.agreement-pdf-btn{color:#fff;cursor:pointer;background:#0b1f4b;border:none;border-radius:8px;margin-top:20px;padding:12px 20px;font-size:14px;font-weight:600}.agreement-pdf-btn:hover{opacity:.9}.agreement-pdf-btn:disabled{opacity:.6;cursor:not-allowed}:root{--apply-blue:#071b45;--apply-blue-light:#12346d;--apply-orange:#ff8a00;--apply-bg:#f5f7fb;--apply-text:#101828;--apply-gray:#667085;--apply-border:#d0d5dd;--apply-white:#fff}*{box-sizing:border-box}body{margin:0}.apply-page{background:var(--apply-bg);min-height:100vh;color:var(--apply-text);font-family:DM Sans,sans-serif}.apply-header{background:#fff;border-bottom:1px solid #e4e7ec;align-items:center;height:82px;padding:0 6%;display:flex}.apply-logo{align-items:center;gap:12px;display:flex}.apply-logo-icon{background:var(--apply-orange);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:45px;height:45px;font-family:Space Grotesk,sans-serif;font-weight:700;display:flex}.apply-logo h2{color:var(--apply-blue);margin:0;font-family:Space Grotesk,sans-serif;font-size:24px}.apply-logo span{color:var(--apply-gray);margin-top:1px;font-size:10px;display:block}.apply-container{width:min(1050px,92%);margin:0 auto;padding:60px 0 80px}.apply-heading{margin-bottom:35px}.apply-heading>span{color:var(--apply-orange);letter-spacing:1.5px;font-size:11px;font-weight:700}.apply-heading h1{letter-spacing:-1.8px;color:var(--apply-blue);margin:8px 0 10px;font-family:Space Grotesk,sans-serif;font-size:clamp(34px,5vw,52px);line-height:1.1}.apply-heading h1 strong{color:var(--apply-orange)}.apply-heading p{color:var(--apply-gray);margin:0;font-size:15px}.apply-success,.apply-error{border-radius:10px;margin-bottom:25px;padding:15px 18px;font-size:13px;font-weight:600}.apply-success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.apply-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.apply-form{flex-direction:column;gap:22px;display:flex}.form-section{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:30px}.section-title{align-items:center;gap:14px;margin-bottom:25px;display:flex}.section-title>span{width:38px;height:38px;color:var(--apply-orange);background:#fff3e6;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.section-title h2{color:var(--apply-blue);margin:0;font-family:Space Grotesk,sans-serif;font-size:19px}.section-title p{color:var(--apply-gray);margin:3px 0 0;font-size:11px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#344054;margin-bottom:7px;font-size:12px;font-weight:600}.form-group label b{color:#d92d20}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--apply-border);width:100%;color:var(--apply-text);background:#fff;border-radius:8px;outline:none;font-family:inherit;font-size:13px;transition:all .2s}.form-group input,.form-group select{height:46px;padding:0 13px}.form-group textarea{resize:vertical;min-height:120px;padding:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--apply-blue);box-shadow:0 0 0 3px #071b4512}.form-group input::placeholder,.form-group textarea::placeholder{color:#98a2b3}.submit-area{background:var(--apply-blue);border-radius:14px;justify-content:space-between;align-items:center;gap:25px;padding:25px 30px;display:flex}.submit-area p{color:#b9c5d9;max-width:550px;margin:0;font-size:11px;line-height:1.6}.submit-area button{background:var(--apply-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-width:210px;height:48px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.submit-area button:hover{transform:translateY(-1px)}.submit-area button:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (width<=700px){.apply-header{padding:0 20px}.apply-container{width:calc(100% - 30px);padding:35px 0 50px}.apply-heading h1{font-size:34px}.form-section{padding:22px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.submit-area{flex-direction:column;align-items:stretch}.submit-area button{width:100%}}@media (width<=450px){.apply-logo h2{font-size:21px}.apply-heading h1{font-size:29px}.form-section{padding:18px}.section-title h2{font-size:17px}}.certificate-verification-page{background:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;padding:50px 20px;font-family:DM Sans,Arial,sans-serif;display:flex}.verification-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:100%;max-width:760px;padding:40px;box-shadow:0 18px 55px #071b451a}.verification-success-icon,.verification-failed-icon{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 18px;font-size:32px;font-weight:700;display:flex}.verification-success-icon{color:#16834a;background:#e8f8ef}.verification-failed-icon{color:#c62828;background:#fff0f0}.verification-label{color:#ff8a00;letter-spacing:1.4px;font-size:12px;font-weight:700;display:block}.verification-card h1{color:#071b45;margin:8px 0;font-size:30px}.verification-subtitle{color:#667085;max-width:540px;margin:0 auto;line-height:1.6}.verification-status{margin:25px auto}.verification-status span{color:#16834a;letter-spacing:1px;background:#e8f8ef;border-radius:30px;padding:8px 18px;font-size:12px;font-weight:700;display:inline-block}.verification-details{text-align:left;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px;display:grid}.verification-details>div{background:#f8fafc;border:1px solid #e3e8ef;border-radius:12px;padding:17px}.verification-details span{color:#667085;margin-bottom:6px;font-size:12px;display:block}.verification-details strong{color:#071b45;word-break:break-word;font-size:14px;display:block}.verification-footer{border-top:1px solid #e8edf3;flex-direction:column;gap:5px;margin-top:30px;padding-top:22px;display:flex}.verification-footer span{color:#071b45;font-weight:700}.verification-footer small{color:#667085}.verification-invalid{color:#c62828;background:#fff3f3;border-radius:10px;margin-top:25px;padding:14px;font-weight:600}.verification-loading{color:#071b45;padding:60px 20px;font-weight:600}@media (width<=650px){.certificate-verification-page{padding:25px 15px}.verification-card{padding:25px 18px}.verification-card h1{font-size:25px}.verification-details{grid-template-columns:1fr}}
