.form-control,.header{box-sizing:border-box}:root{--primary-blue: #004770;--button-bg: #1177BD;--secondary-blue: #e7f5ff;--dark-blue: #1a1a1a;--text-color: #1a1a1a;--primary-hover: #1177BD;--light-gray: #f8f9fa;--medium-gray: #e9ecef;--border-color: #bababa;--success-green: #55b16d;--pending-orange: #FED947;--expired-red: #D54D4D;--active-green-light: #e0ffe0;--pending-orange-light: #ffffeb;--white: #ffffff;--card-bg: #ffffff;--shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);--icon-bg-blue: #e0f0ff;--icon-color-blue: #007bff;--icon-bg-green: #e9f7ef;--icon-color-green: #55b16d;--icon-bg-red: #fde8ec;--icon-color-red: #D54D4D}h1,h2,h3,h4,h5,h6{font-weight:600}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:var(--light-gray);color:var(--text-color);min-height:100vh}.referral-dashboard:before{content:"";display:block;height:115px;width:100%;background:linear-gradient(180deg,#1178bd80 0,#209e4900);position:absolute;top:0}.mobile-search-control select,.table-controls-desktop select{background-image:url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236c757d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3cpolyline points="6 9 12 15 18 9"%3e%3c/polyline%3e%3c/svg%3e');background-repeat:no-repeat;background-size:12px;appearance:none}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;z-index:1000;position:relative;width:100%;transition:.3s}.copy-button,.share-icon{transition:background-color .2s;cursor:pointer}.header.fixed{position:fixed;top:0;left:0;animation:.3s forwards slideDown;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff81}.inner-header{padding:0!important;display:flex;justify-content:space-between;align-items:center;width:100%}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header-left,.header-right{display:flex;align-items:center}.header-left .logo{margin-right:.5rem}.header-left .title{color:var(--text-color);font-weight:500}.header-right .user-profile{display:flex;align-items:center;margin-right:1.5rem;gap:5px}.header-right .user-name{font-weight:500;margin-right:.5rem;color:var(--text-color)}.header-right .user-avatar{width:25px;height:25px;border-radius:50%;background-color:var(--primary-blue);color:var(--white);display:flex;justify-content:center;align-items:center;font-weight:500;font-size:.675rem}.header-left .title{font-size:1rem}.header-right .icon-button{background:0 0;border:none;cursor:pointer}.container{padding:2rem;max-width:1400px;margin:0 auto}.referral-form,.stat-card{background-color:var(--card-bg);padding:1rem;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{border-radius:12px;display:flex;flex-direction:column}.copy-button,.stat-card .value{align-items:center;display:flex}.stat-card .label{font-size:.9rem;color:var(--dark-blue);font-weight:500;margin-bottom:.5rem}.stat-card .value{font-size:1.8rem;font-weight:600;color:var(--dark-blue);justify-content:space-between}.stat-card .value .amount-text{display:flex;align-items:baseline;gap:.25rem}.stat-card .value .amount-text .icon-rupee{font-size:1.4rem}.stat-card .icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;flex-shrink:0;border:1px solid}.stat-card:first-child .icon-wrapper{background-color:var(--icon-bg-blue);color:var(--icon-color-blue)}.stat-card:nth-child(2) .icon-wrapper,.status-badge.active{background-color:var(--active-green-light);color:var(--success-green)}.stat-card:nth-child(3) .icon-wrapper,.stat-card:nth-child(5) .icon-wrapper,.status-badge.pending-trade,.status-badge.pending-ucc{background-color:var(--pending-orange-light);color:var(--pending-orange)}.stat-card:nth-child(4) .icon-wrapper,.status-badge.expired{background-color:var(--icon-bg-red);color:var(--expired-red)}.referral-section{margin-bottom:2rem;display:flex;flex-wrap:nowrap;gap:1rem}.referral-form{flex:1 1 60%;min-width:300px;border-radius:12px}.referral-form h2{font-size:1.3rem;margin-top:0;margin-bottom:.5rem;color:var(--dark-blue)}.referral-form p{font-size:.9rem;color:var(--dark-blue);margin:0 0 .5rem}.referral-link-group{display:flex;margin-bottom:1rem}.referral-link-input{flex-grow:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px 0 0 8px;font-size:.95rem;background-color:var(--light-gray);color:var(--dark-blue);outline:0;font-family:Poppins,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-button{background-color:var(--primary-blue);color:var(--white);border:none;padding:.75rem 1.25rem;border-radius:0 8px 8px 0;font-size:.95rem;font-weight:500;gap:.5rem}.share-icons{display:flex;align-items:center;gap:.75rem}.share-icons span{font-size:.9rem;color:var(--dark-blue);margin-right:.25rem}.share-icon{width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.1rem}.action-button-icon.whatsapp,.share-icon.whatsapp{background-color:var(--success-green);color:var(--white)}.action-button-icon.email,.share-icon.email{background-color:var(--expired-red);color:var(--white)}.action-button-icon.message,.pagination button.active,.share-icon.message{background-color:var(--primary-blue);color:var(--white)}.referral-banner{display:flex;position:relative}.referral-banner img{width:100%}.my-referrals-section-desktop{background-color:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:var(--shadow);overflow-x:auto}.my-referrals-header-desktop{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.my-referrals-header-desktop h2{font-size:1.3rem;margin:0;color:var(--dark-blue)}.table-controls-desktop{display:flex;gap:1rem;flex-wrap:wrap}.table-controls-desktop .input-group{position:relative;display:flex;align-items:center}.table-controls-desktop .icon{position:absolute;left:12px;color:var(--dark-blue);font-size:1rem}.mobile-search-control .icon{position:absolute;left:12px;color:var(--dark-blue);font-size:1rem;top:15px}.mobile-search-control input{padding-left:2rem!important}.table-controls-desktop input,.table-controls-desktop select{padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-family:Poppins,sans-serif;min-width:150px;outline:0}.table-controls-desktop select{padding-right:1rem;min-width:100px;padding-left:1rem;background-position:right .75rem center}.table-controls-desktop .input-group input{padding-left:2.5rem}.my-referrals-table{width:100%;min-width:750px;border-collapse:collapse;margin-top:1.5rem}.my-referrals-table td,.my-referrals-table th{text-align:left;padding:1rem .75rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.my-referrals-table th{background-color:var(--light-gray);font-size:.85rem;color:var(--dark-blue);font-weight:600;text-transform:uppercase}.status-badge{display:inline-block;padding:.3em .5em;border-radius:5px;font-size:.675em;font-weight:500;text-align:center;border:1px solid}.status-badge.eligible{background-color:var(--icon-bg-blue);color:var(--primary-blue)}.action-buttons,.pagination{display:flex;gap:.5rem}.action-button-icon{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.9rem;color:var(--dark-blue);flex-wrap:wrap;gap:1rem}.pagination button{background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.pagination button.active{border-color:var(--primary-blue)}.my-referrals-section-mobile{display:none;padding:0}.my-referrals-header-mobile{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.my-referrals-header-mobile h2{font-size:1.2rem;color:var(--dark-blue);margin:0}.mobile-search-control{flex:1;position:relative}.mobile-search-control input{width:90%;padding:.6rem .5rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-family:Poppins,sans-serif;outline:0}.mobile-search-control select{width:100%;padding:.6rem .5rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-family:Poppins,sans-serif;outline:0}.mobile-search-control select{padding-right:1.5rem;background-position:right .5rem center}.referral-card{background-color:var(--white);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow);position:relative}.referral-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.referral-card-header .name{font-weight:600;color:var(--dark-blue);font-size:1rem}.icon-info:before,.icon-rupee:before,.icon-trash:before{font-family:"Font Awesome 5 Free";font-weight:900}.referral-card-details{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.85rem;color:var(--dark-blue)}.referral-card-details strong{font-weight:500;color:var(--text-color)}.referral-card-footer{margin-top:1rem;padding-top:.5rem;border-top:1px dashed var(--medium-gray);display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.referral-card-footer .ucc-status span{margin-left:.5rem}@media (max-width:991px){.container,.header,.referral-banner{padding:1rem}.referral-form h2{font-size:1.2rem}.stat-card .icon-wrapper{width:30px;height:30px;font-size:1rem}.stat-card .value{font-size:1.4rem}.my-referrals-section-desktop,.referral-banner{display:none}.my-referrals-section-mobile{display:block}.header{flex-wrap:wrap}.header-left{width:100%;margin-bottom:.5rem}.header-right{width:100%;justify-content:flex-end}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem;grid-template-columns:1fr}.referral-section{flex-direction:column;padding:0;gap:1.5rem}.referral-banner,.referral-form{min-width:unset;flex:1 1 100%}.inner-header,.referral-link-group{flex-direction:column}.referral-link-input{border-radius:8px;margin-bottom:.5rem;font-size:.875rem}.copy-button{border-radius:8px;width:100%;justify-content:center}.share-icons{margin-top:.5rem;justify-content:center}.my-referrals-header-mobile,.stats-grid{flex-wrap:wrap;display:flex}.referral-banner-image{width:120px;right:-10px;bottom:-10px}.referral-banner .amount-text{font-size:2rem}.stat-card{flex:1 1 140px!important}.referral-card-details{display:flex;flex-wrap:wrap}.referral-card-details div{display:flex;flex-wrap:wrap;width:100%}.referral-card-details strong{margin-right:10px}.inner-header .header-right{justify-content:space-between!important;width:100%!important}}.left-banner,.right-login,.split-container,.step-icon,.step-item{display:flex}@media (min-width: 320px) and (max-width: 359px){.header-left .title{font-size:.75rem!important}}@media (max-width:576px){.referral-card-details,.stats-grid{grid-template-columns:1fr}.stat-card{flex:1 1 140px!important}.stats-grid{display:flex;flex-wrap:wrap}.header-left .title{font-size:.875rem}.header-right .user-profile{margin-right:.5rem}.header-left,.header-right{justify-content:space-between;flex-wrap:wrap}.header-left h3{margin-top:0;margin-bottom:0}.my-referrals-header-mobile{flex-direction:column}.mobile-search-control{width:100%}}.icon-rupee:before{content:"\f156"}.icon-info:before{content:"\f05a"}.icon-trash:before{content:"\f2ed"}.logo img{width:120px}.left-banner{flex:1;background:linear-gradient(135deg,#007bff 0,#0052cc);flex-direction:column;justify-content:center;align-items:center;color:var(--white);padding:0;position:relative;text-align:center}.left-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;charset=UTF-8,%3csvg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" opacity="0.1"%3e%3cpath d="M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z" fill="%23ffffff" fill-rule="evenodd"/%3e%3c/svg%3e')}.banner-image{width:90%;max-width:400px;margin-bottom:2rem;z-index:1}.banner-title{font-size:2.2rem;font-weight:600;margin-bottom:.5rem;z-index:1}.banner-highlight{color:gold}.banner-steps{display:flex;gap:1.5rem;margin-top:2rem;z-index:1;font-size:1rem;font-weight:500}.step-item{flex-direction:column;align-items:center;gap:.5rem}.step-icon{width:40px;height:40px;background-color:var(--primary-blue);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem}.step-arrow{align-self:center;font-size:1.2rem;opacity:.7;margin-bottom:1.5rem}.form-group label,.logo{margin-bottom:.5rem;color:var(--dark-blue);font-weight:600}.right-login{flex:1;background-color:var(--white);justify-content:center;align-items:center;padding:1rem;max-width:600px;flex-direction:column}.login-wrapper{width:100%;max-width:380px}.logo{font-size:0rem}.subtitle{font-size:.95rem;color:var(--dark-blue);margin-bottom:2.5rem}.btn-primary,.form-control{width:100%;font-size:1rem;font-family:Poppins,sans-serif}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem}.form-control{padding:.85rem 1rem;border:1px solid var(--border-color);border-radius:8px;outline:0;transition:border-color .2s,box-shadow .2s;background-color:#fcfcfc}.form-control:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #007bff1a;background-color:var(--white)}.btn-primary{padding:10px;background-color:var(--button-bg);color:var(--white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.btn-primary:hover{background-color:var(--primary-hover)}.footer-link{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--dark-blue)}.back-link,.resend-link{margin-top:1rem;display:inline-block;cursor:pointer}.footer-link a,.resend-link{color:var(--primary-blue);text-decoration:none}.footer-link a{font-weight:600}.footer-link a:hover,.policy-links a:hover{text-decoration:underline}.step{transition:opacity .3s}#step-2{display:none;opacity:0}.resend-link{font-size:.85rem;float:right}.back-link{font-size:.9rem;color:var(--dark-blue);text-decoration:none}@media (max-width:900px){.left-banner{padding:1.5rem}.banner-title{font-size:1.25rem;text-align:center}.banner-image{width:70%}}.mobileview{display:none}@media (max-width:768px){.left-banner{display:none}.right-login{max-width:100%;background-color:var(--light-gray);display:flex;align-items:center;justify-content:start;height:85vh;flex-direction:column;position:relative;padding:1rem 1.8rem!important}.login-wrapper{background-color:var(--white);padding:1rem;border-radius:0 0 12px 12px;box-shadow:0 4px 15px #0000000d}.mobileview{display:block;margin-bottom:20px;margin-top:0}.step-icon{position:relative}.step-icon i:before{color:var(--white);position:absolute;top:12px;left:12px;font-size:15px}.banner-steps{margin-top:0;display:flex;align-items:center;justify-content:center}.subtitle{margin-bottom:1rem}.logoLogin{font-size:20px!important}.logo-container{display:flex;justify-content:space-between;background:linear-gradient(90deg,#ebf3fd,#fff 73.5%);padding:12px 10px 12px 16px;position:relative;top:0;z-index:1000;margin-left:0;width:100%}.login-wrapper{width:98%;max-width:376px}.links{flex-wrap:wrap}}.logoLog{display:flex;justify-content:start;margin-bottom:1rem;position:absolute;left:15px;top:15px}.logoLog img{width:100px}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--white);margin:6% auto;padding:25px;width:80%;max-width:700px;border-radius:8px;overflow-y:auto;max-height:80vh}.close{float:right;font-size:26px;cursor:pointer}.policy-links a{color:var(--primary-blue);text-decoration:none;font-weight:500;font-size:.675rem}.links{display:flex;align-items:center;justify-content:space-between}.terms{color:var(--primary-blue);font-weight:500;font-size:14px}.gradient-text{background-image:linear-gradient(to right top,#1177bd,#0087be,#0093a7,#009b7d,#209e49);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:#1177bd}.policy-links{position:relative;z-index:1;color:var(--primary-blue);margin-top:20px}.split-container{min-height:100vh}.logoLogin{font-size:2rem;font-weight:500;color:var(--dark-blue)}.form-control.ng-invalid.ng-touched,.form-control.is-invalid{border-color:#dc3545!important;box-shadow:0 0 0 .125rem #dc354540!important}.form-control.ng-valid.ng-touched,.form-control.is-valid{border-color:#28a745;box-shadow:0 0 0 .125rem #28a74526}.error-text{color:#dc3545;font-size:.85rem;margin-top:4px}html.is-ios body{scroll-behavior:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:hidden;position:fixed;width:100%}html.is-ios body.keyboard-open{position:fixed;width:100%;overflow:hidden}html.is-ios body .referral-dashboard,html.is-ios body .split-container{max-height:calc(var(--vh, 1vh) * 100 - 10px);overflow-y:auto;scrollbar-width:none}