@font-face{font-family:SF Pro;src:url(/assets/SF-Pro-BiqKgq6w.ttf)}body{font-family:SF Pro,Arial,sans-serif;background-color:#ebf5fb}.subtitle{margin-top:2px;font-size:22px;text-transform:uppercase;font-weight:300}.study-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;background:#fff;margin-bottom:5px;border-radius:5px}.study-title{font-weight:700;margin-bottom:2px}.study-description{font-size:14px;color:#555;margin-top:2px}.delete-button{background-color:transparent;border:none;color:red;font-size:18px;font-weight:700;cursor:pointer;transition:color .2s ease-in-out}.academic-form{display:flex;flex-direction:column;gap:10px}.form-input,.form-textarea{padding:8px;border:1px solid #ccc;border-radius:4px;width:100%}.submit-button{padding:10px;border:none;background-color:#0d6efd;color:#fff;font-weight:700;cursor:pointer;border-radius:5px}.submit-button:hover{background-color:#0056b3}.project-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;background:#fff;margin-bottom:5px;border-radius:5px}.project-title{font-weight:700;margin-bottom:2px}.project-subtitle{margin:2px 0 5px;font-weight:400;color:#333}.project-description{font-size:14px;color:#555;margin-top:2px}.project-description+.project-description{margin-top:1px}.project-link a{font-size:14px;color:#0d6efd;text-decoration:none;font-weight:700}.project-link a:hover{text-decoration:underline}.contact-content{text-align:center}.contact-subtitle{font-size:24px;font-weight:700;color:#2c3e50}.contact-break{border:none;height:3px;background:#0d6efd;width:50px;margin:10px auto}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-input-group{display:flex;flex-wrap:wrap;gap:15px}.contact-input-group input{flex:1 1 calc(50% - 15px);min-width:0}@media (max-width: 480px){.contact-input-group{flex-direction:column}.contact-input-group input{flex:1 1 100%}}.contact-form input,.contact-form textarea{padding:14px;border:1px solid #bdc3c7;border-radius:6px;font-size:16px;background-color:#f9f9f9}::placeholder{font-size:16px}.contact-form textarea{resize:vertical;min-height:120px}.contact-send-button{background-color:#0d6efd;color:#fff;border:none;padding:14px;font-size:18px;cursor:pointer;font-weight:700;border-radius:6px;transition:background .3s ease}.contact-send-button:hover{background-color:#c9302c}.contact-status-message{margin-top:10px;font-size:16px;color:#2c3e50}@media (max-width: 768px){.body{width:100%;padding:20px;box-sizing:border-box}}.input-field{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.submit-btn{background-color:#007bff;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer}.submit-btn:hover{background-color:#0056b3}.fixed-text-area{min-height:120px;max-height:120px;resize:none}.dashboard-container{width:100%;max-width:1200px;padding:20px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.admin-dashboard{width:150%;max-width:1200px;margin:0 auto;padding:40px;display:flex;flex-direction:column;background-color:#f8f9fa}.admin-dashboard h1{font-size:34px;font-weight:800;color:#2c3e50;margin-bottom:30px;border-bottom:4px solid #3498db;padding-bottom:12px}.admin-dashboard .about-section{width:80%;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-bottom:40px}.admin-dashboard .about-display h3{font-size:28px;font-weight:700;margin-bottom:15px;color:#2c3e50}.admin-dashboard .about-display p{font-size:18px;margin-bottom:12px;line-height:1.8;color:#2c3e50;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.admin-dashboard .edit-about-fields{display:flex;flex-direction:column;gap:18px}.admin-dashboard input,.admin-dashboard textarea{width:100%;padding:15px;border:2px solid #bdc3c7;font-size:17px;border-radius:6px;background-color:#f9f9f9;transition:border .3s ease-in-out,background .3s ease-in-out}.admin-dashboard input:focus,.admin-dashboard textarea:focus{outline:none;border-color:#3498db;background-color:#fff;box-shadow:0 0 5px #3498db4d}.admin-dashboard .edit-about-fields input,.admin-dashboard .edit-about-fields textarea,.admin-dashboard .new-record-form input,.admin-dashboard .new-record-form textarea{margin-bottom:15px}.admin-dashboard textarea{resize:vertical;min-height:120px}.admin-dashboard .save-button{background-color:#2ecc71;color:#fff;border:none;padding:12px 16px;font-size:16px;cursor:pointer;font-weight:700;border-radius:6px;transition:background .3s ease}.admin-dashboard .save-button:hover{background-color:#27ae60}.admin-dashboard .cancel-button{background-color:#95a5a6;color:#fff;border:none;padding:12px 16px;font-size:16px;cursor:pointer;font-weight:700;border-radius:6px;transition:background .3s ease;margin-left:10px}.admin-dashboard .cancel-button:hover{background-color:#7f8c8d}.admin-dashboard .records-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;gap:50px;padding-top:20px}.admin-dashboard .existing-records{flex:1;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px #0000001a}.admin-dashboard .existing-records ul{list-style:none;padding:0}.admin-dashboard .existing-records li{padding:18px;margin:12px 0;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:500;color:#2c3e50;background:#ecf0f1;border-radius:8px;border-left:6px solid #3498db;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.admin-dashboard .existing-records li span{display:inline-block;max-width:100%;overflow-wrap:break-word;word-break:break-word}.admin-dashboard .edit-fields{display:flex;flex-direction:column;gap:14px}.admin-dashboard .edit-fields input,.admin-dashboard .edit-fields textarea{width:100%;padding:18px;border:1px solid #bdc3c7;font-size:17px;border-radius:8px;margin-bottom:18px;background-color:#f9f9f9}.admin-dashboard .action-buttons{display:flex;gap:14px}.admin-dashboard .edit-button{background-color:#f1c40f;color:#fff;border:none;padding:12px;font-size:16px;font-weight:700;border-radius:6px;cursor:pointer;transition:background .3s ease}.admin-dashboard .edit-button:hover{background-color:#d4ac0d}.admin-dashboard .delete-button{background-color:#e74c3c;color:#fff;border:none;padding:12px;font-size:16px;font-weight:700;border-radius:6px;cursor:pointer;transition:background .3s ease}.admin-dashboard .delete-button:hover{background-color:#c0392b}.admin-dashboard .new-record-form{flex:1;padding:30px;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}.admin-dashboard .new-record-form form{display:flex;flex-direction:column;gap:18px}.admin-dashboard .new-record-form input,.admin-dashboard .new-record-form textarea{width:90%;padding:18px;border:1px solid #bdc3c7;font-size:17px;border-radius:8px;margin-bottom:18px;background-color:#f9f9f9}.admin-dashboard .new-record-form textarea{resize:vertical;min-height:140px}.admin-dashboard .new-record-form button{background-color:#3498db;color:#fff;border:none;padding:18px;font-size:20px;cursor:pointer;font-weight:700;border-radius:8px;transition:background .3s ease}.admin-dashboard .new-record-form button:hover{background-color:#2980b9}@media (max-width: 1200px){.admin-dashboard{width:80%!important}.about-section,.records-container,.existing-records,.new-record-form{width:100%!important;margin:0 auto}.admin-dashboard .records-container{flex-direction:column;gap:30px}}@media (max-width: 768px){.admin-dashboard{padding:20px}.admin-dashboard h1{font-size:28px;text-align:center}.about-section,.existing-records,.new-record-form{width:80%!important;margin:0 auto;padding:20px}.admin-dashboard .records-container{gap:20px;padding-top:20px}.existing-records li{flex-direction:column;align-items:flex-start;gap:10px;font-size:16px}.edit-fields input,.edit-fields textarea,.new-record-form input,.new-record-form textarea{width:100%;margin-bottom:12px}.edit-button,.delete-button,.save-button,.cancel-button{padding:10px;font-size:14px}}@media (max-width: 480px){.admin-dashboard{padding:10px}.admin-dashboard h1{font-size:24px}.existing-records li{font-size:15px}.new-record-form button{font-size:16px;padding:14px}}html,body{margin:0;padding:0;height:100%}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.login-form{background-color:#fff;padding:2rem;border-radius:5px;box-shadow:0 0 10px #0000001a;width:300px}.login-form h2{text-align:center;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input{width:94%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:3px}.error-message{color:red;margin-bottom:1rem;text-align:center}.login-button{width:100%;padding:.5rem;font-size:1rem;background:#0d6efd;border:none;color:#fff;border-radius:3px;cursor:pointer;transition:background .3s ease}.login-button:hover{background:#0b5ed7}.container.login-container{grid-template-columns:1fr 0fr;grid-template-rows:auto 1fr;padding:0 15px;margin:0 auto}.logout-button{padding:8px 16px;font-size:14px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer}.logout-button:hover{background-color:#c0392b}@font-face{font-family:SF Pro;src:url(/assets/SF-Pro-BiqKgq6w.ttf)}html,body{margin:0;padding:0;overflow-x:hidden;background-color:#ebf5fb}body{font-family:SF Pro,Arial,sans-serif;background-color:#ebf5fb}.title{margin-bottom:0;font-size:28px;font-family:SF Pro,Arial,sans-serif;font-weight:800}.subtitle{margin-top:2px;font-size:22px;font-family:SF Pro,Arial,sans-serif;text-transform:uppercase;font-weight:300}.container{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:auto 1fr;padding:0 15px;max-width:1170px;width:100%;margin:0 auto;box-sizing:border-box}.box1{grid-column:1 / 2;grid-row:1 / 2}.box2{grid-column:2 / 3;grid-row:1 / 2}.box3{grid-area:footer}.nav{margin-left:20px}header{max-width:97%;flex-direction:column;align-items:flex-start;display:inline-block}.profile{max-width:inherit;margin-bottom:0;display:block}.main-nav{margin:0;padding-left:0;max-width:inherit;background-color:#33373d;list-style:none;color:#85878b;text-transform:uppercase}.main-nav li{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border-bottom:1px solid #26292e;font-size:14px}.main-nav li.language{justify-content:flex-end}.nav-icon{margin-left:0}.nav-text{text-align:right}.about,.academic,.contact,.professional{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.about:before,.academic:before,.contact:before,.professional:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#0d6efd;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.about:hover,.academic:hover,.contact:hover,.professional:hover,.about:focus,.academic:focus,.contact:focus,.professional:focus,.about:active,.academic:active,.contact:active,.professional:active{color:#fff}.about:hover:before,.academic:hover:before,.contact:hover:before,.professional:hover:before,.about:focus:before,.academic:focus:before,.contact:focus:before,.professional:focus:before,.about:active:before,.academic:active:before,.contact:active:before,.professional:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}.about,.academic,.contact,.professional{padding:15px 25px;border-bottom:1px solid #26292e}.body{text-align:left;width:75%;background-color:#fff;color:#26292e;padding:25px 40px}.wrapper{margin-top:80px;margin-bottom:80px}.bottom-header{background-color:#fff;max-width:inherit;text-align:center}.bottom-nav{margin:0;padding:0}.bottom-nav-list{display:inline-block;padding-top:20px;padding-bottom:20px}.github,.linkedin{height:35px;width:35px;padding:5px}hr{margin-top:20px;margin-bottom:20px;border:0;border:1px solid #eee}.right-about .left-about{flex:1;padding:10px;box-sizing:border-box}.sub-content{display:flex;flex-direction:column;gap:20px}.body-content{transition:opacity .1s ease;opacity:1}.body-content.hidden{opacity:0}.study-title{margin-bottom:2px}.study-subtitle{margin:2px 0 5px;font-weight:400}.break{margin-top:5px}.delete-button{background-color:transparent;border:none;color:red;font-size:18px;font-weight:700;cursor:pointer;padding:5px;margin-left:10px;transition:color .2s ease-in-out}.delete-button:hover{color:#8b0000}.cv-container{text-align:center;margin-top:20px}.cv-buttons{display:flex;justify-content:center;gap:12px}.cv-button{display:flex;align-items:center;gap:8px;background-color:#3a3a3a;color:#fff;padding:10px 16px;font-size:14px;font-weight:700;border-radius:6px;text-decoration:none;transition:background .3s ease}.cv-button:hover{background-color:#2c2c2c}.cv-button svg{font-size:16px}@media (max-width: 1170px){.container{width:100%;padding:0 15px}}@media (max-width: 768px){header{position:static;background-color:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:0;width:100%;max-width:1170px;margin:0 auto}.main-nav{position:static;width:100%;max-width:1170px;background-color:#33373d;text-align:center;padding:10px 0;margin:0 auto}header .profile{width:100%;max-width:1170px;height:auto;object-fit:contain;margin:0 auto}.container{grid-template-columns:1fr;grid-template-rows:auto auto;row-gap:20px;height:auto;width:100%;max-width:1170px;padding:15px;margin:0 auto}.box1{grid-column:1;grid-row:1}.box2{grid-column:1;grid-row:2}.body{width:100%;max-width:1170px;padding:20px;margin:0 auto;box-sizing:border-box}.nav{margin-left:0}.sub-content{flex-direction:column;gap:10px}.right-about,.left-about{width:100%}.wrapper{margin-top:40px;margin-bottom:40px}}@media (max-width: 480px){.main-nav{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;padding:0;margin:0 auto}.nav-text{display:none}.main-nav li{border-bottom:none;padding:10px 8px;justify-content:center;position:relative;order:0}.main-nav li:not(.language){margin-right:8px;padding-top:20px;padding-right:8px}.main-nav li:not(.language):last-of-type{border-right:none;margin-right:0;padding-right:0}.main-nav li.language{flex-basis:100%;justify-content:center;border-right:none;margin-top:10px;border-top:1px solid #555;order:99}.title{font-size:24px}.subtitle{font-size:18px}.cv-button{padding:8px 12px;font-size:12px}.nav-icon svg{font-size:20px}}.user-info{position:absolute;top:10px;right:10px;font-size:16px;font-weight:700;color:#333;background:#fffc;padding:5px 10px;border-radius:4px;z-index:1000}.app-wrapper{position:relative;min-height:100vh}.top-right{position:absolute;top:10px;right:10px}.user-container{display:flex;flex-direction:column;align-items:flex-end;gap:5px;background:#fffc;padding:5px 10px;border-radius:4px;font-size:16px;font-weight:700;color:#333}
