.oauthInButton_btn__cYczu{display:flex;align-items:center;padding:.3rem .7rem;gap:10px;background-color:#ffffff;border:1px solid #dcdcdc;border-radius:.6rem;color:#202124;font-weight:500;cursor:pointer;transition:.3s}.oauthInButton_btn__cYczu:hover{background-color:#f1f3f4}.oauthInButton_icon__4ocCq{width:20px;height:20px}.oauthOutButton_dropdown__YYoCB{position:relative;display:inline-block}.oauthOutButton_dropdown-toggle__zMHTr{border-radius:.2rem;min-width:15rem;height:auto;padding:10px;background-color:#4F5C80;color:white;border:none;cursor:pointer;font-size:16px}.oauthOutButton_dropdown-toggle__zMHTr:hover{background-color:#3f4e76}.oauthOutButton_dropdown-menu__6hXVF{overflow:hidden;border-radius:.2rem;display:block;position:absolute;background-color:white;padding:0;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;margin-top:5px}.oauthOutButton_dropdown-menu__6hXVF li{--right-padding:0.8rem;padding-right:var(--right-padding);display:flex;justify-content:end;align-items:center;height:1.6lh;list-style:none}.oauthOutButton_dropdown-menu__6hXVF li>*{height:100%;width:100%;display:flex;align-items:center;justify-content:end;gap:.4rem}.oauthOutButton_dropdown-menu__6hXVF li a{text-decoration:none;color:black}.oauthOutButton_dropdown-menu__6hXVF li:hover{background-color:#ddd}.oauthOutButton_get-tokens__GcveU{cursor:pointer}.oauthOutButton_logout__2ayBu{padding:0!important;& button{padding:0;padding-right:var(--right-padding);background-color:rgb(224,64,64);color:white;border:0 transparent;font-size:1rem;height:100%;width:100%;cursor:pointer;&:hover{background-color:rgb(174,49,49)}}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{& .modal-content{background-color:#ffffff;padding:2rem;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:fadeIn .3s ease-in-out}& .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}& .modal-header h1{font-size:1.5rem;font-weight:700;color:#333;margin:0}& .close-btn{background:none;border:none;font-size:1.2rem;color:#dc3545;cursor:pointer;transition:color .2s}& .close-btn:hover{color:#b02a37}& .modal-body{display:flex;gap:2rem}& .form-section{flex:1}& .form-group{margin-bottom:1rem}& label{display:block;font-size:.9rem;color:#555;margin-bottom:.5rem}& input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}& input:focus{outline:none;border-color:#007bff}& .voucher-btn{margin-top:.5rem;padding:.5rem 1rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}& .voucher-btn:hover{background-color:#5a6268}& .summary{margin:1.5rem 0;font-size:1rem;color:#333}& .summary p{margin:.5rem 0}& .discount{color:#28a745}& .buy-btn{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}& .buy-btn:hover{background-color:#0056b3}& .transactions-section{flex:1;max-height:400px;overflow-y:auto;padding-left:1rem}& .transactions-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#333}& .transactions{list-style:none;padding:0;margin:0}& .transaction-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem;border-bottom:1px solid #eee;margin-top:.4rem;border-radius:8px}& .transaction-item.paid{background-color:#e6f4ea}& .transaction-item.unpaid{background-color:#fff3cd}& .transaction-details{display:flex;flex-direction:column;gap:.25rem}& .transaction-date{font-size:.85rem;color:#666}& .open-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;transition:color .2s}& .open-btn:hover{color:#0056b3}}