:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;box-sizing:border-box;overflow-x:hidden}*{box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px;box-sizing:border-box;background-image:url(../images/mainbg.png);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:auto}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:450px;margin:0 auto;box-sizing:border-box}.login-box h1{margin:0 0 30px;color:#333;text-align:center;font-size:2em;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.captcha-container{display:flex;gap:10px;align-items:center}.refresh-captcha{padding:12px 15px;background-color:#f0f0f0;border:2px solid #ddd;border-radius:5px;cursor:pointer;font-size:18px;transition:all .3s}.refresh-captcha:hover:not(:disabled){background-color:#e0e0e0;transform:rotate(90deg)}.refresh-captcha:disabled{opacity:.5;cursor:not-allowed}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.message{margin-top:20px;padding:12px;border-radius:5px;text-align:center;font-weight:500}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.api-key-container{margin-top:25px;padding:20px;background-color:#f8f9fa;border-radius:5px;border:2px solid #667eea}.api-key-container h3{margin:0 0 15px;color:#333;font-size:1.2em}.api-key-display{display:flex;gap:10px;align-items:center}.api-key-display code{flex:1;padding:12px;background-color:#fff;border:1px solid #ddd;border-radius:5px;font-family:Courier New,monospace;font-size:14px;word-break:break-all;color:#333}.copy-btn{padding:12px 20px;background-color:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .3s}.copy-btn:hover{background-color:#5568d3}@media(prefers-color-scheme:dark){.login-box{background:#1a1a1a;color:#ffffffde}.login-box h1,.form-group label{color:#ffffffde}.form-group input{background-color:#2a2a2a;border-color:#444;color:#ffffffde}.form-group input:focus{border-color:#667eea}.api-key-container{background-color:#2a2a2a;border-color:#667eea}.api-key-container h3{color:#ffffffde}.api-key-display code{background-color:#1a1a1a;border-color:#444;color:#ffffffde}}@media(max-width:768px){.login-container{padding:40px 15px 15px;align-items:flex-start}.login-box{padding:30px 25px;max-width:100%;border-radius:8px}.login-box h1{font-size:1.75em;margin-bottom:25px}.form-group{margin-bottom:18px}.form-group input{padding:11px;font-size:16px}.submit-btn{padding:13px;font-size:16px}.api-key-display{flex-direction:column;gap:10px}.api-key-display code{width:100%;font-size:12px}.copy-btn{width:100%}}@media(max-width:480px){.login-container{padding:30px 10px 10px}.login-box{padding:25px 20px}.login-box h1{font-size:1.5em;margin-bottom:20px}.captcha-container{flex-direction:column;align-items:stretch}.captcha-container input{width:100%!important}.refresh-captcha{width:100%;text-align:center}.api-key-container{padding:15px}.api-key-container h3{font-size:1em}}.captcha-wrapper{margin-bottom:20px}.captcha-label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.captcha-display{display:flex;gap:10px;align-items:center;margin-bottom:10px;justify-content:center}.captcha-canvas{border:2px solid #ddd;border-radius:5px;background:#f9f9f9;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:border-color .3s}.captcha-refresh-btn{padding:12px 15px;background-color:#f0f0f0;border:2px solid #ddd;border-radius:5px;cursor:pointer;font-size:18px;transition:all .3s;flex-shrink:0}.captcha-refresh-btn:hover{background-color:#e0e0e0;transform:rotate(90deg);border-color:#667eea}.captcha-refresh-btn:active{transform:rotate(180deg)}.captcha-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.captcha-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box;transition:border-color .3s;letter-spacing:2px;font-weight:600;text-align:center}.captcha-input:focus{outline:none;border-color:#667eea}.captcha-error-message{margin-top:5px;color:#dc3545;font-size:12px;text-align:center}.captcha-canvas{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto}@media(max-width:480px){.captcha-display{flex-direction:column;gap:10px}.captcha-refresh-btn{width:100%;text-align:center}.captcha-canvas{width:100%;max-width:200px;height:auto}}@media(prefers-color-scheme:dark){.captcha-label{color:#ffffffde}.captcha-canvas{border-color:#444;background:#2a2a2a}.captcha-input{background-color:#2a2a2a;border-color:#444;color:#ffffffde}.captcha-input:focus{border-color:#667eea}.captcha-refresh-btn{background-color:#2a2a2a;border-color:#444}.captcha-refresh-btn:hover{background-color:#333}}.home-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px;box-sizing:border-box;background-image:url(../images/mainbg.png);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:auto}.home-box{background:#1a1a1a;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:450px;margin:0 auto;box-sizing:border-box;text-align:center}.home-title{margin:0 0 15px;color:#fff;font-size:2em;font-weight:600;text-align:center}.home-subtitle{margin:0 0 20px;color:#fff;font-size:1em;font-weight:400;text-align:center;opacity:.9}.welcome-message{margin:0 0 30px;color:#fff;font-size:1.1em;font-weight:500;text-align:center;opacity:.95;padding:10px 0}.home-buttons{display:flex;flex-direction:column;gap:15px;margin-top:30px}.home-btn{width:100%;padding:14px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.topup-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.topup-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.history-btn{background:#333;color:#fff;border:2px solid #555555}.history-btn:hover{background:#444;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.topup-record-btn{background:#333;color:#fff;border:2px solid #555555}.topup-record-btn:hover{background:#444;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.referral-record-btn{background:#333;color:#fff;border:2px solid #555555}.referral-record-btn:hover{background:#444;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.home-btn:active{transform:translateY(0)}.logout-container{margin-top:30px;display:flex;justify-content:flex-end}.logout-btn{padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.logout-btn:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 15px #dc354566}.logout-btn:active{transform:translateY(0)}@media(max-width:768px){.home-container{padding:40px 15px 15px;align-items:flex-start}.home-box{padding:30px 25px;max-width:100%;border-radius:8px}.home-title{font-size:1.75em;margin-bottom:12px}.home-subtitle{font-size:.9em;margin-bottom:30px}.home-buttons{gap:12px;margin-top:25px}.home-btn{padding:13px;font-size:16px}}@media(max-width:480px){.home-container{padding:30px 10px 10px}.home-box{padding:25px 20px}.home-title{font-size:1.5em;margin-bottom:10px}.home-subtitle{font-size:.85em;margin-bottom:25px}.home-buttons{gap:10px;margin-top:20px}.logout-container{margin-top:25px}.logout-btn{padding:10px 18px;font-size:13px}}.submit-topup-container{min-height:100vh;width:100%;background-image:url(../images/mainbg.png);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:20px}.topup-header{background:#1a1a1a;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:100}.topup-header-title{margin:0;color:#fff;font-size:1.5em;font-weight:600;flex-shrink:0}.topup-header-right{display:flex;align-items:center;gap:15px;flex-shrink:0}.topup-username{color:#fff;font-size:1em;font-weight:500}.topup-back-btn{padding:8px 20px;background-color:#667eea;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.topup-back-btn:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.topup-logout-btn{padding:8px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.topup-logout-btn:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 15px #dc354566}.topup-content{padding:30px 20px;max-width:1200px;margin:0 auto}.topup-boxes-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.topup-info-box{background:#1a1a1a;padding:30px;border-radius:10px;box-shadow:0 10px 40px #0003}.box-title{margin:0 0 25px;color:#fff;font-size:1.5em;font-weight:600;text-align:center}.topup-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#fff;font-size:14px;font-weight:500}.form-field input[type=text],.form-field input[type=number]{padding:12px;border:2px solid #333333;border-radius:5px;background-color:#1a1a1a;color:#fff;font-size:16px;transition:border-color .3s}.form-field input[type=text]:focus,.form-field input[type=number]:focus{outline:none;border-color:#667eea}.form-field input::placeholder{color:#666}.file-input-wrapper{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-input-label{display:block;padding:12px;border:2px solid #333333;border-radius:5px;background-color:#1a1a1a;color:#fff;font-size:16px;cursor:pointer;transition:border-color .3s;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-input-label:hover{border-color:#667eea}.file-input:focus+.file-input-label{border-color:#667eea}.submit-btn{margin-top:10px;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.topup-message{margin-top:20px;padding:12px;border-radius:5px;text-align:center;font-weight:500}.topup-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.topup-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.topup-images-box{background:#1a1a1a;padding:30px;border-radius:10px;box-shadow:0 10px 40px #0003}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px}.image-item{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.image-item img{width:100%;height:100%;object-fit:contain;border-radius:8px}@media(max-width:768px){.topup-header{padding:12px 15px;flex-direction:column;gap:12px;align-items:stretch}.topup-header-title{font-size:1.3em;width:100%;text-align:left}.topup-header-right{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.topup-username{flex:1;text-align:center;order:2}.topup-back-btn{order:1;padding:6px 15px;font-size:13px}.topup-logout-btn{order:3;padding:6px 15px;font-size:13px}.topup-content{padding:20px 15px}.topup-boxes-container{grid-template-columns:1fr;gap:20px}.topup-info-box,.topup-images-box{padding:25px 20px}.box-title{font-size:1.3em;margin-bottom:20px}.images-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}}@media(max-width:480px){.topup-header{padding:10px 12px;gap:10px}.topup-header-title{font-size:1.2em}.topup-username{font-size:.9em}.topup-back-btn,.topup-logout-btn{padding:6px 12px;font-size:12px}.topup-content{padding:15px 10px}.topup-info-box,.topup-images-box{padding:20px 15px}.box-title{font-size:1.2em}.images-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.view-history-container{min-height:100vh;width:100%;background-image:url(../images/mainbg.png);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:20px}.history-header{background:#1a1a1a;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:100}.history-header-title{margin:0;color:#fff;font-size:1.5em;font-weight:600;flex-shrink:0}.history-header-right{display:flex;align-items:center;gap:15px;flex-shrink:0}.history-username{color:#fff;font-size:1em;font-weight:500}.history-back-btn{padding:8px 20px;background-color:#667eea;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.history-back-btn:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.history-logout-btn{padding:8px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.history-logout-btn:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 15px #dc354566}.history-content{padding:30px;max-width:1400px;margin:0 auto}.history-box{background:#1a1a1a;padding:30px;border-radius:10px;box-shadow:0 10px 40px #0003}.history-box-title{color:#fff;font-size:1.8em;margin:0 0 25px;text-align:center;font-weight:600}.history-loading,.history-error,.history-empty{text-align:center;color:#fff;padding:40px;font-size:1.1em}.history-error{color:#ff6b6b}.history-table-wrapper{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;color:#fff;background:#1a1a1a;table-layout:fixed}.history-table thead{background:#2a2a2a}.history-table th{padding:15px;text-align:left;font-weight:600;border-bottom:2px solid #667eea;color:#fff}.history-table td{padding:15px;border-bottom:1px solid #333333;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.history-table .col-ref{width:15%;min-width:120px}.history-table .col-amount{width:10%;min-width:100px}.history-table .col-referral{width:12%;min-width:110px}.history-table .col-status{width:10%;min-width:90px}.history-table .col-date{width:18%;min-width:150px}.history-table .col-image{width:12%;min-width:110px}.history-table .col-message{width:13%;min-width:120px}.history-table tbody tr:hover{background:#2a2a2a}.history-table tbody tr:last-child td{border-bottom:none}.status-pending{background-color:#ffc107;color:#000}.status-decline{background-color:#dc3545;color:#fff}.view-image-btn{padding:6px 15px;background-color:#667eea;color:#fff;border:none;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.view-image-btn:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.no-image{color:#888;font-style:italic}.view-message-btn{padding:6px 15px;background-color:#28a745;color:#fff;border:none;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.view-message-btn:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 15px #28a74566}.no-message{color:#888;font-style:italic}.image-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.image-modal-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.image-modal-close{position:absolute;top:-40px;right:0;background:#dc3545;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1001}.image-modal-close:hover{background:#c82333;transform:scale(1.1)}.image-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080}.message-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.message-modal-content{position:relative;background:#1a1a1a;border-radius:10px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.message-modal-close{position:absolute;top:15px;right:15px;background:#dc3545;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1001}.message-modal-close:hover{background:#c82333;transform:scale(1.1)}.message-modal-title{color:#fff;font-size:1.5em;margin:0 0 20px;font-weight:600}.message-modal-text{color:#e0e0e0;font-size:1em;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.history-header{padding:12px 15px;flex-direction:column;gap:12px;align-items:stretch}.history-header-title{font-size:1.3em;width:100%;text-align:left}.history-header-right{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.history-username{flex:1;text-align:center;order:2}.history-back-btn{order:1;padding:6px 15px;font-size:13px}.history-logout-btn{order:3;padding:6px 15px;font-size:13px}.history-content,.history-box{padding:20px 15px}.history-box-title{font-size:1.5em;margin-bottom:20px}.history-table{font-size:.9em;table-layout:auto}.history-table th,.history-table td{padding:10px 8px}.history-table .col-ref,.history-table .col-amount,.history-table .col-referral,.history-table .col-status,.history-table .col-date,.history-table .col-image,.history-table .col-message{width:auto;min-width:auto}.view-image-btn,.view-message-btn{padding:5px 10px;font-size:12px}.message-modal-content{padding:20px;max-width:95%}}@media(max-width:480px){.history-header{padding:10px 12px;gap:10px}.history-header-title{font-size:1.2em}.history-username{font-size:.9em}.history-back-btn,.history-logout-btn{padding:6px 12px;font-size:12px}.history-content,.history-box{padding:15px 10px}.history-table{font-size:.8em}.history-table th,.history-table td{padding:8px 5px}.status-badge{padding:4px 8px;font-size:.75em}}.view-record-container{min-height:100vh;width:100%;background-image:url(../images/mainbg.png);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:20px}.record-table .col-code,.record-table .col-pin{width:10%;min-width:100px}.record-table .col-points{width:12%;min-width:110px}.record-table .col-last,.record-table .col-new{width:10%;min-width:100px}.record-table .col-status{width:10%;min-width:90px}.record-table .col-referral{width:15%;min-width:120px}.record-table .col-date{width:18%;min-width:150px}.status-badge{display:inline-block;padding:5px 12px;border-radius:15px;font-size:.85em;font-weight:600;text-transform:uppercase}.status-success{background-color:#28a745;color:#fff}.status-fail{background-color:#dc3545;color:#fff}.status-unknown{background-color:#6c757d;color:#fff}@media(max-width:768px){.record-header{padding:12px 15px;flex-direction:column;gap:12px;align-items:stretch}.record-header-title{font-size:1.3em;width:100%;text-align:left}.record-header-right{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.record-username{flex:1;text-align:center;order:2}.record-back-btn{order:1;padding:6px 15px;font-size:13px}.record-logout-btn{order:3;padding:6px 15px;font-size:13px}.record-content,.record-box{padding:20px 15px}.record-box-title{font-size:1.5em;margin-bottom:20px}.record-table{font-size:.9em;table-layout:auto}.record-table th,.record-table td{padding:10px 8px}.record-table .col-code,.record-table .col-pin,.record-table .col-points,.record-table .col-last,.record-table .col-new,.record-table .col-status,.record-table .col-referral,.record-table .col-date{width:auto;min-width:auto}.status-badge{padding:4px 8px;font-size:.75em}}@media(max-width:480px){.record-header{padding:10px 12px;gap:10px}.record-header-title{font-size:1.2em}.record-username{font-size:.9em}.record-back-btn,.record-logout-btn{padding:6px 12px;font-size:12px}.record-content,.record-box{padding:15px 10px}.record-table{font-size:.8em}.record-table th,.record-table td{padding:8px 5px}.status-badge{padding:4px 8px;font-size:.75em}}.view-record-container{min-height:100vh;width:100%;background-image:url(../images/mainbg.png);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:20px}.record-header{background:#1a1a1a;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:100}.record-header-title{margin:0;color:#fff;font-size:1.5em;font-weight:600;flex-shrink:0}.record-header-right{display:flex;align-items:center;gap:15px;flex-shrink:0}.record-username{color:#fff;font-size:1em;font-weight:500}.record-back-btn{padding:8px 20px;background-color:#667eea;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.record-back-btn:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.record-logout-btn{padding:8px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.record-logout-btn:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 15px #dc354566}.record-content{padding:30px;max-width:1400px;margin:0 auto}.record-box{background:#1a1a1a;padding:30px;border-radius:10px;box-shadow:0 10px 40px #0003}.record-box-title{color:#fff;font-size:1.8em;margin:0 0 25px;text-align:center;font-weight:600}.record-loading,.record-error,.record-empty{text-align:center;color:#fff;padding:40px;font-size:1.1em}.record-error{color:#ff6b6b}.record-table-wrapper{overflow-x:auto}.record-table{width:100%;border-collapse:collapse;color:#fff;background:#1a1a1a;table-layout:fixed}.record-table thead{background:#2a2a2a}.record-table th{padding:15px;text-align:left;font-weight:600;border-bottom:2px solid #667eea;color:#fff}.record-table td{padding:15px;border-bottom:1px solid #333333;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.record-table .col-referral-code,.record-table .col-used-by{width:20%;min-width:150px}.record-table .col-last,.record-table .col-new,.record-table .col-added{width:15%;min-width:100px}.record-table .col-date{width:20%;min-width:150px}.record-table tbody tr:hover{background:#2a2a2a}.record-table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.record-header{padding:12px 15px;flex-direction:column;gap:12px;align-items:stretch}.record-header-title{font-size:1.3em;width:100%;text-align:left}.record-header-right{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.record-username{flex:1;text-align:center;order:2}.record-back-btn{order:1;padding:6px 15px;font-size:13px}.record-logout-btn{order:3;padding:6px 15px;font-size:13px}.record-content,.record-box{padding:20px 15px}.record-box-title{font-size:1.5em;margin-bottom:20px}.record-table{font-size:.9em;table-layout:auto}.record-table th,.record-table td{padding:10px 8px}.record-table .col-referral-code,.record-table .col-used-by,.record-table .col-last,.record-table .col-new,.record-table .col-added,.record-table .col-date{width:auto;min-width:auto}}@media(max-width:480px){.record-header{padding:10px 12px;gap:10px}.record-header-title{font-size:1.2em}.record-username{font-size:.9em}.record-back-btn,.record-logout-btn{padding:6px 12px;font-size:12px}.record-content,.record-box{padding:15px 10px}.record-table{font-size:.8em}.record-table th,.record-table td{padding:8px 5px}}.app{width:100%;min-height:100vh}