.suspend-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.suspend-modal{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;max-width:400px;padding:30px;text-align:center}.suspend-modal h2{color:#e53935;margin-bottom:15px}.suspend-modal p{color:#333;line-height:1.4;margin-bottom:25px}.suspend-modal button{background:#1e56a0;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}.suspend-modal button:hover{background:#163172}.loading-screen{align-items:center;background-color:#1e56a0;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.loading-screen h2{color:#f6f6f6}*{box-sizing:border-box;margin:0;padding:0}html{color:#333;font-family:Montserrat,sans-serif}body{background:#eee;background-image:url(https://www.transparenttextures.com/patterns/cubes.png);padding:0}h1{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;text-align:center}header{align-items:center;background-color:#163172;box-shadow:0 0 10px 0 #0000004d;display:flex;justify-content:space-between;padding:16px 32px}header h1{color:#f6f6f6;font-family:McLaren,cursive;font-weight:200;text-align:start}.logout-btn{background:none;border:none;color:#f6f6f6;cursor:pointer;font-size:1.5rem;margin-left:auto}.login-signup-button{align-items:center;display:flex;flex-direction:row;gap:30px}.subject-selection-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.subject-selection-container>h1:first-child{margin-top:20px}.subject-selection-container h1{padding-bottom:10px}.subjects-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:35px}@media (max-width:768px){.subjects-container{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}}.subjects-container button{background-color:#b6d2ea;border:none;border-radius:10px;color:#333;cursor:pointer;font-size:22px;padding:10px 15px;transition:background-color .3s,color .3s}.subjects-container button:hover{background-color:#1e56a0;color:#f6f6f6}.subjects-container button.active{background-color:#163172;color:#d6e4f0}.topics-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;max-width:85%}.topics-container button{background-color:#f6f6f6;border:none;border-radius:45px;color:#333;cursor:pointer;font-size:15px;padding:10px 15px;transition:background-color .3s,color .3s}.topics-container button:hover{background-color:#1e56a0;border:none;color:#f6f6f6}.topics-container button.active{background-color:#163172;color:#d6e4f0}.topics-container .Topic{flex:1 1 200px;min-width:200px}.sidebar{align-items:center;background-color:#163172;border-bottom-left-radius:30px;border-top-left-radius:30px;box-shadow:4px 0 10px #0000001a;color:#f6f6f6;display:flex;flex-direction:column;gap:30px;height:100%;padding:30px 15px;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.open{transform:translateX(0)}.close-btn{color:#f6f6f6;font-size:x-large;right:15px;top:15px}.profile-section{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:40px}.avatar{border:3px solid #d6e4f0;border-radius:50%;height:150px;object-fit:cover;width:150px}.username{color:#f6f6f6;font-size:x-large;font-weight:500}.nav-links{display:flex;flex-direction:column;gap:25px;margin-top:40px;padding-left:30px;width:100%}.nav-links h2{align-items:center;color:#f6f6f6;cursor:pointer;display:flex;font-size:larger;font-weight:500;gap:12px;transition:color .2s ease}.nav-links h2:hover{background-color:#1e56a0;border-radius:20px;color:#d6e4f0;padding:5px 10px;width:fit-content}.log-out{bottom:30px;cursor:pointer;font-size:large;font-weight:500;margin-bottom:20px;position:absolute;transition:color .2s ease}.log-out:hover{color:#d32f2f}@media screen and (max-width:768px){.sidebar{border-radius:0;width:100vw}.nav-links{align-items:center;padding-left:0}.close-btn{right:20px;top:20px}.log-out{margin-bottom:40px}}.time-selection-wrapper{text-align:center}.time-selection-box{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:20px}.selector-card{background-color:#f6f6f6;border:1px solid #f6f6f6;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:20px;width:240px}.selector-card label{display:block;font-size:16px;font-weight:700;margin-bottom:8px}.selector-card input,.selector-card select{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:8px;text-align:center;width:100%}.hour-picker{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.hour-picker button{background-color:#163172;border:none;border-radius:5px;color:#f6f6f6;cursor:pointer;font-size:18px;padding:6px 12px}.hour-picker button:hover{background-color:#1e56a0}.selector-card p{color:#333;font-size:15px;margin-top:10px}.mode-selection-container h1{padding-bottom:20px}.mode-buttons-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:100px;justify-content:center}.mode-buttons-container button{background-color:#d6e4f0;border:none;border-radius:10px;color:#333;cursor:pointer;font-size:22px;padding:10px 15px;transition:background-color .3s,color .3s}.mode-buttons-container button:hover{background-color:#1e56a0;color:#f6f6f6}.mode-buttons-container button.active{background-color:#163172;color:#d6e4f0}@media screen and (max-width:768px){.mode-buttons-container{gap:20px}}.Search-Screen{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center}.Log-Sign-Frgt{display:grid;grid-template-columns:2fr 1fr}@media screen and (max-width:768px){.Log-Sign-Frgt{grid-template-columns:1fr;overflow:scroll}.login-forgotPWD-screen{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center}.title-mobile{left:30px;margin-top:1rem!important;position:static!important}.login-forgotPWD-form{padding-bottom:30px;position:relative!important;top:0!important}.login-forgotPWD-screen2{padding-bottom:30px;padding-top:30px}}@media screen and (max-width:451px){.inputs-container{padding-left:10px;padding-right:10px}}.title{-webkit-text-size-adjust:100%;align-items:center;display:flex;flex-direction:row;font-family:Apple Chancery,cursive;left:30px;margin:0;position:absolute;top:30px;z-index:1}.login-forgotPWD-screen{background-color:#163172;min-height:100vh;padding-left:10px;padding-right:10px}.login-forgotPWD-form{align-items:center;background-color:#163172;display:flex;flex-direction:column;gap:15px;justify-content:center;position:relative;text-align:center;top:170px}.login-forgotPWD-form h2{color:#d6e4f0;font-size:xx-large;margin-top:-10px;text-align:center;z-index:1}.login-forgotPWD-form h3{color:#d6e4f0}.login-forgotPWD-form img{background-color:#d6e4f0;border-radius:50%;margin-top:10px;width:70px}.login-forgotPWD-form p{margin-top:30px}.separator2{align-items:center;display:flex;margin:2em 0;width:60%}.separator2:after,.separator2:before{background-color:#d6e4f0;content:"";flex:1 1;height:3px}.separator2:before{margin-right:.75em}.separator2:after{margin-left:.75em}.separator2 span{color:#d6e4f0;font-weight:700;white-space:nowrap}.inputs-container{align-items:center;gap:25px}.input-container,.inputs-container{display:flex;flex-direction:column;width:100%}.input-container{gap:5px;max-width:420px;z-index:1}.input-container label{color:#1e56a0;font-size:14px;font-weight:500}.input-container input{background-color:#d6e4f0;border:none;border-radius:25px;color:#163172;font-size:14px;height:45px;outline:none;padding:10px}.input-container input::placeholder{color:#58769c}.input-container input:focus{box-shadow:0 0 0 2px #1e56a0}.login-forgotPWD-button{background-color:#1e56a0;border:none;border-radius:20px;color:#d6e4f0;cursor:pointer;font-size:16px;font-weight:700;margin-top:50px;max-width:150px;padding:12px 0;transition:background-color .2s ease,color .2s ease;width:100%;z-index:1}.login-forgotPWD-button:hover{background-color:#163172;color:#f6f6f6}.login-forgotPWD-form p{color:#d6e4f0;text-decoration:underline}.login-forgotPWD-form p:hover{color:#1e56a0}.login-forgotPWD-screen2{align-items:center;background-color:#d6e4f0;display:flex;flex-direction:column;justify-content:center;padding-left:10px;padding-right:10px}.login-forgotPWD-screen2 h1{color:#163172;font-size:2.5em;font-weight:600}.login-forgotPWD-screen2 p{color:#163172;font-size:large}.centered-container{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}.centered-container button{background-color:#163172;border:none;border-radius:30px;color:#d6e4f0;font-size:larger;margin-top:20px;padding:12.5px}.centered-container button:hover{background-color:#1e56a0}.separator{align-items:center;display:flex;margin:2.5em 0;width:70%}.separator:after,.separator:before{background-color:#163172;content:"";flex:1 1;height:3px}.separator:before{margin-right:.75em}.separator:after{margin-left:.75em}.separator span{color:#163172;font-weight:700;white-space:nowrap}.pick-role-screen{height:100vh;padding:35px 20px}.pick-role-content,.pick-role-screen{align-items:center;display:flex;flex-direction:column;justify-content:center}.pick-role-content{gap:100px}.pick-role-content h2{background-color:#f6f6f6;border-radius:10px;color:#163172;font-size:1.8rem;padding:10px}.options-container{flex-direction:row;gap:200px}.options-container,.options-container button{align-items:center;display:flex;justify-content:center}.options-container button{background-color:#d6e4f0;border:2px solid #1e56a0;border-radius:15px;color:#1e56a0;cursor:pointer;flex-direction:column;font-size:1rem;font-weight:600;height:270px;padding:20px;transition:transform .2s ease,background-color .2s ease;width:260px}.options-container button:hover{background-color:#b0cdeb;transform:scale(1.03)}.pick-role-content>button{background-color:#1e56a0;border:none;border-radius:25px;color:#f6f6f6;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:background-color .2s ease}.pick-role-content>button:hover{background-color:#163172}@media screen and (max-width:768px){.pick-role-content{gap:35px}.options-container{flex-direction:column;gap:20px}.pick-role-content>button{margin-bottom:10px}}.forgotPWD-form{gap:30px;top:300px}.forgotPWD-form h2{font-size:xxx-large}.forgotPWD-form h3{font-size:larger;margin-bottom:20px;padding-left:10px;padding-right:10px;text-align:center}.forgotPWD-button{margin:0}.forgotPWDcentered-container{gap:60px}.centered-container img{width:250px}.Student-sign-up-1{align-items:center;background-color:#163172;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh;padding:0}.title{color:#d6e4f0;font-family:McLaren,cursive;margin-bottom:1rem}.Sign-up-form{background-color:#d6e4f0;border-radius:22px;box-sizing:border-box;padding:2rem;width:90%}.Sign-up-form h1{text-align:left}.Sign-up-form>div{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}.form-container{grid-row-gap:2rem;grid-column-gap:5rem;align-items:center;display:grid;grid-template-columns:max-content 1fr;width:60%}.form-container h1{color:#163172;font-weight:500}.form-container input{background-color:#f6f6f6;border:none;border-radius:25px;color:#163172;padding:10px}.form-container input::placeholder{color:#58769c;font-size:medium}.form-container label{color:#163172;font-size:large}.form-container button{background-color:#1e56a0;border:none;border-radius:20px;color:#d6e4f0;font-size:large;grid-column:1/-1;justify-self:center;margin-top:1rem;padding:10px}.form-container button:hover{background-color:#163172}.input-with-icon{position:relative;width:100%}.input-with-icon input{background-color:#f6f6f6;border:none;border-radius:25px;box-sizing:border-box;color:#163172;padding:10px;width:100%}.input-with-icon .eye-toggle{align-items:center;background:none;border:none;color:#163172;cursor:pointer;display:flex;justify-content:center;padding:0 0 0 3px;position:absolute;right:.75rem;top:3px;transform:translateY(-50%)}.input-with-icon .eye-toggle:hover{background:none}@media (max-width:768px){.form-container{grid-row-gap:1rem;grid-template-columns:1fr;width:90%}.form-container>div:first-of-type{display:none}.Sign-up-form{padding:1rem 0;position:relative;top:100px}.second-form{padding:1rem}.Student-sign-up-1{padding-bottom:150px}.form-contairner input,.form-contairner label{grid-column:1}}@media (max-width:391px){.login-screen{padding-left:.5rem;padding-right:.5rem}}@media (max-width:1024px){.form-container+svg{display:none}}.next{background-color:#d6e4f0!important;color:#1e56a0!important}.next:hover{background-color:#1e56a0!important;color:#d6e4f0!important}.photo-form h1{color:#163172;font-weight:500;margin-bottom:1rem}.photo-form button{background-color:#1e56a0;border:none;border-radius:20px;color:#d6e4f0;cursor:pointer;display:block;font-size:large;margin:2rem auto 0;padding:.75rem 1.5rem}.photo-form button:hover{background-color:#163172}.photo-upload-container{align-items:center;display:flex;gap:2rem;justify-content:center}.upload-section{gap:40px;justify-content:space-evenly;margin-top:30px;width:100%}.photo-box,.upload-section{align-items:center;display:flex}.photo-box{background-color:#f6f6f6;border:2px solid #d6e4f0;border-radius:8px;flex-direction:column;font-family:sans-serif;height:205px;justify-content:center;overflow:hidden;position:relative;text-align:center;width:300px}.photo-box.circular{border-radius:50%;height:200px;width:200px}.photo-preview-container{align-items:center;display:flex;flex:1 1 auto;justify-content:center;margin-bottom:10px;max-height:130px;width:100%}.photo-preview{border-radius:6px;box-shadow:0 2px 8px #16317214;max-height:120px;max-width:90%;object-fit:contain}.photo-preview.circular{border-radius:50%;height:120px;object-fit:cover;width:120px}.photo-label{background-color:#1e56a0;border-radius:8px;color:#d6e4f0;margin-bottom:5px;margin-top:0;padding:.25rem .5rem;position:static;width:auto}.photo-box.circular .photo-label{margin-bottom:15px}.photo-label:hover{background-color:#163172}.filename{color:#555;font-size:12px;margin-top:8px;text-align:center;width:100%}.declaration-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:2rem;padding:20px}.declaration-container p{color:#163172;font-size:14px;text-align:center}@media (max-width:768px){.upload-section{flex-direction:column}.declaration-container{margin-top:1rem}.photo-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.photo-box{height:155px;width:250px}.photo-box.circular{height:150px;width:150px}.photo-preview{height:auto;width:150px}.photo-preview.circular{height:100px;width:100px}}.id-photo-container input::-webkit-file-upload-button,.selfie-photo-container input::-webkit-file-upload-button{background-color:#1e56a0;border:none;border-radius:8px;color:#d6e4f0;cursor:pointer;padding:.5rem 1rem}.id-photo-container input::-webkit-file-upload-button:hover,.selfie-photo-container input::-webkit-file-upload-button:hover{background-color:#163172}.sign-up-modal{align-items:center;background:#fff;border:2px solid #d6e4f0;border-radius:25px;box-shadow:0 8px 32px #1e56a02e;display:flex;flex-direction:column;justify-content:center;left:50%;padding:32px 28px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:fit-content}.sign-up-modal img{height:110px;margin-bottom:18px;width:110px}.sign-up-modal h2{color:#163172;font-size:20px;font-weight:600;line-height:1.3;margin-bottom:18px;text-align:center}.sign-up-modal button{background-color:#1e56a0;border:none;border-radius:18px;box-shadow:0 2px 8px #1e56a014;color:#f6f6f6;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:10px 32px;transition:background .2s,color .2s}.sign-up-modal button:hover{background:#163172;color:#d6e4f0}@media (max-width:768px){.sign-up-modal{padding:24px;width:90%}.sign-up-modal img{height:80px;width:80px}.sign-up-modal h2{font-size:18px;margin-bottom:12px}.sign-up-modal button{font-size:14px;padding:8px 24px}}.tutor-card{align-items:center;background-color:#f6f6f6;border-radius:16px;box-shadow:0 8px 20px #0000000f;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:280px}.tutor-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-5px)}.tutor-image{border:3px solid #d6e4f0;border-radius:50%;height:100px;object-fit:cover;width:100px}.tutor-name{font-size:20px;font-weight:600;margin:0}.tutor-occupation{color:#888;font-size:14px;margin:4px 0}.tutor-rating{align-items:center;display:flex;gap:4px;justify-content:center;margin:5px 0}.star{font-size:18px}.rating-number{color:#555}.tutor-description{color:#555;font-size:15px;line-height:1.4;margin:0 10px 10px}.modal-button-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.tutor-button{background-color:#1e56a0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-top:auto;padding:10px 20px;transition:background-color .3s ease}.tutor-button:hover{background-color:#163172;color:#d6e4f0}.back-button{align-items:center;background-color:#444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:15px;gap:5px;justify-content:space-evenly;margin-top:auto;padding:10px 20px;transition:background-color .3s ease}.back-button:hover{background-color:#888;color:#d6e4f0}.result-screen{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;justify-items:center;margin-top:20px}.overlay{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.result-screen.no-results{align-items:center;display:flex;height:calc(100vh - 180px);justify-content:center}.result-screen.no-results h1{color:#163172;font-size:24px;text-align:center}.request-overlay{align-items:center;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.request-modal{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:500px;padding:30px 25px;position:relative;width:90%}.request-close{background:#0000;border:none;cursor:pointer;font-size:22px;position:absolute;right:15px;top:15px}.request-modal h2{color:#163172;font-size:22px;margin-bottom:20px;text-align:center}.request-field{display:flex;flex-direction:column;margin-bottom:15px}.request-field label{font-size:15px;font-weight:500;margin-bottom:5px;text-align:left}.request-field select,.request-field textarea{background-color:#f5f5f5;border:1px solid #ccc;border-radius:8px;color:#444;font-size:15px;padding:10px}.request-field select:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.request-field textarea{background-color:#fff;resize:vertical}.request-submit{background-color:#1e56a0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background-color .2s ease;width:100%}.request-submit:hover:not(:disabled){background-color:#163172;color:#d6e4f0}.request-submit:disabled{background-color:#ccc;cursor:not-allowed}.modal-content{background-color:#f6f6f6;border-radius:16px;box-shadow:0 10px 30px #0003;margin-top:30px;max-width:450px;padding:30px;position:relative;text-align:center;width:100%}.modal-image{border-radius:50%;height:200px;object-fit:cover;width:200px}.edit-icon{color:#163172;position:absolute;right:30px;top:30px}.edit-icon:hover{color:#1e56a0}.modal-name{color:#163172;font-size:large;font-weight:700;margin:5px 0}.modal-occupation{color:#888;font-size:14px;margin-bottom:10px}.modal-specialties{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:15px 0}.specialty-pill{background-color:#d6e4f0;border:1px solid #d6e4f0;border-radius:20px;color:#163172}.specialty-pill,.weakness-pill{font-size:14px;font-weight:500;padding:6px 12px}.weakness-pill{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:20px;color:#721c24}.modal-rating{align-items:center;display:flex;gap:4px;justify-content:center;margin-bottom:15px}.star{color:#f5ba13;font-size:20px}.star.empty{color:#ccc}.rating-number{color:#888;font-size:14px}.modal-description{color:#444;font-size:15px;line-height:1.5;margin-bottom:15px}.modal-price{color:#163172;font-size:16px;font-weight:700;margin-bottom:15px}.reports-indicator{border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;font-size:14px;font-weight:700;left:15px;padding:6px 12px;position:absolute;top:15px}.reports-indicator.safe{background-color:#4caf50}.reports-indicator.danger{background-color:#e53935}.modal-strengths-title,.modal-weaknesses-title{color:#888;font-size:medium;font-weight:lighter}.tutor-reviews{background-color:#d6e4f0;border-radius:15px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:95%}.tutor-reviews__scroll{-webkit-overflow-scrolling:touch;max-height:300px;min-height:300px;overflow-y:auto;padding:20px 25px}.no-reviews-message{margin:6rem auto;text-align:center}.tutor-reviews__scroll{scrollbar-color:#1e56a0 #d6e4f0;scrollbar-width:thin}.tutor-reviews__scroll::-webkit-scrollbar{width:8px}.tutor-reviews__scroll::-webkit-scrollbar-track{background:#d6e4f0}.tutor-reviews__scroll::-webkit-scrollbar-thumb{background-color:#1e56a0;border:1px solid #d6e4f0;border-radius:3px}.tutor-reviews h2{color:#1e56a0;font-size:18px;margin-bottom:10px}.tutor-reviews hr{border:none;border-top:2px solid #1e56a0;margin-bottom:15px;width:100%}.reviews-list{display:flex;flex-direction:column;gap:15px}.review-card{background-color:#1e56a0;border-radius:10px;color:#fff;padding:15px}.review-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.review-header img{border-radius:50%;height:40px;object-fit:cover;width:40px}.review-header h3{font-size:15px;margin:0}.review-topic{color:#b3c6e0;font-size:13px;font-style:italic;margin-bottom:8px;margin-left:2px}.tutor-info-screen{min-height:100vh}.tutor-info-container{display:grid;grid-template-columns:40% 60%}@media screen and (max-width:768px){.tutor-info-container{grid-template-columns:1fr}.right-section{margin-top:50px}}.tutor-full-description{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.right-section{margin-top:20px}.about-tutor{background-color:#d6e4f0;border-radius:15px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:95%}.about-tutor__scroll{-webkit-overflow-scrolling:touch;max-height:250px;min-height:250px;overflow-y:auto;padding:20px 25px;position:relative;scrollbar-color:#1e56a0 #d6e4f0;scrollbar-width:thin}.about-tutor__scroll::-webkit-scrollbar{width:6px}.about-tutor__scroll::-webkit-scrollbar-track{background:#d6e4f0}.about-tutor__scroll::-webkit-scrollbar-thumb{background-color:#1e56a0;border:1px solid #d6e4f0;border-radius:3px}.about-tutor h2{color:#1e56a0;font-size:18px;margin-bottom:10px;margin-top:10px}.about-tutor hr{border:none;border-top:2px solid #1e56a0;margin-bottom:15px;width:100%}.about-tutor p{color:#163172;font-size:15px;line-height:1.5}.chat-message{word-wrap:break-word;border-radius:18px;display:inline-block;font-size:15px;line-height:1.4;margin:8px 12px;max-width:70%;padding:10px 14px}.own-message{align-self:flex-end;background-color:#d6e4f0;border-bottom-right-radius:0;color:#1e56a0}.other-message{align-self:flex-start;background-color:#163172;border-bottom-left-radius:0;color:#d6e4f0}.session-bar{background-color:#f6f6f6;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:15px 20px;text-align:center}.session-control-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-evenly;margin-top:10px}.session-h1{color:#1e56a0}.end-session-button{background-color:#1e56a0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px 20px;transition:background-color .2s ease}.end-session-button:hover{background-color:#163172}.rate-session-button{background-color:#28a745;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px 20px;transition:background-color .2s ease}.rate-session-button:hover{background-color:#218838}.session-end-message{align-items:center;color:#333;display:flex;flex-direction:column;font-size:16px;gap:10px;justify-content:center;margin-bottom:10px}.report-user-button{background-color:darkred;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px 20px;transition:background-color .2s ease;width:fit-content}.session-message{color:#555;font-size:14px;font-style:italic}.modal-overlay{align-items:center;background-color:#163172cc;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.rating-modal{background-color:#f6f6f6;border-radius:20px;box-shadow:0 0 10px #0003;max-width:500px;padding:30px;text-align:center;width:90%}.rating-modal h2{color:#1e56a0;margin-bottom:10px}.stars-container{display:flex;gap:10px;justify-content:center;margin:15px 0}.star{cursor:pointer;font-size:30px;transition:color .2s}.rating-modal textarea{border:1px solid #ccc;border-radius:10px;font-size:14px;margin-top:10px;min-height:100px;padding:10px;resize:none;width:100%}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 20px}.modal-buttons button:first-child{background-color:#1e56a0;color:#fff}.modal-buttons button:first-child:hover{background-color:#163172;opacity:.9}.modal-buttons .cancel{background-color:#ccc;color:#000}.modal-buttons .cancel:hover{background-color:#aaa;opacity:.9}.chat-panel{background-color:initial;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden}.top-panel{background-color:#d6e4f0;border-bottom:1px solid #ccc;padding:15px 20px}.left-side,.top-panel{align-items:center;display:flex}.left-side{gap:12px}.profile-pic{border:2px solid #163172;height:42px;width:42px}.left-side h2{color:#163172;font-size:17px;margin:0}.subject-info{color:#555;font-size:13px;margin:2px 0 0}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px;scrollbar-color:#163172 #0000;scrollbar-width:thin}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#d6e4f0;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:#163172;border:2px solid #d6e4f0;border-radius:4px}.bottom-bar-container{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;gap:0}.input-message-container{background-color:initial;box-sizing:border-box;display:flex;flex-direction:row;overflow-x:hidden;padding:10px 20px;width:100%;z-index:10}.input-message-container input{border:1px solid #ccc;border-radius:20px;flex:1 1;font-size:15px;outline:none;padding:10px 16px}.send-button{align-items:center;background-color:#163172;border-radius:50%;color:#d6e4f0;display:flex;font-size:20px;justify-content:center;margin-left:10px;padding:10px;transition:background-color .2s ease}.send-button:hover{background-color:#1e56a0}.tutorship-notification{align-items:center;background-color:#d6e4f0;border:1px solid #163172;border-radius:12px;box-shadow:0 2px 8px #16317214;display:flex;flex-direction:column;justify-content:center;margin:150px auto;max-width:480px;padding:32px 24px;text-align:center}.tutorship-notification h2{color:#163172;font-size:22px;font-weight:700;margin-bottom:12px}.tutorship-notification p{color:#555;font-size:15px;margin-bottom:18px}.cancel-tutorship-button{background-color:#ff7875;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 28px;transition:background .2s}.cancel-tutorship-button:hover{background-color:#d4380d}.cancel-tutorship-button.subtle{background:none;border:1px solid #163172;border-radius:20px;color:#1e56a0;cursor:pointer;font-size:15px;font-weight:500;padding:8px 22px;transition:background .2s,color .2s}.cancel-tutorship-button.subtle:hover{background:#163172;color:#f6f6f6}.tutorship-rejected-notification{align-items:center;background-color:#fff1f0;border:1px solid #ff4d4f;border-radius:12px;box-shadow:0 2px 8px #ff4d4f14;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:150px auto;max-width:480px;padding:32px 24px;text-align:center}.tutorship-rejected-notification p{color:#a8071a;font-size:16px;margin:0}.subtle{background:none;border:1px solid #ff4d4f;border-radius:20px;color:#a8071a;cursor:pointer;font-size:15px;font-weight:500;padding:8px 22px;transition:background .2s,color .2s}.chat-preview{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 15px;transition:background-color .2s ease}.chat-preview:hover{background-color:#ffffff26}.profile-pic{border:2px solid #f6f6f6;border-radius:50%;height:48px;object-fit:cover;width:48px}.info-container h2{color:#f6f6f6;font-size:16px;font-weight:600;margin:0}.info-container h3{color:#ddd;font-size:14px;font-weight:400;margin:3px 0 0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-container{align-items:center;display:flex;margin-left:auto}.report-button{background-color:initial;border:1px solid #ff4d4f;border-radius:4px;color:#ff4d4f;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:background-color .2s ease,color .2s ease}.report-button:hover{background-color:#ff4d4f;color:#fff}.request-tutorship-button{background-color:#f6f6f6;border:none;border-radius:4px;color:#163172;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:background-color .2s ease,color .2s ease}.request-tutorship-button:hover{background-color:#e4e5e9;color:#163172}.waiting-badge{background-color:#1e56a0;border-radius:4px;color:#f6f6f6;font-size:12px;font-weight:500;padding:4px 8px}.chat-sidebar{border-right:1px solid #ccc;color:#f6f6f6;flex-direction:column;height:100%;overflow:hidden;width:100%}.chat-sidebar,.filter-container{background-color:#163172;display:flex}.filter-container{align-items:center;border-bottom:1px solid #163172;justify-content:space-evenly;padding:15px}.filter-button{background:none;border:none;color:#f6f6f6;cursor:pointer;font-size:16px;font-weight:500;padding:8px 12px;transition:all .2s ease}.filter-button:hover{color:#1e56a0}.filter-button.active{border-bottom:2px solid #d6e4f0;color:#d6e4f0}.divider{background-color:#ccc;height:20px;opacity:.5;width:1px}.chat-list{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:10px 5px}.chat-list___scroll{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;scrollbar-color:#d6e4f0 #163172;scrollbar-width:thin}.chat-list___scroll::-webkit-scrollbar{width:6px}.chat-list___scroll::-webkit-scrollbar-track{background:#d6e4f0}.chat-list___scroll::-webkit-scrollbar-thumb{background-color:#d6e4f0;border:1px solid #1e56a0;border-radius:3px}.chat-container{background-color:initial;box-shadow:inset 0 0 10px #0000000d;display:grid;grid-template-columns:.8fr 2fr;height:100%;width:100%}.chat-go-back{display:none}@media screen and (max-width:768px){.chat-container{grid-template-columns:1fr}.chat-go-back{display:block}}.chat-screen{background-color:initial;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0}.chat-screen-container{display:flex;flex:1 1;min-height:0;overflow-y:auto;width:100%}.tutor-topbar{grid-gap:20px;align-items:center;background-color:#d6e4f0;border-bottom:2px solid #1e56a0;display:grid;flex-wrap:wrap;gap:20px;grid-template-columns:1fr 2fr 1fr;padding:25px 30px}.left-info{align-items:center;display:flex;gap:15px}.tutor-avatar{border-radius:50%;height:80px;object-fit:cover;width:80px}.tutor-name-rating h2{color:#163172;margin:0}.stars{display:flex;gap:2px}.middle-info{text-align:center}.label{color:#1e56a0;font-size:14px;font-weight:500;margin-bottom:8px}.subject-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tag{background-color:#7fb9e6;border-radius:20px;color:#fff;font-size:13px;padding:5px 12px}.right-info{text-align:right}.price-label,.schedule-label{color:#1e56a0;font-size:14px;font-weight:500}.price-pill{background-color:#1e56a0;border-radius:20px;color:#fff;display:inline-block;font-weight:600;margin-bottom:5px;padding:5px 15px}.schedule-list{color:#163172;font-size:13px;font-style:italic;list-style:none;margin:0;padding:0}@media screen and (max-width:768px){.tutor-topbar{gap:30px;grid-template-columns:1fr;text-align:center}.left-info,.right-info{align-items:center;display:flex;flex-direction:column;justify-content:center}.left-info,.tutor-name-rating{flex-direction:column}.tutor-name-rating{align-items:center;display:flex}.subject-tags,.tutor-name-rating{justify-content:center}.schedule-list{text-align:center}}.tutor-control-bar{align-items:center;background-color:#1e56a0;color:#f6f6f6;display:flex;font-size:16px;justify-content:space-evenly;padding:12px 20px}.tutor-control-bar h1{cursor:pointer;position:relative;transition:all .3s ease}.tutor-control-bar h1:hover{color:#d6e4f0}.tutor-control-bar h1.active:after{background-color:#f3f3f3;border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:100%}.tutor-control-bar span{font-size:24px;opacity:.5}.request-box{background-color:#f6f6f6;border:1px solid #f6f6f6;border-left:6px solid #163172;border-radius:10px;box-shadow:0 2px 6px #0000000d;margin:15px!important;margin-inline:auto;max-width:700px;padding:20px;transition:box-shadow .2s ease}.request-box:hover{box-shadow:0 4px 12px #0000001a}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.subject-topic{color:#163172;font-size:17px;font-weight:700}.request-mode{background-color:#f0f4ff;border-radius:12px;color:#163172;font-size:13px;padding:4px 10px}.request-details p{color:#444;font-size:15px;margin:6px 0}.request-message{background-color:#f9f9f9;border-left:4px solid #ccc;border-radius:6px;font-style:italic;margin-top:10px;padding:10px}.request-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.btn-accept{background-color:#1e56a0;border:none;border-radius:8px;color:#f6f6f6;cursor:pointer;font-weight:700;padding:8px 16px}.btn-accept:hover{background-color:#163172;color:#d6e4f0}.btn-decline{background-color:#888;border:none;border-radius:8px;color:#f6f6f6;cursor:pointer;font-weight:700;padding:8px 16px}.btn-decline:hover{background-color:#d6e4f0;color:#444}.request-student-info{align-items:center;display:flex;gap:10px}.student-avatar{border:2px solid #d6e4f0;border-radius:50%;height:36px;object-fit:cover;width:36px}.log{background-color:#163172;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#f6f6f6;display:flex;flex-direction:column;gap:10px;padding:15px 20px}.log-header{align-items:center;display:flex;gap:15px}.log-date{background-color:#f3f3f3;color:#1e56a0}.log-date,.log-mode{border-radius:20px;font-size:13px;font-weight:500;padding:2px 10px}.log-mode{background-color:#d6e4f0;color:#163172}.log-content{align-items:center;display:flex;gap:15px;position:relative}.log-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.log-info{display:flex;flex-direction:column;gap:4px}.request-button{background-color:#f6f6f6;border:none;border-radius:20px;box-shadow:0 1px 5px #00000026;color:#1e56a0;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;position:absolute;right:0;top:-5px;transition:all .2s ease-in-out}.request-button:hover{background-color:#d6e4f0;color:#163172;transform:scale(1.03)}.request-button:active{transform:scale(.97)}.log-tutor-rating{align-items:center;display:flex;gap:10px;justify-content:space-between}.log-topic{font-size:14px}@media screen and (max-width:768px){.request-button{margin:.5em 0;position:static;right:auto;top:auto}}.tutor-history-container,.tutorship-request-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;max-height:450px;min-height:450px;overflow-y:auto;scrollbar-color:#1e56a0 #0000;scrollbar-width:auto}.tutor-history-container{gap:20px;padding-top:15px}.no-requests{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:450px;text-align:center;width:100%}.no-requests h2{color:#163172}.no-requests p{color:#1e56a0}.tutor-history-log{min-width:300px}.student-profile-screen{min-height:100vh}.student-profile-container{display:grid;grid-template-columns:60% 40%}@media screen and (max-width:768px){.student-profile-container{grid-template-columns:1fr}.right-section{margin-top:50px;order:2}}.right-section,.student-profile-card{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.right-section{flex-direction:column;gap:50px}.about-student{background-color:#d6e4f0;border-radius:15px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:95%}.edit-button{color:#163172;position:absolute;right:20px;top:20px}.edit-button:hover{color:#1e56a0}.about-student__scroll{-webkit-overflow-scrolling:touch;max-height:250px;min-height:250px;overflow-y:auto;padding:20px 25px;position:relative;scrollbar-color:#1e56a0 #d6e4f0;scrollbar-width:thin}.about-student__scroll::-webkit-scrollbar{width:6px}.about-student__scroll::-webkit-scrollbar-track{background:#d6e4f0}.about-student__scroll::-webkit-scrollbar-thumb{background-color:#1e56a0;border:1px solid #d6e4f0;border-radius:3px}.about-student h2{color:#1e56a0;font-size:18px;margin-bottom:10px;margin-top:10px}.about-student hr{border:none;border-top:2px solid #1e56a0;margin-bottom:15px;width:100%}.about-student p{color:#163172;font-size:15px;line-height:1.5}.edit-profile-screen{display:flex;flex-direction:column;min-height:100vh}.edit-title{color:#163172;font-size:28px;margin-top:15px;text-align:center}.edit-profile-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:20px 50px}.left{grid-row-gap:1rem;grid-column-gap:5rem;align-items:center;display:grid;grid-template-columns:max-content 1fr}.left,.right{background-color:#d6e4f0;border-radius:15px;box-shadow:0 2px 8px #0000001a;padding:25px}.right{display:flex;flex-direction:column;gap:15px}.top-right{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:60% 30%}.name-lastname{grid-gap:10px;display:grid;gap:10px;grid-template-columns:30% 70%}.mode-selection{align-items:center;display:flex;gap:10px}.top-right-image{align-items:center;display:flex;flex-direction:column;justify-content:center}.left label,.right label{color:#163172;font-size:14px;font-weight:600}.left input,.right input,.right textarea{border:1px solid #ccc;border-radius:8px;color:#1e56a0;font-size:14px;outline:none;padding:10px 15px}.right textarea{min-height:150px;resize:vertical}.left .react-select__control{border-color:#ccc;border-radius:8px}.right img{align-self:center;border:3px solid #1e56a0;border-radius:50%;cursor:pointer;height:200px;object-fit:cover;transition:transform .3s ease;width:200px}.right img:hover{transform:scale(1.05)}.right p{color:#555;font-size:12px;text-align:center}.save-button{align-self:center;background-color:#1e56a0;border:none;border-radius:8px;color:#f6f6f6;cursor:pointer;display:block;font-size:16px;font-weight:600;margin:25px auto 0;padding:12px 25px;transition:background-color .3s ease,transform .1s ease}.save-button:hover{background-color:#163172;transform:scale(1.02)}.save-button:active{transform:scale(.98)}.toast{animation:fadeInOut 2s ease forwards;background-color:#1e56a0;border-radius:8px;bottom:95px;box-shadow:0 4px 12px #00000026;color:#f6f6f6;font-size:xx-large;font-weight:500;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}@media screen and (max-width:768px){.edit-profile-container{grid-template-columns:1fr;padding:20px}.left{grid-row-gap:1rem!important;grid-template-columns:1fr;width:100%}.right img{height:100px;width:100px}.top-right{grid-template-columns:1fr}.save-button{margin:25px auto}}.schedule-selector{background-color:#d6e4f0;border-radius:12px;padding:20px}.schedule-selector h3{color:#163172;margin-bottom:15px}.schedule-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.schedule-row label{color:#1e56a0;flex:1 1;font-weight:500}.time-inputs{align-items:center;display:flex;gap:8px}.time-inputs input[type=time]{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:4px 8px}.stu-history{background-color:#d6e4f0;border-radius:15px;box-shadow:0 6px 30px #00000059;min-height:434.8px;width:90%}.history-title-container{background-color:#1e56a0;border-top-left-radius:15px;border-top-right-radius:15px;padding:20px}.history-title{color:#f6f6f6}.history-logs-container{display:grid;grid-template-columns:1fr 1fr}.logs{border-radius:15px;overflow:hidden}.logs__scroll{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:20px;justify-content:center;max-height:486.8px;min-height:486.8px;overflow-y:auto;padding:20px 25px;scrollbar-color:#1e56a0 #d6e4f0;scrollbar-width:thin}.logs__scroll::-webkit-scrollbar-thumb{background-color:#1e56a0;border:1px solid #d6e4f0;border-radius:3px}.icon-container{align-items:center;display:flex;justify-content:center}.history-icon{color:#163172}@media screen and (max-width:768px){.stu-history{margin-top:20px}.logs__scroll{max-height:fit-content}.history-logs-container{grid-template-columns:1fr}.icon-container{display:none}.logs__scroll{padding:10px 15px}}.stu-history-screen{display:flex;flex-direction:column;height:100vh}.main-history-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:25px}@media screen and (max-width:768px){.stu-history-screen{height:fit-content;padding-bottom:20px}}.continue-session-overlay{align-items:center;background-color:#163172bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.continue-session-modal{background-color:#f6f6f6;border-radius:12px;box-shadow:0 4px 16px #0003;color:#163172;max-width:480px;padding:24px;position:relative;width:90%}.close-btn{background:#0000;border:none;color:#1e56a0;cursor:pointer;position:absolute;right:12px;top:12px;transition:color .2s ease}.close-btn:hover{color:#163172}.continue-session-modal h2{color:#1e56a0;font-size:1.5rem;margin-top:0}.continue-session-modal p{font-size:1rem;line-height:1.4;margin:16px 0}.continue-session-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s ease,transform .1s ease}.btn-primary{background-color:#1e56a0;border:none;color:#f6f6f6}.btn-primary:hover{background-color:#163172;transform:translateY(-1px)}.btn-secondary{background-color:#d6e4f0;border:none;color:#163172}.btn-secondary:hover{background-color:#b0cdeb;transform:translateY(-1px)}@media (max-width:480px){.continue-session-modal h2{font-size:1.25rem}.continue-session-modal p{font-size:.95rem}.btn{font-size:.9rem;padding:8px 16px}}.payment-screen{background-color:#f6f6f6;border-radius:20px;box-shadow:0 0 12px #0000001a;font-family:sans-serif;margin:40px auto 0;max-width:1000px;padding:30px}.payment-screen h1{color:#1e56a0;margin-bottom:20px;text-align:center}.info-box{background-color:#d6e4f0;border-left:5px solid #1e56a0;border-radius:10px;color:#163172;font-weight:500;margin-bottom:30px;padding:15px 20px}.payment-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 2fr}.payment-options{display:flex;flex-direction:column;gap:15px}.payment-options button{background-color:#d6e4f0;border:none;border-radius:10px;color:#163172;cursor:pointer;font-size:16px;padding:12px;transition:background-color .2s ease}.payment-options button:hover{background-color:#a5c3e6}.payment-form{background-color:#f6f6f6;gap:12px;padding:20px}.payment-form input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px}.pay-button{background-color:#1e56a0;border:none;border-radius:10px;color:#f6f6f6;cursor:pointer;font-weight:600;margin-top:15px;padding:10px;transition:background-color .2s ease}.pay-button:hover{background-color:#163172}@media (max-width:768px){.payment-content{grid-template-columns:1fr}.payment-options{flex-direction:column}.payment-form{padding:15px}}.tutor-payment-screen{background-color:#f6f6f6;border-radius:20px;box-shadow:0 0 12px #0000001a;font-family:sans-serif;margin:30px auto 0;max-width:900px;padding:30px}.tutor-payment-screen p{color:#555;margin-bottom:20px;opacity:.7;text-align:center}.tutor-payment-screen h1{color:#1e56a0;margin-bottom:30px;text-align:center}.method-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-evenly;margin-bottom:30px}.method-selector button{background-color:#d6e4f0;border:none;border-radius:10px;color:#163172;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .2s ease}.method-selector button:hover{background-color:#a5c3e6}.payment-form{background-color:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:15px;padding:25px}.payment-form label{color:#1e56a0;font-weight:600}.payment-form input,.payment-form select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:10px}.save-method-button{background-color:#1e56a0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px;transition:background-color .2s ease}.save-method-button:hover{background-color:#163172}@media (max-width:768px){.method-selector{align-items:center;flex-direction:column}.payment-form{padding:15px}}.report-screen{background-color:#f6f6f6;border-radius:15px;box-shadow:0 0 10px #0000001a;margin:10px auto;max-width:800px;padding:30px}.report-screen h1{color:#1e56a0;margin-bottom:25px;text-align:center}.report-form{display:flex;flex-direction:column;gap:20px}.report-form label{color:#163172;font-weight:600;margin-bottom:5px}.report-form textarea{border:1px solid #ccc;border-radius:10px;font-size:14px;min-height:120px;padding:12px;resize:vertical;width:100%}.report-form input[type=file]{padding:8px 0}.image-preview{display:flex;flex-wrap:wrap;gap:10px}.image-preview img{border:2px solid #d6e4f0;border-radius:8px;height:100px;object-fit:cover;width:100px}.send-button{background-color:#1e56a0;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s ease}.send-button:hover{background-color:#163172}@media (max-width:768px){.report-screen{margin:20px;padding:20px}.image-preview img{height:80px;width:80px}}.admin-screen{align-items:center;display:flex;flex-direction:column;padding:30px}.admin-title{color:#1e56a0;font-size:28px;margin-bottom:25px}.report-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px;max-width:900px;padding:20px;width:100%}.report-card header h2{color:#f6f6f6}.report-body{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.report-details p{color:#333;font-size:15px;margin:8px 0}.report-evidence h3{color:#1e56a0;margin-bottom:10px}.evidence-grid{display:flex;flex-wrap:wrap;gap:10px}.evidence-grid img{border:2px solid #d6e4f0;border-radius:8px;height:120px;object-fit:cover;width:120px}.report-footer{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.admin-actions button,.nav-buttons button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 15px;transition:background-color .3s ease}.nav-buttons{display:flex;flex-direction:row;gap:20px}.nav-buttons button{background-color:#1e56a0;color:#fff}.nav-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.nav-buttons button:hover:not(:disabled){background-color:#163172}.admin-actions{display:flex;gap:10px}.admin-actions .danger{background-color:#e53935;color:#fff}.admin-actions .danger:hover{background-color:#b71c1c}.admin-actions .neutral{background-color:#d6e4f0;color:#163172}.admin-actions .neutral:hover{background-color:#a5c3e6}@media (max-width:768px){.report-body{grid-template-columns:1fr}.evidence-grid img{max-width:250px;width:100%}.report-footer{align-items:center;flex-direction:column}}.notification-dot{background-color:red;border-radius:50%;height:8px;position:absolute;width:8px}.notification-dot.small{height:6px;width:6px}.chat-preview.highlight{background-color:#1e56a0}
/*# sourceMappingURL=main.1b460938.css.map*/