body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background-Color:"grey",}.auth-container{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#e4dede,#d9e0e7);padding:0;margin:0;overflow:hidden;box-sizing:border-box}.auth-card-container{max-width:400px;width:100%;padding:1rem;margin:20px}.auth-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;padding:2rem}.auth-title{color:#2c3e50;text-align:center;font-weight:700;margin-bottom:1.5rem}.auth-input{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.auth-input input{border:1px solid #dfe6e9;border-radius:8px;padding:.75rem;font-size:1rem;width:300px}.auth-input input:focus{border-color:#74b9ff;box-shadow:0 0 5px #74b9ff80}form .mantine-Stack-root{display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-submit-button{background-color:#2ca9c9;color:#fff;font-weight:700;font-size:1rem;padding:.75rem;border-radius:8px;transition:background-color .3s ease;border:none;text-align:center;width:200px}.auth-submit-button:hover{background-color:#0e8de2}.auth-secondary-button{padding:.5rem 1rem;font-size:.9rem;font-weight:700;border:none;color:#2ca9c9;line-height:1}.auth-card-container .mantine-Text-root{text-align:center;margin-top:.5rem}.auth-footer{display:flex;justify-content:center;gap:.3rem;margin-top:1rem}.auth-footer-text{font-size:.9rem;color:#2c3e50;line-height:1;margin:0}.loader{margin:2rem auto;display:block}.error-text{text-align:center;margin-top:2rem;color:red}.table-link{text-decoration:none;color:#1e90ff}.table-link:hover{text-decoration:underline}.auth-error-text{text-align:center;margin-top:2rem;color:red;font-size:1rem}.auth-loader{margin:2rem auto;display:block}.resource-container{padding:1rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a}.resource-header{display:flex;justify-content:space-around;align-items:center;padding:0 1rem}.resource-title{font-size:2rem;font-weight:700;color:#2c3e50;text-align:center;flex-grow:1}.logout-button{background-color:#6caad3;color:#fff;font-weight:700;border:none;padding:10px 20px;margin:0;transition:background-color .3s ease}.logout-button:hover{background-color:#c0392b}.resource-table{width:100%;border-collapse:collapse;margin-top:1rem}.resource-table th,.resource-table td{text-align:left;padding:.75rem}.resource-table th{background-color:#619dd6;color:#fff}.resource-table tr:nth-child(2n){background-color:#ece6e6}.resource-link{text-decoration:none;color:#3498db;font-weight:700}.resource-link:hover{text-decoration:underline;color:#2980b9}.resource-detail-container{padding:1rem;background-color:#f4f6f8;border-radius:8px;box-shadow:0 4px 10px #0000001a}.resource-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.resource-detail-title{font-size:2rem;font-weight:700;color:#2c3e50;text-align:center;flex-grow:1}.resource-detail-card{margin:0 auto;padding:1rem;display:flex;flex-direction:row;gap:2rem;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;align-items:center}.resource-detail-image{flex:1;text-align:center}.resource-detail-image img{border-radius:8px;max-width:100%;height:auto;object-fit:cover}.resource-detail-info{flex:1;display:flex;flex-direction:column;gap:1rem}.resource-detail-name{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.back-button{background-color:#6caad3;color:#fff;font-weight:700;border:none;padding:10px 20px;margin-top:1rem;margin-left:auto;margin-right:auto;display:block;transition:background-color .3s ease}.back-button:hover{background-color:#4596cc}body{margin:0;padding:0;min-height:100vh;font-family:Segoe UI,sans-serif;background-Color:"grey"}button{cursor:pointer}.blue-div{background-color:#3d4c7e}.purple-div{background-color:#7076b6}*{margin:0;padding:0;font-family:Outfit,sans-serif;font-weight:400}.display1{font-size:80px}.display2{font-size:48px}h1{font-size:40px;font-weight:700}h2{font-size:32px}h3{font-size:24px}h3{font-size:20px}p,li{font-size:18px}.p2{font-size:16px}.p3{font-size:14px}input,input::placeholder{font-size:18px}@media (max-width: 600px){.display1{font-size:56px}.display2{font-size:32px}h1{font-size:32px;font-weight:700}h2{font-size:22px}h3{font-size:18px}p,li{font-size:16px}.p2{font-size:12px}.p3{font-size:8px}}