@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{animation:dropDown 1s ease-out;height:45vmin;pointer-events:none}.Landing-page{align-items:center;background-color:#afdcd5;color:#fff;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:calc(10px + 2vmin);height:100vh;justify-content:center;margin:0;min-height:100%;min-width:100%;padding-bottom:5vh}.Login-button{background-color:#133d3b;border:none;border-radius:25px;box-shadow:2px 4px 6px #0006;color:#f3eddf;cursor:pointer;font-family:monospace;font-family:Montserrat,sans-serif;font-size:25px;font-weight:700;margin-left:10px;padding:20px;text-align:center;transition:background-color .3s ease-in-out,transform .3s ease;width:25vw}.Login-button:hover{background-color:#216661;box-shadow:4px 6px 10px #0009;transform:scale(1.05)}@keyframes dropDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.App-logo{animation:dropDown 1s ease-out;height:200px;pointer-events:none}.Login-button{background-color:#133d3b;border:none;border-radius:12px;box-shadow:2px 4px 6px #0006;color:#f3eddf;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;margin-left:0;margin-top:25px;padding:17px;text-align:center;transition:none;width:120px}.Login-button:hover{box-shadow:4px 6px 10px #0009;transform:none}}.body{background-color:#afdcd5;color:#fff;font-family:Montserrat,sans-serif;font-size:calc(10px + 2vmin);margin:0;min-height:100%;min-width:100%;padding:0}.body,.landing-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.landing-header{color:#133d3b;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.button-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:40px 0}.image-button{background-color:#133d3b;border:none;border-radius:25px;box-shadow:2px 4px 6px #0006;color:#f3eddf;cursor:pointer;font-family:Montserrat,sans-serif;font-size:25px;font-weight:700;height:200px;padding:20px;text-align:center;transition:background-color .3s ease-in-out,transform .3s ease;width:250px}.image-button img{border-radius:10px;height:60%;margin-bottom:10px;position:center;transition:transform .3s ease-in-out;width:50%}.button-text{font-weight:700;margin-top:5px;text-align:center}.image-button:hover img{transform:scale(1.1)}.bottom-buttons{display:flex;gap:20px;margin-top:20px}.bottom-button{background-color:#133d3b;border:none;border-radius:5px;box-shadow:2px 4px 6px #0006;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:700;padding:10px 20px;transition:background-color .3s ease-in-out,transform .3s ease}.bottom-button:hover,.image-button:hover{background-color:#216661;box-shadow:4px 6px 10px #0009;transform:scale(1.05)}@media (max-width:767px){.image-button:hover img{transform:none}.bottom-button:hover,.image-button:hover{background-color:#133d3b;box-shadow:4px 6px 10px #0000004d;transform:none}.button-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:20px 0}.image-button{background-color:#133d3b;border-radius:25px;color:#f3eddf;font-size:.7em;font-weight:700;height:120px;padding:20px;width:130px}.image-button img{height:60px;margin-bottom:0;width:60px}.button-text{display:none}.bottom-button{font-size:15px;padding:14px 20px}.bottom-buttons{display:flex;flex-direction:row;gap:20px;justify-content:center;margin-top:10px}.landing-header{display:none}.body{height:95vh;min-height:none;min-width:none}}.notes-page-container{display:flex;height:100vh;width:100%}.notes-body{align-items:center;background-color:#afdcd5;color:#afdcd5;flex:1 1;font-size:calc(10px + 2vmin);justify-content:center;padding:20px}.notes-body,.notes-wrapper{display:flex;flex-direction:column}.notes-wrapper{background-color:#fff;border-radius:8px;height:95vh;min-width:80%}.notes-header{align-items:center;background-color:#133d3b;border-radius:8px 8px 0 0;color:#fff;display:flex;flex-shrink:0;font-size:clamp(.9rem,2vw,.7rem);height:clamp(4rem,5dvh,1rem);justify-content:center;padding:20px}.notes-content-area{background-color:#afdcd5;flex:1 1;overflow-y:auto;padding:0 20px}@media (max-width:767px){.modal-open .burger-menu-container{display:none}.notes-body{padding:0}.notes-header{height:60px;padding:0}form.create-note input{font-size:1.3em!important}form.create-note textarea{font-size:.9em!important;height:50px}.view-toggle{width:90%}.view-toggle button{font-size:.9rem;padding:8px 10px}}.sidebar-container{background-color:#133d3b;box-shadow:2px 0 5px #0000001a;color:#fff;display:flex;flex-direction:column;min-height:100vh;width:100px}.sidebar-profile{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;margin-top:.5rem;padding:1rem .5rem}.profile-photo-container{align-items:center;border:2px solid #afdcd5;border-radius:50%;display:flex;height:50px;justify-content:center;margin-bottom:.5rem;overflow:hidden;width:50px}.profile-photo{height:100%;width:100%}.profile-photo-placeholder{align-items:center;background-color:#afdcd5;color:#133d3b;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.profile-name{color:#fff;font-size:.8rem;max-width:90px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sidebar-top{margin-top:1rem}.sidebar-bottom,.sidebar-top{display:flex;flex-direction:column}.sidebar-bottom{margin-bottom:1rem;margin-top:auto}.sidebar-item{cursor:pointer;display:flex;justify-content:center;padding:1rem;transition:background-color .2s ease}.sidebar-item:hover{background-color:#ffffff1a}.sidebar-image-button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;text-align:center}.sidebar-image-button img{height:32px;width:32px}.sidebar-button-text{color:#fff;font-size:.9rem;font-style:normal;font-weight:500;margin-top:.25rem;text-decoration:none}.sidebar-container a{text-decoration:none}@media (max-width:767px){.sidebar-container{display:none}}.notes-body{max-height:100vh;overflow-y:auto}.notes-list-container{align-items:flex-start;background-color:#fff;border-radius:0 0 8px 8px;display:flex;justify-content:left;min-height:calc(100vh - 5dvh);overflow-x:hidden;overflow-y:auto;padding:15px}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:minmax(200px,auto);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));height:auto;width:100%}.note-item{word-wrap:break-word;background-color:#e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;padding:15px;transition:transform .3s,box-shadow .3s;-ms-word-break:break-all;word-break:break-word}.note-item:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.note-item-header{align-items:center;display:flex;gap:8px;justify-content:space-between;padding-bottom:10px;width:100%}.program{align-items:center;background-color:#133d3b;border-radius:16px;display:inline-flex;margin:0;max-width:fit-content;padding:3px 10px}.program p{color:#fff!important;font-size:.75rem!important;font-weight:500!important}.notes-item-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:auto;width:100%}.notes-item-footer .date-info{flex-shrink:0;font-size:1.8rem;margin-top:auto}.notes-item-footer .button-group{display:flex;flex-shrink:0;gap:8px}.trash-icon{width:11px}.edit-icon,.trash-icon{height:13px;vertical-align:middle}.edit-icon{width:13px}.notes-item-footer button{align-items:center;background-color:#133d3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;max-width:fit-content;padding:6px 12px;transition:background-color .3s ease-in-out,transform .3s ease,box-shadow .3s ease}.notes-item-footer button:hover{background-color:#143d3a;box-shadow:4px 6px 12px #0003;color:#fff;transform:scale(1.05)}.note-final-title{color:#000;font-size:clamp(1.25rem,2vw,.7rem);margin:0 0 4px}.author-name{color:#555!important;font-size:.8rem!important;font-style:italic;margin:0 0 8px!important}.description{margin:0 0 16px!important}.file-icon-container{display:flex;margin:8px 0}.file-icon{height:27px;margin-right:4px;width:27px}.note-item p{color:#000;font-size:.5em;margin:0}.notes-header-btn-filter{display:flex;gap:8px;justify-content:flex-end;margin-left:auto;padding:10px}.notes-filters{display:flex;gap:8px}.notes-header-btn-filter button{background-color:#143d3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;max-width:fit-content;padding:8px 16px;transition:background-color .3s ease-in-out,transform .3s ease,box-shadow .3s ease}.notes-header-btn-filter button:hover{background-color:#143d3a;box-shadow:4px 6px 12px #0003;color:#fff;transform:scale(1.05)}.notes-select{border-radius:8px;font-family:Montserrat,sans-serif;padding:6px 12px}@media (max-width:767px){.notes-header-btn-filter{flex-direction:column;gap:10px;justify-content:center;margin-left:0;padding-top:15px}.notes-header-btn-filter button{font-size:1.2rem;max-width:none;width:100%}.button-group{display:flex;flex-direction:row!important}.notes-select{font-size:1rem;width:100%}.note-item{background-color:#fff}.description{font-size:.8em!important}.notes-item-footer button{max-width:none;width:100%}.note-item:hover{box-shadow:none;transform:none}.notes-item-footer{align-items:normal;flex-direction:column}.notes-header-btn-filter button:hover,.notes-item-footer button:hover{box-shadow:none;transform:none}.notes-list-container{background-color:#467d7a;margin-top:15px;padding-bottom:190px}.notes-body{overflow-y:scroll}}.error-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.error-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;padding:20px;text-align:center;width:100%}.error-popup-content h3{color:#d32f2f;margin-top:0}.error-popup-content button{background-color:#133d3b;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}.error-popup-content button:hover{background-color:#0d2c2a}.error-toast{animation:fadeInOut 3s ease-in-out;background-color:#d32f2fe6;border-radius:4px;box-shadow:0 2px 6px #0003;color:#fff;font-size:.9rem;max-width:250px;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.error-toast p{margin:0;text-align:center}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.modal-overlay{z-index:50}.modal-container{background-color:#fff;border-radius:.5rem;max-width:700px;width:50%}.modal-content{display:flex;flex-direction:column}@media (max-width:767px){.modal-container{max-width:max-content;width:85%}}.notesModal-header{align-items:center;background-color:#133d3b;border-radius:8px 8px 0 0;color:#fff;display:flex;flex-shrink:0;font-size:clamp(.9rem,2vw,.7rem);height:clamp(4rem,5dvh,1rem);justify-content:center;padding:20px}.notes-editor-container{display:flex;flex:1 1;flex-direction:column;padding:1rem}.error-message{color:red;font-family:Montserrat,sans-serif;font-size:.8em;margin:0}form.create-note{display:flex;flex-direction:column;width:100%}form.create-note input{font-size:1.9em;font-weight:600}form.create-note textarea{font-size:1em;margin-top:5px}form.create-note input,form.create-note textarea{border:none;font-family:Montserrat,sans-serif;margin:5px 0;outline:none;padding:1.5px;resize:none}.notes-filters-modal{display:flex;gap:8px;padding:4px 0}.modify-notes-btns{display:flex;gap:8px;justify-content:flex-end;margin-left:auto;padding:10px}.modify-notes-btns button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease-in-out,transform .3s ease,box-shadow .3s ease}.modify-notes-btns button:hover{background-color:#216661;box-shadow:4px 6px 12px #0003;color:#fff;transform:scale(1.05)}.cancel-note-btn{background-color:#e5e7eb;color:#333}.add-note-btn{background-color:#133d3b;color:#fff}@media (max-width:767px){.modify-notes-btns{flex-direction:column;font-size:1.2rem;gap:10px;justify-content:center;margin-left:0;padding:0;width:100%}.modify-notes-btns button:hover{box-shadow:none;transform:none}.notesModal-header{height:60px;padding:0}.notesModal-wrapper{height:80vh}}.notes-viewer-container{display:flex;flex:1 1;flex-direction:column;padding:1rem}.note-view-content{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.note-view-title{word-wrap:break-word;color:#000;font-size:1.8em;font-weight:600;-webkit-hyphens:auto;hyphens:auto;margin:0 0 8px;max-width:100%;overflow-wrap:break-word;word-break:break-word}.note-view-metadata{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.note-view-program-type{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.program-badge{background-color:#133d3b}.note-type-badge,.program-badge{border-radius:16px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;margin:4px;padding:6px 14px}.note-type-badge{background-color:#455a64}.note-view-author{color:#666;display:flex;flex-direction:column;font-size:.85rem;font-style:italic}.note-view-description{background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;margin-top:5px;min-height:100px;padding:12px}.note-view-description,.note-view-description p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word;word-break:break-word}.note-view-description p{line-height:1.5;margin:0;white-space:pre-wrap}.note-view-files{margin-top:10px}.note-view-files h4{color:#000;font-size:1rem;margin:0 0 8px}.file-list{display:flex;flex-direction:column;gap:5px}.attached-file{align-items:center;background-color:#f5f5f5;border:1px solid #eee;border-radius:6px;display:flex;gap:8px;padding:5px}.document-icon-container img{height:20px;width:20px}.file-name{word-wrap:break-word;font-size:.85rem;max-width:calc(100% - 28px);overflow-wrap:break-word;word-break:break-word}.view-notes-btns{display:flex;justify-content:flex-end;padding:5px 0 0}.close-note-btn{background-color:#133d3b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease-in-out,transform .3s ease,box-shadow .3s ease}.close-note-btn:hover{background-color:#216661;box-shadow:2px 3px 6px #0003;transform:scale(1.03)}.burger-container,.burger-menu{display:none}@media (max-width:767px){.burger-menu-container{left:0;padding:10px;position:fixed;top:0;width:100%;z-index:9999}.hours-page-container,.notes-page-container{background-color:#afdcd5;padding-top:60px}.notes-page-container{position:fixed}.burger-container{display:block;left:20px;position:fixed;top:20px;z-index:1000}.burger-button{background:none;border:none}.burger-button img{height:40px;position:fixed;top:15px;width:40px}.burger-menu{background-color:#133d3b;box-shadow:2px 0 5px #0000004d;display:flex;flex-direction:column;left:-350px;min-height:100vh;padding:20px;position:fixed;top:0;transition:left .3s ease-in-out;width:120px}.burger-menu.open{left:0}.burger-item{margin:15px 0}.link{text-decoration:none}.burger-image-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;padding:10px;text-align:left;text-decoration:none;width:100%}.burger-image-button img{height:24px;margin-right:10px;width:24px}.burger-button-text{font-size:16px;text-decoration:none}.burger-divider{border-top:1px solid #fff3;margin:20px 0}}.hours-body{align-items:center;background-color:#133d3b;display:flex;font-family:Montserrat,sans-serif;justify-content:center;margin:0;min-height:100vh}.hours-page-container{display:flex;height:100vh}.hours-container{background-color:#afdcd5;box-shadow:0 2px 4px #0000001a;flex:1 1;margin:0 auto;overflow-y:auto;padding:12px}.hours-header{align-items:center;background-color:#133d3b;border-radius:8px 8px 0 0;color:#fff;display:flex;height:clamp(4rem,5dvh,1rem);justify-content:center;margin:0 auto;padding:20px;width:75%}.hours-header h2{color:#fff;font-size:clamp(1.5rem,2vw,1.1rem);font-weight:700}.status-box{background-color:#e6f7f9;border-radius:6px;margin-bottom:16px;padding:12px}.status-box h3{font-size:1.25rem;font-weight:600}.form-section{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;padding:20px;width:75%}.form-header{font-size:1.25rem;font-weight:600;margin-bottom:12px}.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.input-group{flex-direction:column;padding:8px;position:relative}.input-group label{background-color:#fff;color:#000;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:500;left:12px;margin-bottom:8px;padding:0 5px;position:absolute;text-align:left;top:-10px}.input-group input,.input-group select,.input-group textarea{border:1px solid #afdcd5;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;font-family:Montserrat,sans-serif;font-size:.875rem;margin-top:5px;padding:12px;width:100%}.input-group textarea{box-sizing:border-box;height:100px;margin-top:10px;padding:15px;resize:none;width:100%}.input-group:has(textarea){margin-left:auto;margin-right:auto;margin-top:5px;padding:12px;width:calc(100% - 24px)}.input-group:has(textarea) label{left:24px;top:-8px}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.button-group{display:flex;gap:8px;justify-content:flex-end}.button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease-in-out,transform .3s ease,box-shadow .3s ease}.button:hover{background-color:#216661;box-shadow:4px 6px 12px #0003;transform:scale(1.05)}.button.cancel{background-color:#e5e7eb;color:#333}.button.add{background-color:#133d3b;color:#fff}.recent-entries{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:20px auto;padding:20px;width:75%}.recent-entries h3{color:#333;font-size:24px;font-weight:700;margin-bottom:15px}.entries-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.entry-card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;transition:transform .3s,box-shadow .3s}.entry-card:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.entry-header{align-items:center;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#133d3b;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:10px;padding:10px}.entry-details p{color:#555;margin:5px 0}.entry-details strong{color:#133d3b}.delete-button{background-color:#ef4444;font-size:.75rem;padding:5px 10px}.delete-button:hover{background-color:#dc2626}.delete-button:disabled{background-color:#f87171;cursor:not-allowed}.hours-summary{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;padding:20px;width:75%}.hours-summary h3{font-size:1.25rem;font-weight:600;margin-bottom:12px}.faculty-view .entries-container{max-height:600px;overflow-y:auto}.faculty-view .entry-card{border-left:4px solid #133d3b}.user-filter{margin-bottom:20px}.user-filter select{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.view-toggle{background-color:#e5e7eb;border-radius:8px;display:flex;justify-content:center;margin:20px auto;overflow:hidden;width:50%}.view-toggle button{background-color:initial;border:none;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:10px 15px;transition:background-color .3s,color .3s}.view-toggle button.active{background-color:#133d3b;color:#fff}.view-toggle button:hover:not(.active){background-color:#d1d5db}@media (max-width:767px){.grid{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.form-header{font-size:1.25rem;font-weight:600;margin-bottom:12px;margin-top:0;text-align:center}.hours-header h2{font-size:1.3rem}.hours-header{height:30px}.button-group{display:flex;flex-direction:column;justify-content:center;margin-top:8px}.button{border:none;border-radius:4px;font-size:1.2rem;margin:4px auto;padding:6px;width:100%}.button.cancel{background-color:#e5e7eb;color:#333}.button.cancel:hover{box-shadow:none;transform:none}.button.add{background-color:#216661;color:#fff}.button.add:hover{box-shadow:none;transform:none}.entry-card{box-shadow:none;transition:none}.entry-card:hover{box-shadow:none;transform:none}.recent-entries h3{margin-top:0}.input-group label{font-size:.8rem;left:12px;top:-10px}.input-group:has(textarea){padding:10px;width:calc(100% - 20px)}.input-group textarea{margin-top:8px;padding:12px}.input-group:has(textarea) label{left:20px}}.admin-email-manager{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.admin-email-manager h3{color:#216661;margin-bottom:10px;margin-top:0}.admin-email-manager .help-text{color:#666;font-size:.9rem;margin-bottom:20px}.error-message,.success-message{margin-bottom:16px}.email-form{margin-bottom:20px}.input-group{display:flex;gap:10px}.input-group input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.input-group input:focus{border-color:#afdcd5;box-shadow:0 0 0 2px #afdcd533;outline:none}.add-button{padding:0 15px}.add-button:hover{background-color:#184f4b}.email-list-container{margin-top:20px}.email-list-container h4{color:#333;margin-bottom:10px}.loading,.no-emails{color:#666;font-style:italic}.email-list{list-style:none;margin:0;padding:0}.email-item{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.remove-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.remove-button:hover{background-color:#d32f2f}.remove-button:disabled{background-color:#ccc;cursor:not-allowed}.profile-page-container{background-color:#f0f6f5;display:flex;height:100vh;overflow:hidden;width:100%}.profile-page-container>.sidebar{height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:250px;z-index:10}.profile-body{flex-direction:column;height:100%;width:100%}.profile-body,.profile-content{align-items:center;background-color:#afdcd5;box-sizing:border-box;display:flex}.profile-content{flex:1 1;flex-direction:column;height:100vh;max-width:1500px;overflow-y:auto;padding:2rem;width:calc(100% - 150px)}.page-title{color:#216661;margin-bottom:1.5rem;text-align:center;width:100%}.profile-card{background-color:#fff;border-radius:8px;border-top:4px solid #216661;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;max-width:800px;padding:1.5rem;width:100%}.profile-header{align-items:center;display:flex;justify-content:center}.profile-photo{border:3px solid #afdcd5;border-radius:50%;height:120px;margin-right:2rem;object-fit:cover;width:120px}.profile-info{flex:1 1}.profile-info h3{color:#216661;font-size:1.5rem;margin:0 0 .5rem}.profile-info p{color:#666;font-size:1rem;margin:.25rem 0}.user-role{background-color:#e8f5f3;border-radius:15px;color:#216661;display:inline-block;font-weight:600;margin-top:.5rem!important;padding:.25rem .75rem}.admin-section{max-width:800px;width:100%}.section-title{color:#216661;margin:2rem 0 1rem;text-align:center}@media (max-width:768px){.profile-content{margin-left:0;padding:1rem}.profile-header{flex-direction:column;text-align:center}.profile-photo{margin-bottom:1rem;margin-right:0}}.schedule-page-container{display:flex;height:100vh;width:100%}.calendar-wrapper{flex:1 1;min-width:0;padding:20px}.fc{font-family:Montserrat,sans-serif}.fc .fc-button:focus{box-shadow:none!important;outline:none!important}.fc .fc-button{background-color:#afdcd5!important;border:none!important;border-radius:8px!important;color:#000!important;margin:0 4px!important;transition:background-color .3s ease-in-out,transform .3s ease,box-shadow .3s ease}.fc .fc-button:hover{background-color:#216661!important;box-shadow:4px 6px 12px #0003;color:#fff;transform:scale(1.05)}.fc .fc-button-active{background-color:#133d3b!important;color:#fff!important}.fc .fc-button-active:hover{background-color:#216661!important;color:#fff!important}.fc .fc-today-button:disabled{background-color:#133d3b!important;color:#fff!important;opacity:1!important}.fc .fc-day-today{background-color:#afddd54d!important}.event-tutor-name{font-weight:600}.event-content-month .event-title,.event-location,.event-time,.event-title,.event-tutor-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-content-short .event-title{align-items:center;display:flex;font-size:.9em;height:100%}.popup-overlay{background-color:#00000080;bottom:0;right:0;z-index:1000}.popup-content{border-radius:5px;max-width:500px;position:relative;width:80%;z-index:1001}.popup-buttons{display:flex;justify-content:space-between;margin-top:20px}.close-button,.delete-button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.delete-button{background-color:#ff6b6b}.close-button{background-color:#f0f0f0}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center}.delete-button{background-color:red;margin-top:10px;padding:10px}.delete-button:hover{background-color:darkred}.close-button{background-color:gray;color:#fff;margin-top:10px;padding:10px}.add-event-button{background-color:#afdcd5!important;border:none!important;border-radius:8px!important;color:#000!important;cursor:pointer;font-size:1em!important;height:2.1em!important;line-height:1.5!important;margin:0 4px!important;padding:.4em .65em!important;position:absolute;right:280px;top:10px;transition:background-color .3s ease-in-out,transform .3s ease,box-shadow .3s ease;z-index:2}.add-event-button:hover{background-color:#216661!important;box-shadow:4px 6px 12px #0003;color:#fff!important;transform:scale(1.05)}.add-event-button:focus{box-shadow:none!important;outline:none!important}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:2px solid #afdcd5;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:95%}.modal-header{align-items:center;border-bottom:2px solid #afdcd5;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.close-button{background:none;border:none;border-radius:4px;color:#216661;cursor:pointer;font-size:24px;padding:8px;transition:all .3s ease}.close-button:hover{background-color:#216661;color:#fff;transform:scale(1.05)}form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}label{font-weight:600;margin-bottom:5px}input[type=date],input[type=text],input[type=time],select{border:1px solid #afdcd5;border-radius:4px;box-sizing:border-box;font-size:14px;max-width:100%;padding:10px;transition:all .3s ease;width:100%}input[type=date]:focus,input[type=text]:focus,input[type=time]:focus,select:focus{border-color:#216661;box-shadow:0 0 5px #21666133;outline:none}.checkbox-group{display:flex;flex-wrap:wrap;gap:20px;grid-column:1/-1;margin:15px 0}.checkbox-group label{align-items:center;display:flex;font-weight:400;gap:5px}.checkbox-group input[type=checkbox]{accent-color:#216661}select[multiple]{border-color:#afdcd5;grid-column:1/-1;min-height:120px}select[multiple]:focus{border-color:#216661;outline:none}button[type=submit]{background-color:#afdcd5;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;grid-column:1/-1;margin-top:20px;padding:10px 20px;transition:all .3s ease}button[type=submit]:hover{background-color:#216661;box-shadow:4px 6px 12px #0003;color:#fff;transform:scale(1.05)}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.tutor-checkbox-container{background-color:#f9fffd;border:1px solid #afdcd5;border-radius:4px;display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto;padding:10px}.tutor-checkbox-item{align-items:center;border-radius:4px;display:flex;padding:8px;transition:background-color .2s ease}.tutor-checkbox-item:hover{background-color:#e5f5f2}.tutor-checkbox-item input[type=checkbox]{accent-color:#216661;cursor:pointer;height:18px;margin-right:10px;width:18px}.tutor-checkbox-item label{cursor:pointer;display:flex;flex:1 1;font-weight:400;justify-content:space-between}.tutor-email{color:#666;font-size:.9em;margin-left:8px}.tutor-checkbox-item input[type=checkbox]:checked+label{color:#216661;font-weight:600}.eventModal-header{align-items:center;background-color:#133d3b;border-radius:8px 8px 0 0;color:#fff;display:flex;flex-shrink:0;font-size:clamp(.9rem,2vw,.7rem);height:clamp(4rem,5dvh,1rem);justify-content:center;padding:20px}.event-form-container{display:flex;flex:1 1;flex-direction:column;max-width:100%;padding:1rem}.time-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.event-input-group{display:flex;flex-direction:column;padding:8px}.event-input-group input,.event-input-group select{border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;font-family:Montserrat,sans-serif;font-size:.875rem;padding:6px}.event-input-group label{font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:6px}.event-button-group{display:flex;gap:8px;justify-content:flex-end;padding:15px 8px}.error-input{background-color:#e539350d;border-color:#e53935!important}label:after{color:#e53935;content:"*";margin-left:.25rem}.program-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:40px auto;max-width:800px;padding:20px}.program-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.program-header h2{color:#216661;font-size:1.8rem;margin:0}.back-button{background-color:#216661;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.back-button:hover{background-color:#18534f}.error-message{background-color:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.error-message,.success-message{border-radius:4px;font-size:.9rem;margin-bottom:20px;padding:12px}.success-message{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.program-form-container{background-color:#f8f8f8;border-radius:6px;margin-bottom:30px;padding:20px}.program-form-container h3{color:#333;font-size:1.2rem;margin-bottom:15px;margin-top:0}.program-form{display:flex;gap:10px}.program-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.95rem;padding:10px 12px}.program-input:focus{border-color:#afdcd5;box-shadow:0 0 0 2px #afdcd533;outline:none}.add-button{background-color:#216661;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 16px;transition:background-color .3s}.add-button:hover{background-color:#18534f}.add-button:disabled{background-color:#ccc;cursor:not-allowed}.programs-list-container{background-color:#f8f8f8;border-radius:6px;padding:20px}.programs-list-container h3{color:#333;font-size:1.2rem;margin-bottom:15px;margin-top:0}.empty-message{color:#666;font-style:italic;padding:20px;text-align:center}.programs-list{list-style:none;margin:0;padding:0}.program-item{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 15px}.program-name{color:#333;font-size:1rem}.delete-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .3s}.delete-button:hover{background-color:#d32f2f}@media (max-width:600px){.program-header{align-items:flex-start;gap:15px}.program-form,.program-header{flex-direction:column}.add-button{width:100%}}
/*# sourceMappingURL=main.a57c8846.css.map*/