*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f1f2f3}.top{text-align:center}.wrapper{position:relative;width:420px;height:450px;background:transparent;border:2px solid red;-webkit-backdrop-filter:blur(20px) contrast(20%);backdrop-filter:blur(20px) contrast(20%);border-radius:10px;color:#fff;display:flex;align-items:center}.wrapper .form-box{width:100%;padding:40px}form h1{font-size:36px;text-align:center;color:#fff;font-weight:700}form .input-box{position:relative;width:100%;height:50px;margin:30px 0}.input-box input{width:100%;height:100%;background:transparent;outline:none;border:3px solid rgba(255,255,255,.1);border-radius:35px;font-size:16px;color:#fff;padding:20px 45px 20px 20px}.input-box input::placeholder{color:#fff}form .forgotPassword{display:flex;justify-content:center;font-size:14.5px;margin:-15px 0 15px}.forgotPassword a{color:#fff;text-decoration:none;font-weight:600}.forgotPassword a:hover{color:#8b0000;text-decoration:underline}form button{width:100%;height:45px;background:red;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #0000001a;cursor:pointer;font-size:16px;color:#fff;font-weight:700}form .register-link{font-size:14.5px;text-align:center;margin:20px 0 15px}.register-link p a{color:#fff;text-decoration:none;font-weight:600}.register-link p a:hover{color:#8b0000;text-decoration:underline}form .login-link{font-size:14.5px;text-align:center;margin:20px 0 15px}.login-link p a{color:#fff;text-decoration:none;font-weight:600}.login-link p a:hover{color:#8b0000;text-decoration:underline}.incorrect-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:1px solid #ccc;box-shadow:0 0 10px #0000001a;z-index:1000;text-align:center}.incorrect-popup button{margin-top:10px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.incorrect-popup button:hover{background-color:#0056b3}#obligation-list{margin-left:300px;max-height:350px;overflow-y:auto}#switches{margin-left:30px;display:flex}.obli-title{padding-top:5px;margin-left:30px}#eventAttendance-wrapper{position:relative;background:bisque;height:550px;width:850px;border-radius:8px}#set-attendance-button{margin-left:10px}#attendance-controls{margin-top:10px;margin-left:30px}#dropdown-scrollable{max-height:250px;overflow-y:auto}.modal-scrollable{max-height:350px;width:auto;overflow-y:auto;overflow-x:hidden;float:left}.modal-scrollable-delete{max-height:350px;width:auto;overflow-y:auto;overflow-x:hidden}.list-group-horizontal .list-group-item{height:50px;display:flex;align-items:center;width:100%;flex-grow:1}#addfacButton{margin-left:60px;margin-right:15px}#createfacButton{margin-right:15px}#list-group-check{width:auto}.attendances-name{font-size:18px;font-weight:700;color:#333}.attendances-email{font-size:14px;color:#777}.dropzone{margin-top:10px}.attendances-item{background:#fff;padding:10px;border-radius:4px;margin-bottom:10px;margin-right:10px;margin-left:25px;width:390px;box-shadow:0 1px 3px #0000001a}#attendance-popup{background:#fff;height:250px;width:550px;position:absolute;left:-80px}#attendances-div{width:auto;margin-left:0;padding-left:0}#attendances-items-div{margin-top:10px;height:350px;width:auto;overflow-y:auto;overflow-x:hidden}#attendance-item-search{width:300px;float:left}#data-buttons{display:flex}.event-buttons{display:block;width:150px;background:#fff;padding:10px;border-radius:4px;margin-bottom:10px;box-shadow:0 1px 3px #0000001a;transition:background .2s;float:right}.event-buttons:hover{background:#652222}.event-buttons.selected{background-color:#652222;color:#fff}#event-popup{background:#fff;height:250px;width:550px;position:absolute;left:50px}#events-div{width:auto;height:440px;margin-left:10px;margin-right:10px;background:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-y:auto;overflow-x:hidden}.popup-upload{background:#fff;width:250px;position:relative;top:80px;left:110px}.popup-submit{position:relative;left:220px;top:150px;height:40px;width:70px}.remove-button{font-size:20px;width:15px}@keyframes slideInOut{0%{opacity:0;visibility:hidden;transform:translateY(-200px)}50%{opacity:.5;visibility:visible;transform:translateY(0)}to{opacity:1;visibility:visible;transform:translateY(0)}}#modal-facultyControls-wrapper{background:#f5f5f5;width:700px}#modal-event-inputs{float:left;padding:10px}#modal-event-name{width:135px}#modal-event-date{margin-left:30px;width:85px}#modal-event-desc{width:350px}#modal-name-and-date-inputs{margin-bottom:10px}#modal-event-checkbuttons{float:right;padding-right:40px}.success-popup{position:fixed;top:20px;z-index:1058;left:50%;transform:translate(-50%);background-color:#008000cc;color:#fff;padding:10px 20px;border-radius:5px;opacity:1;transition:opacity .5s ease-in-out}.success-popup.fade-out{opacity:0}#formcheck-thing{float:left}#attendance-event-label{padding-left:50%;font-size:20px}#who-knows{margin-bottom:30px}.dashboard-container{padding:20px;max-width:1200px;margin:0 auto}.dashboard-content{display:flex;gap:30px;margin-top:20px}.progress-section{flex:1}.events-section{flex:2}.progress-circle-container{position:relative;width:200px;height:200px;margin:0 auto}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#e0e0e0;stroke-width:3}.circle-fill{fill:none;stroke:#4caf50;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s ease-in-out}.circle-tip{fill:#4caf50;transition:all 1s ease-in-out}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700}.events-list{margin-top:15px}.event-item{background:#f5f5f5;padding:15px;margin-bottom:10px;border-radius:5px}.event-title{font-weight:700;margin-bottom:5px}.event-date{color:#666;font-size:.9em}h1,h2,h3{color:#333}.dashboard-container h1{text-align:center;margin-bottom:20px}.dashboard-content{display:flex;gap:20px}.progress-section{flex:1;display:flex;flex-direction:column;gap:20px}.progress-circle{text-align:center}.progress-circle .circle{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#333;margin:0 auto}.progress-circle h3{margin-top:10px;font-size:18px;color:#555}.events-section{width:500px;flex:1;background:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.events-section h2{margin-bottom:15px;font-size:22px;color:#333}.events-list{max-height:300px;overflow-y:auto;padding-right:10px}.event-item{background:#fff;padding:10px;border-radius:4px;margin-bottom:10px;box-shadow:0 1px 3px #0000001a}.event-title{font-size:18px;font-weight:700;color:#333}.event-date{font-size:14px;color:#777}.forgotreset-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.forgotreset-form{background:#fff;padding:40px;border-radius:10px;box-shadow:0 15px 35px #0000001a;width:100%;max-width:400px}.forgotreset-form h1{font-size:2rem;color:#333;text-align:center;margin-bottom:30px;font-weight:600}.fr-submit-btn{width:100%;border:none;border-radius:30px;background:#4caf50;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.fr-submit-btn:hover{background:#3d8b40;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.fr-submit-btn:disabled{background:#ccc!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}.forgotreset-input-box{width:100%;height:100%;background:transparent;outline:none;border:3px solid rgba(255,255,255,.1);border-radius:35px;font-size:16px;color:#000;padding:35px}.fr-auth-link{text-align:center;margin-top:20px;font-size:.9rem;color:#666}.fr-auth-link a{color:#4caf50;text-decoration:none;font-weight:600;transition:all .3s}.fr-auth-link a:hover{color:#3d8b40;text-decoration:underline}.fr-success-message{color:#4caf50;background:#f0f9f0;padding:15px;border-radius:5px;margin-bottom:20px;text-align:center;font-size:.9rem;border:1px solid #c8e6c9}.fr-error-message{color:#f44336;background:#fff0f0;padding:15px;border-radius:5px;margin-bottom:20px;text-align:center;font-size:.9rem;border:1px solid #ffcdd2}.fr-confirm-input{margin-top:10px}.fr-password-strength{margin-top:5px;font-size:.8rem;color:#666;text-align:center}@media (max-width: 480px){.forgotreset-form{padding:30px 20px}.forgotreset-form h1{font-size:1.5rem}}.TableView{overflow-x:auto;overflow-y:auto;height:500px;width:1300px}.TableView-wrapper{background:bisque}