.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:transparent;padding:16px;box-sizing:border-box}.login-card{width:100%;max-width:380px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 10px 30px #0000001a;text-align:center;animation:fadeIn .5s ease-in-out;box-sizing:border-box}.login-header{font-size:2.25rem;font-weight:600;color:#1e293b;margin-bottom:24px}.login-input{width:100%;padding:12px;margin-bottom:16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.login-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.login-button{width:100%;padding:14px;font-size:1rem;font-weight:600;color:#fff;background-color:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-sizing:border-box}.login-button:hover{background-color:#1d4ed8;transform:translateY(-2px)}.error-message{color:red;margin-top:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body{margin:0;font-family:Arial,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6;padding:0}.super-admin-header{text-align:center;font-size:2rem;color:#4a4a4a;margin-top:20px}.alert{background-color:#fc0;color:#333;padding:10px 20px;border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:1000}.success-alert{background-color:#28a745;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 4px 6px #0000001a;z-index:1000;position:fixed;top:10px;right:10px}.super-admin-container{padding:20px;max-width:1200px;margin:0 auto}.super-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.super-admin-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:20px;text-align:center;border:1px solid #eaeaea}.super-admin-card h2{margin-bottom:20px;font-size:1.5rem;color:#333}.super-admin-card input,.super-admin-card select{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.super-admin-card button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.super-admin-card button:hover{background-color:#0056b3}.upload-box{display:flex;align-items:center;justify-content:center;height:150px;border:2px dashed #007bff;border-radius:8px;color:#007bff;cursor:pointer;transition:background-color .3s ease;margin:10px 0}.upload-box:hover{background-color:#f0f8ff}.upload-box .plus-sign{font-size:2rem}.uploaded-file{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:10px 0}.uploaded-file span{font-size:.9rem;color:#555}.uploaded-file .remove-button{background-color:#e3342f;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:.8rem}.uploaded-file .remove-button:hover{background-color:#c62828}.super-admin-list-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:20px;margin-bottom:20px}.super-admin-list-container h2{font-size:1.5rem;margin-bottom:10px;color:#333}.super-admin-list-container .filter-container{display:flex;justify-content:space-between;align-items:center;gap:10px}.super-admin-list-container .filter-container input[type=text],.super-admin-list-container .filter-container select{width:48%;padding:10px;border-radius:5px;border:1px solid #ddd;box-sizing:border-box}.super-admin-list-container input[type=text]{padding-right:40px}.super-admin-list-container select{padding-right:30px}.super-admin-list{margin-top:20px;max-height:300px;overflow-y:auto}.super-admin-list ul{list-style:none;padding:0}.super-admin-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;border-radius:8px;border:1px solid #ddd;margin-bottom:10px;transition:box-shadow .3s ease}.super-admin-list li:hover{box-shadow:0 4px 10px #0000001a}.super-admin-list li p{margin:0}.super-admin-list li button{margin-left:10px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.super-admin-list li button:hover{background-color:#0056b3}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:400px;text-align:center}.modal-content h2{margin-bottom:20px;font-size:1.5rem;color:#333}.modal-content input{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.modal-content button{padding:10px 20px;margin:10px;border-radius:5px;border:none;cursor:pointer}.modal-content button:first-child{background-color:#007bff;color:#fff}.modal-content button:first-child:hover{background-color:#0056b3}.modal-content button:last-child{background-color:#e3342f;color:#fff}.modal-content button:last-child:hover{background-color:#c62828}.button.logout-button{display:block;margin:20px auto;padding:10px 20px;background-color:#e3342f;color:#fff;border:none;border-radius:5px;cursor:pointer}.button.logout-button:hover{background-color:#c62828}.deactivated{color:#adadad}.sponsorship-overview{display:flex;flex-direction:column;gap:20px;margin-top:15px}.project-sponsorship-section{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#f9f9f9}.project-sponsorship-section h3{margin:0 0 15px;color:#333;font-size:1.2em;border-bottom:2px solid #007bff;padding-bottom:5px}.no-data{color:#666;font-style:italic;margin:10px 0}.monthly-data{display:flex;flex-wrap:wrap;gap:15px}.month-section{border:1px solid #ccc;border-radius:6px;padding:12px;background-color:#fff;min-width:200px;flex:1}.month-section h4{margin:0 0 10px;color:#555;font-size:1em;text-align:center;background-color:#f0f0f0;padding:5px;border-radius:4px}.payment-breakdown{display:flex;flex-direction:column;gap:5px}.payment-type{display:flex;justify-content:space-between;padding:3px 0}.payment-type.total{border-top:1px solid #ddd;padding-top:8px;margin-top:5px}.payment-type span:first-child{color:#666}.payment-type span:last-child{color:#333;font-weight:500}.payment-type.total span{color:#007bff}@media (max-width: 768px){.monthly-data{flex-direction:column}.month-section{min-width:unset}}