@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:16px;line-height:1.5;background-color:#f8f9fa;color:#333;padding:2rem;display:flex;justify-content:center;min-height:100vh}.page{width:100%;max-width:800px;margin:auto}.main-heading{font-size:2rem;font-weight:600;color:#222;text-align:center;margin-bottom:1.5rem}.section{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 6px #0000000d}.logged-off-section{display:flex;justify-content:center;align-items:center;min-height:480px;margin:20vh auto 1rem}.logged-off-container{text-align:center}footer{text-align:center;margin-top:1rem;font-size:.85rem;color:#555}.logo{display:block;margin:0 auto;padding-bottom:2rem;max-width:30%;height:auto}.heading{font-size:1.25rem;font-weight:500;color:#222;margin-bottom:1rem}.info-box{background-color:#f1f3f5;padding:.5rem;margin-bottom:1rem;border-radius:4px;border:1px solid #dee2e6;font-size:.8rem;color:#333;overflow:hidden;text-overflow:ellipsis}.btn{background-color:#5576fa;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease;margin:.5rem .5rem 0 0}.btn:hover{background-color:#405dc9;cursor:pointer}.table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem;background:#fff}.table th,.table td{border:1px solid #dee2e6;padding:.75rem;text-align:left;vertical-align:middle}.table th{background-color:#f8f9fa;color:#222;font-weight:500}.table td{color:#333}.modal{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;align-items:center;padding:1rem}.modal-content{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:2rem;width:100%;max-width:600px;position:relative;box-shadow:0 2px 8px #00000026}.close-btn{position:absolute;top:1rem;right:1rem;color:#6c757d;font-size:1.25rem;cursor:pointer;transition:color .2s ease}.close-btn:hover{color:#222}.modal-btn{text-align:left;margin-top:1rem;min-width:130px}.modal-label,.modal-input{display:block;width:100%;margin-bottom:1rem}.modal-label{font-size:1rem;font-weight:500;color:#222}.modal-input{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;padding:.6rem;box-sizing:border-box;font-size:1rem;color:#333}.small-text{font-size:.85rem;color:#6c757d;margin-bottom:1rem}.remove-icon:hover{opacity:1}.center{display:flex;justify-content:center;align-items:center}.remove-icon{cursor:pointer;font-size:20px;opacity:.5;color:red}td.remove-icon{border:none}th.noRB,td.noRB{border-right:none}th.noLB,td.noLB{border-left:none}td.noTB{border-top:none}.dots:after{content:"";animation:dots 1.2s infinite steps(4)}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}#statusOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:9999}#messageBox{background:#fff;color:#333;border-radius:8px;box-shadow:0 4px 8px #0003;padding:1rem 2rem;text-align:center;position:relative;margin:0 auto;transition:padding .3s ease,height .3s ease}#statusMessage{background:#fff;color:#333;padding:1rem 2rem;font-size:1rem;text-align:center}.close-msg{position:absolute;top:3px!important;right:10px;color:#6c757d;font-size:1.25rem;cursor:pointer;transition:color .2s ease}#userBalanceContainer{display:flex;align-items:center;justify-content:left;gap:.5rem;padding-bottom:10px}#userBalanceContainer button{padding:.4rem .8rem;border-radius:4px;font-size:.9rem;height:2rem;display:flex;align-items:center;justify-content:center;margin-top:0}#userBalanceContainer button:hover{background-color:#405dc9}#userBalance{display:flex;align-items:center;padding:.2rem .5rem;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;font-size:.85rem;min-width:120px;text-align:center}.hidden{display:none!important}@media screen and (max-width: 768px){body{font-size:14px}.main-heading{font-size:1.5rem}.heading{font-size:1rem}.info-box{font-size:.75rem}.table{font-size:.8em}.table th,.table td{padding:.3rem}.info-box{word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;white-space:normal}body{padding:.5rem}.page{padding:0 .25rem}.section{padding:.75rem;margin-bottom:.75rem}.logo{max-width:50%;padding-bottom:1rem}.btn{padding:.5rem 1rem;font-size:.9rem}}