:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.navbar-container{width:100%;position:fixed;top:0;left:0;z-index:1000}.logo-img{position:absolute;top:14px;left:10px;height:80px;z-index:10}.black-strip{background-color:#000;height:50px;width:100%}.primary-nav{display:flex;background-color:maroon;color:#fff;height:20px;justify-content:center;align-items:center;text-align:center;width:100%}.secondary-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:orange;width:100%}.secondary-nav a{position:relative}.secondary-nav a:not(:last-child):after{content:"|";position:absolute;right:-8px;color:#000}.primary-nav a,.secondary-nav a{font-size:12px}.welcome-section{padding:20px;text-align:left;margin-top:90px}.otc-balance{text-align:right;margin-top:-20px;color:#00f}.text-balance{color:#000}.text-gift{color:#00f}@media screen and (max-width: 768px){.welcome-section{padding:15px;margin-top:80px}}@media screen and (max-width: 480px){.welcome-section{padding:10px;font-size:14px}}.login-page{border:1px solid black;width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;margin:0 auto;position:relative}.header{color:#cf0404;font-family:sans-serif;font-size:12px}.upper{display:flex;justify-content:space-between;align-items:center;width:100%}.middle{border:1px solid black;display:flex;height:35px;width:100%;color:#000;background-color:#efb600;align-items:center;justify-content:center;font-family:sans-serif}.middle a{text-decoration:none;cursor:pointer;font-size:11px;margin:0 4px;color:#000}.middle a:hover{text-decoration:none}.lower{position:relative;width:100%}.form-container td{padding:3px;width:70px}.form-container input{background-color:#fff;border:1px black solid}.form-container{font-size:10px;font-family:sans-serif;position:absolute;left:40px;top:25px;z-index:2;color:#000}.form-container table{color:#5c5c5c}.login-page table{border-spacing:0;border:none}.form-container td{padding:3px;border:none}.lower .main{width:100%;display:block}.login-box{position:absolute;left:30px;top:20px;z-index:1}.form-container input{width:80px;font-size:12px;color:gray}#captchaDisplay{font-style:italic;color:#009e00;font-size:16px;width:150px;letter-spacing:0px;min-height:15px;min-width:100px;border:rgb(250,137,137) 2px solid;background-color:#fff;display:flex;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center}.captcha{display:flex;justify-content:space-evenly;gap:7px;align-items:center;width:100%}.refresh-button{background:none;border:none;padding:0;margin:0;box-shadow:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.go-button{background-color:#07f;border:none;color:#fff;height:auto;font-size:11px;cursor:pointer;padding:5px 10px}.footer{color:gray;font-family:sans-serif;font-size:11px;word-spacing:1px;margin-top:20px;position:absolute;bottom:-30px}.location{display:flex;justify-content:center;margin-top:10px}.page-container{width:1200px;display:flex;gap:10px;padding:0 10px;box-sizing:border-box;color:#000}.notice-box{width:200px;border:3px solid #ff0000;padding:8px;background-color:#fff;font-size:13px;font-weight:800;line-height:1.2;flex-shrink:0;height:450px;overflow-y:auto}.notice-box p{margin-bottom:8px}.notice-box.hindi{font-family:Arial,sans-serif;font-size:13.6px}.points-section{flex:1;width:600px;display:flex;flex-direction:column;height:100%;overflow:hidden}.points-header{background-color:#7c0505;color:#fff;padding:3px 6px;display:flex;gap:6px;align-items:center;height:24px}.title{font-weight:700;font-size:11px}.point-types{display:flex;gap:100px;padding:auto 0;align-items:center;justify-content:center;font-size:11px}.points-table-section{flex:none;border:rgb(202,202,202) 1px solid;height:180px;display:flex;flex-direction:column;overflow:visible;width:100%}.tables-container{display:flex;gap:10px;background:#f0f0f0;padding:5px;height:100%;overflow:hidden}.receivables-table-container,.transferable-table-container{flex:1;background:#fff;border:1px solid #ccc;min-width:0;display:flex;flex-direction:column;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;height:20px}.section-header{overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;color:gray;font-size:13px;text-align:left}.section-header button{flex-shrink:0;margin-left:4px;min-width:fit-content;border-radius:0}.table-header{display:none}.points-table{width:100%;border-collapse:collapse;color:#000;table-layout:fixed;overflow:visible;font-size:11px}.points-table th{background:#f0f0f0;padding:2px 4px;text-align:left;border:1px solid #ccc;color:#000;font-weight:700;white-space:nowrap;overflow:visible;text-overflow:ellipsis;height:18px}.points-table td{padding:2px 4px;border:1px solid #ccc;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px}.receivables-table th:nth-child(1),.receivables-table td:nth-child(1){width:15%}.receivables-table th:nth-child(2),.receivables-table td:nth-child(2){width:40%}.receivables-table th:nth-child(3),.receivables-table td:nth-child(3){width:25%}.receivables-table th:nth-child(4),.receivables-table td:nth-child(4){width:20%}.transferable-table th:nth-child(1),.transferable-table td:nth-child(1){width:15%}.transferable-table th:nth-child(2),.transferable-table td:nth-child(2){width:40%}.transferable-table th:nth-child(3),.transferable-table td:nth-child(3){width:25%}.transferable-table th:nth-child(4),.transferable-table td:nth-child(4){width:20%}.receivables-table,.transferable-table{width:100%;table-layout:fixed;overflow:hidden}.request-table{max-height:200px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.request-table::-webkit-scrollbar{display:none}.transferrable-cancel{background-color:gray!important}.table-actions{display:flex;padding:4px 6px;background:#f0f0f0;border-top:1px solid #ccc;font-size:11px;flex-shrink:0;justify-content:space-between;flex-wrap:wrap;gap:10px}.right-actions,.left-actions{display:flex;justify-content:space-between;width:100%}.select-all-group{display:flex;align-items:center;gap:4px}.buttons-group{display:flex;gap:8px}.page-container button{padding:2px 6px;font-size:11px;cursor:pointer;height:20px;border-radius:0}.refresh-btn,.transfer-btn{font-size:10px;background:#007bff;color:#fff;border:none;margin-left:6px}.receive-btn{background:#28a745;color:#fff;border:none}.reject-btn{background:#dc3545;color:#fff;border:none}.cancel-btn{background:#6c757d;color:#fff;border:none}.transfer-form{margin-top:5px;border:1px solid #800000;font-size:11px;background:#fff}.transfer-form-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.result-table-header{position:sticky;top:0;z-index:1}.transfer-form input{width:100px;color:gray;margin:2px}.transfer-form button{margin-top:10px}.transfer-form-buttons{display:flex;justify-content:center;gap:70px;align-items:center;width:100px}.form-header{background:maroon;color:#fff;padding:3px 6px;font-weight:700;height:20px;text-align:left}.form-content{padding:5px;display:flex;flex-direction:column;align-items:center}.form-group{display:flex;margin-bottom:4px;align-items:center;height:24px;width:220px;justify-content:center}.form-group label{width:100px;text-align:right;margin-right:10px}.form-group input{padding:2px 4px;border:1px solid #ccc;width:100px;height:18px;background-color:#fff}.form-actions{display:flex;justify-content:space-between;padding:4px 6px;border-top:1px solid #ccc;height:28px;width:220px;margin:0 auto}.form-actions button{border-radius:0;margin:0}.form-actions .transfer-btn,.form-actions .close-btn{margin:0}.form-actions{width:100%;box-sizing:border-box;padding:4px 20px}.close-btn{background:#6c757d;color:#fff;border:none;padding:4px 12px;cursor:pointer}.no-data{text-align:center;padding:40px!important}.main-content{display:flex;padding:20px;gap:20px;max-width:1400px;margin:0 auto}.page-container table,.page-container td{border:none;outline:none}.page-container input{background-color:#fff;border:1px black solid}.points-panel{flex:1;border:1px solid #ccc;min-width:0}.panel-header{background-color:maroon;color:#fff;padding:10px}.panel-header h3{margin:0}.point-types{margin-top:10px}.point-types label{margin-right:20px;display:flex;align-items:center}.point-types input[type=radio]{margin-right:5px}.points-table th{color:#888}.page-container button{margin:1px;padding:5px 10px;height:auto;color:#fff;background-color:#0084ff;border:none;font-size:13px;border-radius:0;cursor:pointer}.cancel-btn{background-color:#6c757d;color:#fff}.table-actions button{margin:0 5px}.form-group{margin-bottom:15px;display:flex;align-items:center}.form-group label{width:120px}.form-group input{padding:5px;border:1px solid #ccc}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.hindi{font-family:Arial,sans-serif}.child-registration-container{width:800px;height:auto;margin:20px auto;background:#dcdcdc;border:1px solid #000000;box-shadow:0 2px 4px #0000001a;overflow:auto}.child-registration-container form{padding:15px;box-sizing:border-box}.child-registration-container table{font-size:12px;border-spacing:8px}.child-registration-container td{padding:4px;color:gray;vertical-align:top}.child-registration-container tr{text-align:left}.child-registration-container a{color:#00f}.child-registration-container input,.child-registration-container select,.child-registration-container textarea{background-color:#fff;color:#1d1d1d;border:1px black solid;width:180px;font-size:12px;padding:2px}.child-registration-container input[type=submit],.child-registration-container input[type=reset]{background-color:#01afff;border:none;gap:10px;width:auto;padding:4px 12px;margin-top:10px}.child-registration-container select[name=country]{width:400px}.child-registration-container select[name=state]{width:250px}.child-registration-container select[name=city]{width:230px}.child-registration-container select[name=member_type]{width:40px;margin-right:300px}.child-registration-container select[name=dob_day],.child-registration-container select[name=dob_month],.child-registration-container select[name=dob_year]{width:60px;margin-right:5px}.child-registration-container textarea{width:150px;height:70px}.change-PIN-container{width:500px;background-color:#d8d8d8}.change-PIN-container table{color:gray;font-size:13px;text-align:left;padding:10px}.change-PIN-container input{background-color:#fff;color:gray;border:1px black solid}.change-password-container{width:500px;background-color:#d8d8d8}.change-password-container table{color:gray;font-size:13px;text-align:left;padding:10px}.change-password-container input{background-color:#fff;color:gray;border:1px black solid}.change-btn{background-color:#007bff;color:#fff;margin-left:100px;padding:8px 20px;border:none;border-radius:3px;cursor:pointer}.change-btn:hover{background-color:#0056b3}.update-profile-container{width:800px;height:auto;margin:20px auto;background:#dcdcdc;border:1px solid #000000;box-shadow:0 2px 4px #0000001a;overflow:auto}.registration-header{background:#8b0000;color:#fff;padding:8px 12px;font-weight:700;height:30px;line-height:16px;text-align:left;font-size:14px}.update-profile-container form{padding:15px;box-sizing:border-box}.update-profile-container table{font-size:12px;border-spacing:8px}.update-profile-container td{padding:4px;color:gray;vertical-align:top}.update-profile-container tr{text-align:left}.update-profile-container a{color:#00f}.update-profile-container input,.update-profile-container select,.update-profile-container textarea{background-color:#fff;color:#1d1d1d;border:1px black solid;width:180px;font-size:12px;padding:2px}.update-profile-container input[type=submit],.update-profile-container input[type=reset]{background-color:#01afff;border:none;gap:10px;width:auto;padding:4px 12px;margin-top:10px}.update-profile-container select[name=country] .update-profile-container select[name=state] .update-profile-container select[name=city]{width:230px}.update-profile-container select[name=member_type]{width:40px;margin-right:300px}.update-profile-container select[name=dob_day],.update-profile-container select[name=dob_month],.update-profile-container select[name=dob_year]{width:60px;margin-right:5px}.update-profile-container textarea{width:150px;height:70px}.buttons{margin-left:-110px}.buttons input{color:#fff;margin-right:20px}.main2{display:flex;justify-content:space-between;gap:20px;margin:auto}.main button{color:#fff;background-color:#07f;padding:5px;width:100px;cursor:pointer;margin:5px}.results-table-wrapper{flex:1;border:2px solid #9c7a3e;display:flex;flex-direction:column;font-family:Arial,sans-serif;background-color:#fff}.table-heading{background-color:#9c7a3e;color:#000;padding:12px;font-size:18px;font-weight:700;text-align:left;border-bottom:2px solid white}.table-heading-wrapper{display:flex;justify-content:space-between;align-items:center}.table-headers{display:grid;grid-template-columns:2fr 3fr 10fr;padding:8px 12px;background-color:#9c7a3e;color:#000;font-weight:700;gap:20px;border-bottom:2px solid #fff}.results-table-container{overflow-y:auto;max-height:600px;padding:0 12px 12px}.results-table{width:100%;border-collapse:collapse}.results-table td{padding:2px;border:1px solid #9c7a3e;color:#000;text-align:center;font-size:14px}.results-table tbody tr:nth-child(2n){background-color:#f5e8d0}.results-table tbody tr:nth-child(odd){background-color:#fff}.reset-container{width:600px;margin:20px auto;font-family:Arial,sans-serif}.reset-header{color:red;text-align:center;margin-bottom:10px;font-weight:700}.reset-buttons{background-color:#d3d3d3;display:flex;justify-content:center;gap:10px;margin-bottom:10px}.reset-buttons button{background-color:#0074f8;padding:5px 10px;cursor:pointer;border:none;margin:2px}.reset-table{color:#000;width:100%;border:none;text-align:center}.reset-table thead{color:gray}.reset-table tfoot{background-color:gray}.reset-table tfoot{border-color:gray}.reset-table button{padding:6px;color:#fff;box-sizing:border-box;border:none;background-color:#0074f8}.reset-table select{font-family:serif;font-size:medium;color:#414141;width:150px;background-color:#fff;padding:1px;box-sizing:border-box}.status{margin-top:10px;color:#000}#root{max-width:1000px;margin:0 auto;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#fff;min-height:100vh}.app-container{padding-top:50px;width:100%;min-height:100vh}.top-nav{width:100%}.primary-nav{background-color:maroon;color:#fff;padding:8px 0;text-align:center}.secondary-nav{background-color:orange;color:#000;width:100%;padding:8px 0;text-align:center}.primary-nav a,.secondary-nav a{color:inherit;text-decoration:none;margin:0 5px}.welcome-section{padding:20px;text-align:left}.blue-text{color:#00f}.otc-balance{text-align:right;margin-top:-20px}input[type=checkbox]{background-color:#dcdcdc!important;border:1px solid #999!important;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}button,input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;border-radius:0;outline:none}
