.home{display:flex}.home .homeContainer{flex:6;background-color:#fff;color:#000}.home .homeContainer .widgets{display:flex;flex-wrap:wrap;gap:20px;padding:20px;justify-content:space-between}.home .homeContainer .widgets .widget{flex:1 1 calc(33.33% - 13.33px);max-width:calc(33.33% - 13.33px)}@media (max-width: 768px){.home .homeContainer .widgets .widget{flex:1 1 100%;max-width:300px;margin:0 auto}}.home .homeContainer .charts{display:flex;gap:5px;padding:5px 20px}@media (max-width: 768px){.home .homeContainer .charts{flex-direction:column;gap:20px;padding:0 20px 20px}.home .homeContainer .charts .chart,.home .homeContainer .charts .featured{width:100%;max-width:300px;margin:0 auto}}@media (max-width: 480px){.home .homeContainer .charts{gap:15px;padding:0 15px 15px}.home .homeContainer .charts .charts,.home .homeContainer .charts .featured{max-width:280px}}.widget{display:flex;justify-content:space-between;padding:10px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978;background-color:#fff;height:100px;border-radius:10px}.widget .left,.widget .right{display:flex;flex-direction:column;justify-content:space-between}.widget .left .title,.widget .right .title{font-weight:700;font-size:14px;color:#616161}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300;margin-top:25px}.featured{flex:2;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;height:400px;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.featured{height:350px;padding:15px;flex:none;overflow:hidden}}@media (max-width: 480px){.featured{height:320px;padding:12px;overflow:hidden}}.featured .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media (max-width: 480px){.featured .top{margin-bottom:15px}}.featured .top .title{font-size:18px;font-weight:600;color:#333;margin:0}@media (max-width: 768px){.featured .top .title{font-size:16px}}@media (max-width: 480px){.featured .top .title{font-size:14px}}.featured .top .icon{color:#666;cursor:pointer;transition:color .2s ease}.featured .top .icon:hover{color:#0a9048}.featured .bottom{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.featured .bottom .featuredChart{width:120px;height:120px;margin-bottom:20px}@media (max-width: 768px){.featured .bottom .featuredChart{width:100px;height:100px;margin-bottom:15px}}@media (max-width: 480px){.featured .bottom .featuredChart{width:80px;height:80px;margin-bottom:12px}}.featured .bottom .course-title{font-size:16px;font-weight:500;color:#666;margin:0 0 8px}@media (max-width: 480px){.featured .bottom .course-title{font-size:14px}}.featured .bottom .amount{font-size:32px;font-weight:700;color:#333;margin:0 0 8px}@media (max-width: 768px){.featured .bottom .amount{font-size:28px}}@media (max-width: 480px){.featured .bottom .amount{font-size:24px}}.featured .bottom .desc{font-size:12px;color:#999;text-align:center;margin:0 0 20px}@media (max-width: 480px){.featured .bottom .desc{margin-bottom:15px}}.featured .bottom .summary{width:100%;display:flex;justify-content:space-around;align-items:center}@media (max-width: 480px){.featured .bottom .summary{flex-direction:column;gap:10px}}.featured .bottom .summary .item{text-align:center;flex:1}@media (max-width: 480px){.featured .bottom .summary .item{width:100%;display:flex;justify-content:space-between;align-items:center}}.featured .bottom .summary .item .itemTitle{font-size:12px;color:#999;margin-bottom:5px}@media (max-width: 480px){.featured .bottom .summary .item .itemTitle{margin-bottom:0;font-size:13px}}.featured .bottom .summary .item .itemResult.positive{color:#0a9048}.featured .bottom .summary .item .itemResult .resultAmount{font-weight:700;font-size:16px;color:#333}@media (max-width: 480px){.featured .bottom .summary .item .itemResult .resultAmount{font-size:15px}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.chart{flex:4;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;height:400px;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.chart{height:350px;padding:15px;flex:none;overflow:hidden}}@media (max-width: 480px){.chart{height:300px;padding:12px;overflow:hidden}}.chart .title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}@media (max-width: 768px){.chart .title{font-size:16px;margin-bottom:15px}}@media (max-width: 480px){.chart .title{font-size:14px;margin-bottom:12px}}.chart .chart-container{flex:1;min-height:0;overflow:hidden;width:100%}.datatable{margin-top:100px}.datatable .datatableTitle{width:100%;font-size:24px;color:#616161;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between}.datatable .datatableTitle .link{color:#0a9048;font-size:16px;font-weight:400;border:1px solid #0a9048;padding:10px 30px;border-radius:5px;cursor:pointer;letter-spacing:.06em}.datatable .datatableTitle .link:hover{background-color:#0a9048;color:#fff}.search{display:flex;width:40%;align-items:center;padding:3px;border:.5px solid lightgray;border-radius:5px}.search input{width:100%;border:none;outline:none;background:transparent;padding:5px 10px}.search input::placeholder{font-size:12px;padding-left:5px}.filter{display:flex;width:40%;align-items:center;padding:3px;border:.5px solid lightgray;border-radius:5px}.filter select{width:100%;border:none;outline:none;background:transparent;padding:5px 10px;font-size:14px}.filter select:hover{cursor:pointer}.filter select option{color:#000}.new .newContainer .top .right form .formInput,.new .newContainer .bottom .right form .formInput{width:80%;margin:0 auto}.new .newContainer .top .right form .formInput label,.new .newContainer .bottom .right form .formInput label{display:flex;align-items:center;gap:10px}.new .newContainer .top .right form .formInput label .icon,.new .newContainer .bottom .right form .formInput label .icon{cursor:pointer}.new .newContainer .top .right form .formInput input,.new .newContainer .bottom .right form .formInput input{width:100%;padding:5px;border:none;border-bottom:1px solid gray;font-size:18px;outline:none;background:transparent}.new .newContainer .top .right form .formInput input::placeholder,.new .newContainer .bottom .right form .formInput input::placeholder{font-size:14px}.new .newContainer .top .right form button,.new .newContainer .bottom .right form button{width:150px;padding:10px;margin:10px auto;border-radius:10px;border:none;outline:none;bottom:none;background-color:#0a9048;color:#fff;font-weight:700;cursor:pointer}.new .newContainer .top .right form button:hover,.new .newContainer .bottom .right form button:hover{background-color:#fff;color:#0a9048;border:1px solid #0A9048}.new{width:100%;display:flex}.new .newContainer{flex:6;display:flex;flex-direction:column;padding:20px;margin-top:20px}.new .newContainer .top,.new .newContainer .bottom{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978;background-color:#fff;border-radius:5px;margin:20px;padding:5px;display:flex}.new .newContainer .top h1,.new .newContainer .bottom h1{font-size:20px;font-weight:300;color:#616161;padding:10px}.new .newContainer .top .right,.new .newContainer .bottom .right{width:100%;margin:0 auto}.new .newContainer .top .right form,.new .newContainer .bottom .right form{display:flex;flex-direction:column;gap:30px}.new .newContainer .top .right form .formInputs,.new .newContainer .bottom .right form .formInputs{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto;gap:20px;flex-wrap:wrap;padding:10px}.new .newContainer .top .right form .formInputs .formInput,.new .newContainer .bottom .right form .formInputs .formInput{width:40%;margin:0 auto}.new .newContainer .top .right form .formInputs .formInput label,.new .newContainer .bottom .right form .formInputs .formInput label{display:flex;align-items:center;gap:10px}.new .newContainer .top .right form .formInputs .formInput label .icon,.new .newContainer .bottom .right form .formInputs .formInput label .icon{cursor:pointer}.new .newContainer .top .right form .formInputs .formInput input,.new .newContainer .bottom .right form .formInputs .formInput input{width:100%;padding:5px;border:none;border-bottom:1px solid gray;font-size:18px;outline:none;background:transparent}.new .newContainer .top .right form .formInputs .formInput input::placeholder,.new .newContainer .bottom .right form .formInputs .formInput input::placeholder{font-size:14px}.new .newContainer .top .right form .formInputs .formInput select,.new .newContainer .bottom .right form .formInputs .formInput select{width:100%;padding:5px;border:none;border-bottom:1px solid gray;font-size:18px;outline:none;background:transparent}.new .newContainer .top .right form .formInputs .formInput select:hover,.new .newContainer .bottom .right form .formInputs .formInput select:hover{cursor:pointer}.new .newContainer .top .right form .formInputs .formInput select option,.new .newContainer .bottom .right form .formInputs .formInput select option{background:#fff;color:#333;font-size:14px}.new .newContainer .top .right form button,.new .newContainer .bottom .right form button{width:150px;padding:10px;margin:10px auto;border-radius:10px;bottom:none;background-color:#0a9048;color:#fff;font-weight:700;cursor:pointer}.new .newContainer .top .right form button:hover,.new .newContainer .bottom .right form button:hover{background-color:#fff;color:#0a9048;border:1px solid #0a9048}.new .newContainer .bottom .formContainer form .formInput select{width:100%;padding:5px;border:none;border-bottom:1px solid gray;font-size:18px;outline:none;background:transparent}.new .newContainer .bottom .formContainer form .formInput select:hover{cursor:pointer}.new .newContainer .bottom .formContainer form .formInput select option{background:#fff;color:#333;font-size:14px}.new .newContainer .bottom .imageContainer{position:relative;display:flex;justify-content:center;margin-bottom:30px}.new .newContainer .bottom .imageContainer .uploadSection{position:absolute;bottom:-10px;left:calc(50% + 50px);border-radius:50%;padding:8px;cursor:pointer}.new .newContainer .bottom .imageContainer .uploadSection .icon{font-size:24px;color:#333}.new .newContainer .bottom .imageContainer .uploadSection:hover{cursor:pointer}.new .newContainer .bottom .formContainer form{width:100%;display:grid;grid-template-columns:repeat(1,1fr);gap:20px}.new .newContainer .bottom .formContainer form button{width:150px;padding:10px;margin:10px auto;border-radius:10px;bottom:none;background-color:#0a9048;color:#fff;font-weight:700;cursor:pointer}.ajouter-modifier-container{padding:24px;max-width:800px;margin:0 auto}.form-card{box-shadow:0 2px 8px #0000001a;border-radius:8px}.page-title{margin-bottom:32px;color:#1f2937;font-weight:700;text-align:center}.emploi-form{display:flex;flex-direction:column;gap:24px}.form-row{display:flex;gap:16px;align-items:center}.form-row:last-of-type{margin-bottom:16px}.form-field{flex:1;min-width:0}.form-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.form-actions .save-btn,.form-actions .cancel-btn{min-width:120px}@media (max-width: 768px){.ajouter-modifier-container{padding:16px}.form-row,.form-actions{flex-direction:column;align-items:stretch}}.single .singleContainer .top{width:50%;display:flex;padding:20px;margin:20px auto;border-radius:5px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978}.loader{border:6px solid #f3f3f3;border-top:6px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-specialities{color:#999;text-align:center;font-style:italic;margin-top:20px}.single .singleContainer .bottom .specialities{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width: 768px){.single .singleContainer .bottom .specialities{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.single .singleContainer .bottom .specialities{grid-template-columns:repeat(3,1fr)}}.single .singleContainer .bottom .specialities .speciality{display:flex;align-items:center;justify-content:center;padding:5px 10px;background-color:#fff;border-radius:5px;font-size:14px;color:#616161;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978}.single .singleContainer .bottom .specialities .speciality .subtitle{text-align:center;margin-top:15px;font-size:16px}.single{display:flex;width:100%;background-color:#fff;color:#616161}.single .singleContainer{flex:6}.single .singleContainer .top{width:70%;display:flex;padding:20px;margin:20px auto;border-radius:5px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978}.single .singleContainer .top .title{font-size:24px;font-weight:600;color:#616161;text-align:center;flex:1}.single .singleContainer .bottom{width:100%;display:flex;flex-direction:column;padding:20px;gap:20px}.single .singleContainer .bottom .subtitle{font-size:18px;font-weight:600;color:#616161;margin-bottom:20px}.single .singleContainer .bottom .modules{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width: 768px){.single .singleContainer .bottom .modules{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.single .singleContainer .bottom .modules{grid-template-columns:repeat(3,1fr)}}.single .singleContainer .bottom .modules .module{display:flex;align-items:center;justify-content:center;padding:5px 10px;background-color:#fff;border-radius:5px;font-size:14px;color:#616161;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978}.single .singleContainer .bottom .modules .module .subtitle{text-align:center;margin-top:15px;font-size:16px}.new{width:100%;display:flex;flex-direction:column}.new .newContainer{flex:1;display:flex;flex-direction:column;padding:20px;margin-top:20px}.new .newContainer .top{box-shadow:2px 4px 10px #c9c9c978;background-color:#fff;border-radius:5px;margin:20px;padding:10px}.new .newContainer .top h1{font-size:20px;font-weight:300;color:#616161}.new .newContainer .bottom{box-shadow:2px 4px 10px #c9c9c978;background-color:#fff;border-radius:5px;margin:20px;padding:20px;display:flex;flex-direction:column;align-items:center}.new .newContainer .bottom .imageContainer{display:flex;justify-content:center;margin-bottom:30px}.new .newContainer .bottom .imageContainer .image{width:150px;height:150px;border-radius:50%;object-fit:cover}.new .newContainer .bottom .formContainer{width:100%}.new .newContainer .bottom .formContainer form{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}.new .newContainer .bottom .formContainer form .formInput{display:flex;flex-direction:column}.new .newContainer .bottom .formContainer form .formInput label{margin-bottom:5px;font-size:14px;color:#555}.new .newContainer .bottom .formContainer form .formInput input{padding:8px;font-size:16px;border:none;border-bottom:1px solid gray;outline:none;background:transparent}.new .newContainer .bottom .formContainer form .formInput input::placeholder{font-size:14px}.new .newContainer .bottom .formContainer form button{width:150px;padding:10px;border-radius:10px;border:none;background-color:#0a9048;color:#fff;font-weight:700;cursor:pointer;justify-self:center}.new .newContainer .bottom .formContainer form button:hover{background-color:#fff;color:#0a9048;border:1px solid #0a9048}@media (min-width: 600px){.new .newContainer .bottom .formContainer form{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.new .newContainer .bottom .formContainer form{grid-template-columns:repeat(3,1fr)}}.emplois-container{padding:24px;max-width:1200px;margin:0 auto}.emplois-card{box-shadow:0 2px 8px #0000001a;border-radius:8px}.page-title{margin-bottom:24px;color:#1f2937;font-weight:700}.filters-section{display:flex;gap:16px;margin-bottom:24px}.filters-section .filter-select{flex:1;min-width:200px}.table-section{margin-bottom:24px;overflow-x:auto}.table-container{min-width:100%}.table-container .time-header{width:120px;background-color:#f9fafb;font-weight:700}.table-container .day-header{text-align:center;min-width:150px;background-color:#f9fafb;font-weight:700}.table-container .time-cell{font-weight:500;background-color:#f9fafb;vertical-align:top}.table-container .slot-cell{padding:8px;height:96px;vertical-align:top}.emploi-slot{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978;background-color:#fff;border-radius:10px;padding:8px;font-size:12px;height:100%;display:flex;flex-direction:column;gap:2px}.emploi-slot .emploi-code{font-weight:700;color:#616161}.emploi-slot .emploi-type{color:#616161}.emploi-slot .emploi-matiere,.emploi-slot .emploi-enseignant{color:#616161;font-size:11px}.emploi-slot .emploi-actions{display:flex;gap:4px;margin-top:auto}.emploi-slot .emploi-actions .action-btn{min-width:24px;min-height:24px;padding:2px}.emploi-slot .emploi-actions .action-btn .MuiSvgIcon-root{font-size:12px}.emploi-slot .emploi-actions .delete-btn{color:#dc2626;border-color:#dc2626}.emploi-slot .emploi-actions .delete-btn:hover{background-color:#fef2f2;border-color:#dc2626}.actions-section{display:flex;gap:16px;margin-bottom:24px}.actions-section .create-btn{background-color:#059669}.actions-section .create-btn:hover{background-color:#047857}.actions-section .download-btn{display:flex;align-items:center;gap:8px}.pagination-section{display:flex;flex-direction:column;align-items:center;gap:8px}.pagination-section .pagination-info{color:#6b7280}@media (max-width: 768px){.emplois-container{padding:16px}.filters-section,.actions-section{flex-direction:column}.emploi-slot{font-size:10px}.emploi-slot .emploi-matiere,.emploi-slot .emploi-enseignant{font-size:9px}}.cellAction{margin-top:10px;display:flex;flex-direction:row;gap:10px;align-items:center}.cellAction span{display:inline-block;line-height:normal}.cellAction .viewButton,.cellAction .updateButton,.cellAction .deleteButton{padding:4px 8px;font-size:14px;border-radius:5px;margin-bottom:10px;cursor:pointer}.cellAction .viewButton{color:#00008b;border:1px dotted rgba(0,0,139,.6)}.cellAction .viewButton:hover{background-color:#00008b1a}.cellAction .updateButton{color:green;border:1px dotted rgba(0,128,0,.6)}.cellAction .updateButton:hover{background-color:#0080001a}.cellAction .deleteButton{color:#dc143c;border:1px dotted rgba(220,20,60,.6)}.cellAction .deleteButton:hover{background-color:#dc143c1a}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:1rem}.login__container{display:flex;width:100%;max-width:900px;min-height:600px;background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;overflow:hidden}@media (max-width: 768px){.login__container{flex-direction:column;max-width:400px;min-height:auto}}.login__welcome-panel{flex:1;background:linear-gradient(135deg,#fff,#fff);display:flex;border-right:2px solid #6BCF7F;align-items:center;justify-content:center;position:relative;padding:2rem;color:#fff}@media (max-width: 768px){.login__welcome-panel{padding:1.5rem 1rem;min-height:250px}}.login__welcome-content{text-align:center;z-index:2;position:relative}.login__welcome-title{font-size:2rem;font-weight:700;margin:0 0 1rem;line-height:1.2}@media (max-width: 768px){.login__welcome-title{font-size:1.5rem;margin-bottom:.75rem}}.login__welcome-text{font-size:1rem;line-height:1.6;margin:0 0 2rem;opacity:.9;max-width:280px}@media (max-width: 768px){.login__welcome-text{font-size:.875rem;margin-bottom:1.5rem;max-width:none}}.login__toggle-btn{background:transparent;border:2px solid #FFFFFF;color:#fff;padding:.75rem 2rem;border-radius:25px;font-size:.875rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.login__toggle-btn:hover{background:#fff;color:#4ecdc4;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff4d}.login__toggle-btn:active{transform:translateY(0)}@media (max-width: 768px){.login__toggle-btn{padding:.5rem 1.5rem;font-size:.75rem}}.login__shape{position:absolute;background:#ffffff1a;border-radius:20px}.login__shape--top{width:100px;height:100px;top:-50px;right:-50px;transform:rotate(45deg)}@media (max-width: 768px){.login__shape--top{width:60px;height:60px;top:-30px;right:-30px}}.login__shape--bottom{width:150px;height:150px;bottom:-75px;left:-75px;transform:rotate(45deg)}@media (max-width: 768px){.login__shape--bottom{width:80px;height:80px;bottom:-40px;left:-40px}}.login__form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}@media (max-width: 768px){.login__form-panel{padding:1.5rem 1rem}}.login__form-content{width:100%;max-width:320px}.login__form-title{font-size:1.5rem;font-weight:700;color:#343a40;text-align:center;margin:0 0 2rem}@media (max-width: 768px){.login__form-title{font-size:1.25rem;margin-bottom:1.5rem}}.login__social-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.login__social-btn{width:50px;height:50px;border:1px solid #E0E0E0;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.login__social-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;border-color:#4ecdc4}@media (max-width: 768px){.login__social-btn{width:45px;height:45px}}.login__social-icon{width:24px;height:24px}@media (max-width: 768px){.login__social-icon{width:20px;height:20px}}.login__divider{text-align:center;margin:1.5rem 0;position:relative;color:#6c757d;font-size:.875rem}.login__divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.login__divider span{background:#fff;padding:0 1rem;position:relative}.login__form{display:flex;flex-direction:column;gap:1rem}.login__input-group{position:relative}.login__input{width:100%;padding:1rem;border:1px solid #E0E0E0;border-radius:8px;font-size:1rem;background:#f8f9fa;transition:all .3s ease}.login__input:focus{outline:none;border-color:#4ecdc4;background:#fff;box-shadow:0 0 0 3px #4ecdc41a}.login__input::placeholder{color:#6c757d}@media (max-width: 768px){.login__input{padding:.75rem;font-size:.875rem}}.login__forgot{text-align:right;margin:.5rem 0}.login__forgot-link{color:#6c757d;text-decoration:none;font-size:.875rem;transition:color .3s ease}.login__forgot-link:hover{color:#4ecdc4}.login__submit-btn{background:linear-gradient(135deg,#4ecdc4,#45b7b8);color:#fff;border:none;border-radius:25px;padding:1rem 2rem;font-size:.875rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden}.login__submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #4ecdc44d}.login__submit-btn:active:not(:disabled){transform:translateY(0)}.login__submit-btn:disabled{cursor:not-allowed;opacity:.7}.login__submit-btn--loading{color:transparent}@media (max-width: 768px){.login__submit-btn{padding:.75rem 1.5rem;font-size:.75rem}}.login__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFFFFF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login__toggle-btn:focus-visible,.login__social-btn:focus-visible,.login__input:focus-visible,.login__submit-btn:focus-visible,.login__forgot-link:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}@media (prefers-contrast: high){.login__container{border:2px solid #343A40}.login__input,.login__social-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.login__toggle-btn,.login__social-btn,.login__input,.login__submit-btn{transition:none}.login__toggle-btn:hover,.login__social-btn:hover,.login__input:hover,.login__submit-btn:hover{transform:none}.login__spinner{animation:none}}.sidebar{background-color:#fff;border-right:.5px solid #e0e0e0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;box-shadow:0 2px 8px #0000001a}.sidebar.desktop{position:fixed;left:0;top:0;height:100vh;width:280px;z-index:100}.sidebar.desktop.open{transform:translate(0)}.sidebar.desktop.closed{transform:translate(-100%)}.sidebar.mobile{position:fixed;left:0;top:0;height:100vh;width:280px;z-index:1000;transform:translate(-100%)}.sidebar.mobile.open{transform:translate(0)}.sidebar .top{display:flex;height:120px;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid #f0f0f0}.sidebar .top .logo{display:flex;align-items:center;justify-content:center}.sidebar .top .logo .logo-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #0a9048}.sidebar .bottom{padding:20px 15px}.sidebar .bottom ul{list-style:none;margin:0;padding:0}.sidebar .bottom ul .title{font-size:12px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.5px;margin:25px 0 10px 15px}.sidebar .bottom ul .title:first-child{margin-top:0}.sidebar .bottom ul li{display:flex;align-items:center;margin-bottom:5px;border-radius:8px;transition:all .2s ease}.sidebar .bottom ul li:hover{background-color:#f8f9fa;transform:translate(2px)}.sidebar .bottom ul li .icon{font-size:20px;color:#666;margin:0 15px;min-width:20px;transition:color .2s ease}.sidebar .bottom ul li span{flex:1}.sidebar .bottom ul li span a{display:block;padding:12px 0;font-size:14px;font-weight:500;color:#333;text-decoration:none;transition:color .2s ease}.sidebar .bottom ul li span a:hover{color:#0a9048}.sidebar .bottom ul li span a.active{color:#0a9048!important;font-weight:600}.sidebar .bottom ul li:hover .icon{color:#0a9048}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.burger-menu{display:block;position:fixed;top:20px;left:20px;background-color:#fff;border:1px solid #e0e0e0;padding:10px;border-radius:8px;z-index:1001;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.burger-menu:hover{background-color:#f8f9fa;transform:scale(1.05)}.burger-menu svg{font-size:24px;color:#333;display:block}@media (min-width: 769px) and (max-width: 1024px){.sidebar.desktop{width:260px}}@media (min-width: 1025px){.sidebar.desktop{width:280px}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f1f1f1}.sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sidebar li span a.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:#0a9048;border-radius:0 2px 2px 0}.sidebar li{position:relative}