body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fc;color:#181b29;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}button{cursor:pointer;font-family:inherit}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{background-color:#f8f9fc;flex:1 1;padding:24px 0}.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo a{color:#3498db;display:flex;flex-direction:column;text-decoration:none}.logo h1{font-size:1.8rem;font-weight:700;margin:0}.logo .tagline{color:#7f8c8d;font-size:.8rem}.main-nav,.main-nav ul{align-items:center;display:flex;gap:20px}.main-nav ul{list-style:none;margin:0;padding:0}.main-nav li a{border:2px solid #0000;border-radius:6px;color:#34495e;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.main-nav li a:hover{background-color:#f8f9fa;border-color:#e9ecef;color:#3498db}.main-nav li a.active{background-color:#e8f4fd;border-color:#3498db;color:#3498db}.logout-btn{background-color:#e74c3c;border:2px solid #e74c3c;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background-color:#c0392b;border-color:#c0392b;transform:translateY(-1px)}.language-switcher{margin-left:0}.language-toggle{background-color:#3498db;border:2px solid #3498db;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-width:80px;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.language-toggle:hover{background-color:#2980b9;border-color:#2980b9;transform:translateY(-1px)}.language-toggle:active{transform:translateY(0)}.mobile-menu-toggle{cursor:pointer;display:none;flex-direction:column;height:21px;justify-content:space-between;width:30px}.mobile-menu-toggle span{background-color:#34495e;display:block;height:3px;transition:all .3s ease;width:100%}@media (max-width:768px){.mobile-menu-toggle{display:flex}.main-nav{background-color:#fff;box-shadow:0 5px 10px #0000001a;flex-direction:column;gap:15px;left:0;padding:20px;position:absolute;right:0;top:100%;transform:translateY(-150%);transition:transform .3s ease;z-index:99}.main-nav.show{transform:translateY(0)}.main-nav ul{flex-direction:column;gap:12px;width:100%}.main-nav li{width:100%}.main-nav li a{box-sizing:border-box;display:block}.logout-btn,.main-nav li a{text-align:center;width:100%}.language-switcher{margin-left:0;width:100%}.language-toggle{text-align:center;width:100%}.mobile-menu-toggle.active span:first-child{transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}.footer{background-color:#2c3e50;color:#ecf0f1;margin-top:60px;padding:60px 0 20px}.footer .container{margin:0 auto;max-width:1200px;padding:0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-section h3{color:#3498db;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-section h3:after{background-color:#3498db;bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.footer-section.about p{line-height:1.6;margin-bottom:20px;text-align:left}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background-color:#34495e;border-radius:50%;color:#ecf0f1;display:inline-flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.social-links a:hover{background-color:#3498db;transform:translateY(-3px)}.footer-section.links ul{list-style:none;padding:0;text-align:left}.footer-section.links li{margin-bottom:12px}.footer-section.links a{color:#ecf0f1;position:relative;text-decoration:none;transition:color .3s ease}.footer-section.links a:before{color:#3498db;content:"›";margin-right:8px}.footer-section.links a:hover{color:#3498db;padding-left:5px}.footer-section.contact p{align-items:center;display:flex;margin-bottom:12px;text-align:left}.footer-section.contact i{color:#3498db;margin-right:10px}.footer-bottom{border-top:1px solid #34495e;display:flex;flex-direction:column;gap:10px;padding-top:20px;text-align:center}.footer-bottom p{color:#bdc3c7;font-size:.9rem}.footer-bottom-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.footer-bottom-links a{color:#bdc3c7;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#3498db}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-section h3:after{left:50%;transform:translateX(-50%)}.social-links{justify-content:center}.footer-section.about p,.footer-section.contact p,.footer-section.links ul{text-align:center}.footer-section.contact p{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}}.registration-container{margin:0 auto;max-width:900px;padding:2rem 1rem}.registration-header{margin-bottom:2.5rem;text-align:center}.registration-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.registration-header p{color:#7f8c8d;font-size:1.2rem}.registration-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;margin-bottom:2rem;padding:2.5rem}.form-section{margin-bottom:2rem}.form-section h2{border-bottom:1px solid #eee;color:#2c3e50;font-size:1.5rem;padding-bottom:.5rem}.form-group,.form-section h2{margin-bottom:1.5rem}.registration-form label{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.registration-form input[type=email],.registration-form input[type=password],.registration-form input[type=tel],.registration-form input[type=text]{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.registration-form input:focus{border-color:#3498db;outline:none}.registration-form input.error{border-color:#e74c3c}.form-hint{color:#7f8c8d;display:block;font-size:.875rem;margin-top:.25rem}.terms-group{margin-top:1.5rem}.checkbox-group{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:1.5rem}.checkbox-group input[type=checkbox]{flex-shrink:0;height:16px;margin-top:2px;width:16px}.checkbox-group label{font-weight:400;line-height:1.4;margin-bottom:0}.checkbox-container input[type=checkbox]{margin-right:1.75rem;width:15px}.terms-link{color:#3498db;text-decoration:none}.terms-link:hover{text-decoration:underline}.form-note{margin:1.5rem 0}.registration-form .form-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.registration-form .btn-primary,.registration-form .btn-secondary{border:none!important;border-radius:6px!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-block!important;font-size:1rem!important;font-weight:600!important;min-width:120px!important;padding:.75rem 1.5rem!important;text-align:center!important;text-decoration:none!important;transition:background-color .3s ease!important}.registration-form .btn-primary{background-color:#3498db!important;color:#fff!important}.registration-form .btn-primary:hover{background-color:#2980b9!important}.registration-form .btn-secondary{background-color:#ecf0f1!important;color:#2c3e50!important}.registration-form .btn-secondary:hover{background-color:#dfe6e9!important}@media (max-width:768px){.registration-card{padding:1.5rem}.form-row{flex-direction:column;gap:0}.registration-form .form-actions{flex-direction:column;gap:1rem}.registration-form .form-actions .btn-primary,.registration-form .form-actions .btn-secondary{width:100%!important}}.dashboard-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.dashboard-header p{color:#7f8c8d;font-size:1.2rem}.mode-selection{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem}.mode-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;display:flex;flex:1 1;flex-direction:column;max-width:500px;min-width:280px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.mode-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-card h2{color:#2c3e50;font-size:1.75rem;margin-bottom:.75rem}.mode-card p{color:#7f8c8d;margin-bottom:1rem}.mode-description{line-height:1.5;margin-bottom:2rem}.dashboard-actions{display:flex;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{max-width:300px;width:100%}@media (max-width:768px){.mode-selection{align-items:center;flex-direction:column}.mode-card{width:100%}}.volunteer-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.volunteer-header{margin-bottom:2rem;text-align:center}.volunteer-header h1{color:#2c3e50;font-size:2.25rem;margin-bottom:.5rem}.volunteer-header p{color:#7f8c8d;font-size:1.1rem}.mode-switcher{justify-content:flex-start}.requests-section{margin-bottom:3rem}.requests-section h2{border-bottom:1px solid #e1e8ed;color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.request-card h3{color:#2c3e50;font-size:1.25rem;margin-bottom:1rem}.request-actions{justify-content:flex-end}.btn-contact,.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.btn-contact{background-color:#27ae60;color:#fff}.btn-contact:hover{background-color:#219653}.no-requests{background-color:#f8f9fa;border-radius:8px;color:#7f8c8d;padding:2rem;text-align:center}.request-own-tag{background-color:#3498db;border-radius:4px;color:#fff;font-size:.8rem;margin-left:.5rem;padding:.25rem .5rem}.own-request-notice{color:#7f8c8d;font-style:italic;padding:.5rem;text-align:center}.volunteer-info-section{background-color:#f8fafc;border-radius:12px;margin-top:2rem;padding:2rem}.volunteer-info-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}@media (max-width:768px){.requests-grid{grid-template-columns:1fr}}.patient-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.patient-header{margin-bottom:2.5rem;text-align:center}.patient-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.patient-header p{color:#7f8c8d;font-size:1.2rem}.mode-switcher{display:flex;justify-content:center}.mode-switcher,.success-message{margin-bottom:2rem}.success-content{align-items:center;background-color:#d1fae5;border-radius:8px;color:#10b981;display:flex;font-weight:500;justify-content:center;padding:1rem}.success-content svg{margin-right:.75rem}.request-form-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;margin-bottom:3rem;padding:2rem}.form-row,.request-form .form-group{margin-bottom:1.5rem}.form-row{gap:1.5rem}.form-row .form-group{margin-bottom:0}.request-form label{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.request-form input[type=date],.request-form input[type=text],.request-form input[type=time],.request-form select,.request-form textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:#3498db;outline:none}.request-form input.error,.request-form select.error,.request-form textarea.error{border-color:#e74c3c}.form-note{background-color:#f8fafc;border-radius:6px;color:#64748b;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.form-actions{justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-secondary{background-color:#ecf0f1;color:#2c3e50}.btn-secondary:hover{background-color:#dfe6e9}.request-info-section{background-color:#f8fafc;border-radius:12px;padding:2rem}.request-info-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.info-steps{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-step{align-items:flex-start;display:flex}.step-number{align-items:center;background-color:#3498db;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;margin-right:1rem;width:32px}.info-step p{color:#4b5563;margin:0}.requests-grid,.your-requests-section{margin-bottom:2rem}.requests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.request-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.request-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-3px)}.request-card .request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.request-category{background-color:#3498db;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.request-status{color:#27ae60;font-size:.9rem;font-weight:600}.request-details{flex-grow:1}.request-details p{color:#34495e;line-height:1.4;margin-bottom:.5rem}.request-description{border-top:1px solid #f1f1f1;color:#7f8c8d;font-style:italic;margin-top:.75rem;padding-top:.75rem}.request-actions{display:flex;justify-content:center;margin-top:1.5rem}.request-info{margin-top:1rem;text-align:center}.request-note{color:#7f8c8d;font-size:.85rem;font-style:italic}.your-request{border-left:4px solid #3498db}.btn-delete{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.btn-delete:hover{background-color:#c0392b}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.request-form-card{padding:1.5rem}.info-steps,.requests-grid{grid-template-columns:1fr}}.login-container{margin:0 auto;max-width:900px;padding:2rem 1rem}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.login-header p{color:#7f8c8d;font-size:1.2rem}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;margin:0 auto;max-width:500px;padding:2.5rem}.login-error-message{background-color:#fee2e2;border-radius:6px;color:#dc2626;margin-bottom:1.5rem;padding:.75rem;text-align:center}.login-form .form-group{margin-bottom:1.5rem}.login-form label{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.login-form input[type=email],.login-form input[type=password]{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.login-form input[type=email]:focus,.login-form input[type=password]:focus{border-color:#3498db;outline:none}.login-form input.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.875rem;margin-top:.5rem}.remember-me{justify-content:space-between}.checkbox-container,.remember-me{align-items:center;display:flex}.checkbox-container input[type=checkbox]{bottom:3px;height:1.25rem;margin-right:.5rem;position:relative}.forgot-password{color:#3498db;font-size:.9rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-form .form-actions{align-items:center!important;display:flex!important;justify-content:center!important;margin-top:2rem!important;text-align:center!important;width:100%!important}.login-form .btn-primary{background-color:#3498db!important;border:none!important;border-radius:6px!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:block!important;font-size:1rem!important;font-weight:600!important;margin:0 auto!important;max-width:100%!important;padding:.75rem 2rem!important;text-align:center!important;text-decoration:none!important;transition:background-color .3s!important;width:100%!important}.login-form .btn-primary:hover{background-color:#2980b9!important;transition:background-color .3s ease!important}.login-footer{color:#7f8c8d;margin-top:1.5rem;text-align:center}.register-link{color:#3498db;font-weight:500;text-decoration:none}.register-link:hover{text-decoration:underline}@media (max-width:576px){.login-card{padding:1.5rem}.remember-me{align-items:flex-start;flex-direction:column}.forgot-password{margin-top:.75rem}}.admin-sidebar{background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;color:#ecf0f1;display:flex;flex-direction:column;height:100vh;position:fixed;width:250px}.admin-logo{border-bottom:1px solid #ffffff1a;padding:20px}.admin-logo h2{color:#ecf0f1;font-size:1.5rem;margin:0}.admin-menu{display:flex;flex-direction:column;flex-grow:1;padding-top:20px}.admin-menu button{align-items:center;background:none;border:none;color:#bdc3c7;cursor:pointer;display:flex;font-size:1rem;padding:12px 20px;text-align:left;transition:all .2s ease}.admin-menu button:hover{background-color:#ffffff1a;color:#fff}.admin-menu button.active{background-color:#34495e;border-left:4px solid #3498db;color:#fff}.menu-icon{font-size:1.2rem;margin-right:10px}.admin-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:10px;padding:20px}.admin-content{flex-grow:1;margin-left:250px;padding:20px}.admin-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.admin-breadcrumb{color:#7f8c8d;font-size:.9rem}.admin-user-info{align-items:flex-end;display:flex;flex-direction:column}.admin-username{color:#2c3e50;font-weight:700}.admin-role{color:#7f8c8d;font-size:.8rem}.admin-body{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.stat-card{background-color:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.stat-card h3{color:#7f8c8d;font-size:.9rem;font-weight:400;margin-top:0}.stat-value{color:#2c3e50;font-size:2rem;font-weight:700}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.chart-data{display:flex;flex-direction:column;gap:10px;margin-top:20px}.chart-bar{align-items:center;display:flex;gap:10px}.chart-label{color:#7f8c8d;font-size:.9rem;width:150px}.chart-value{align-items:center;background-color:#3498db;border-radius:4px;color:#fff;display:flex;font-weight:700;height:30px;justify-content:flex-end;padding:0 10px;transition:width .3s ease}.admin-table-container{margin-bottom:20px;overflow-x:auto}.admin-table{border-collapse:collapse;margin-bottom:20px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left}.admin-table th{background-color:#f9f9f9;color:#2c3e50;font-weight:700}.admin-table tr:hover{background-color:#f5f7fa}.admin-section h3{border-bottom:1px solid #e0e0e0;color:#2c3e50;margin-bottom:15px;padding-bottom:10px}.admin-form{display:flex;flex-direction:column;gap:15px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1 1}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#34495e;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px}.form-group textarea{min-height:100px}.checkbox-group{align-items:center;flex-direction:row;gap:10px}.form-actions{display:flex;justify-content:flex-start;margin-top:10px}.form-actions.right{justify-content:flex-end}.admin-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-primary{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s ease}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .2s ease}.btn-secondary:hover{background-color:#7f8c8d}.btn-danger{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s ease}.btn-danger:hover{background-color:#c0392b}.btn-small{font-size:.8rem;margin-right:5px;padding:6px 10px}.btn-logout{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:.9rem;padding:5px 0;text-align:center;text-decoration:underline}.btn-logout:hover{color:#e74c3c}select.status-open{background-color:#f5f5f5;border:1px solid #ddd;color:#7f8c8d}select.status-in-progress{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}select.status-completed{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#388e3c}select.status-cancelled{background-color:#ffebee;border:1px solid #ffcdd2;color:#d32f2f}@media (max-width:768px){.admin-container{flex-direction:column}.admin-sidebar{border-bottom:1px solid #0000001a;height:auto;position:relative;width:100%}.admin-content{margin-left:0;padding:15px}.admin-menu{flex-direction:row;overflow-x:auto;padding:10px 0}.admin-menu button{padding:10px 15px}.admin-menu button.active{border-bottom:4px solid #3498db;border-left:none}.menu-icon{font-size:1.5rem;margin-right:0}.admin-footer{flex-direction:row;justify-content:space-between}.stats-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:15px}.admin-header{flex-direction:column;gap:10px}.admin-header,.admin-user-info{align-items:flex-start}}@media (max-width:480px){.admin-menu button span{display:none}.admin-menu button{justify-content:center}.menu-icon{margin-right:0}.btn-danger,.btn-primary,.btn-secondary{width:100%}.admin-actions{flex-direction:column}.admin-table td,.admin-table th{font-size:.9rem;padding:8px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-body{animation:fadeIn .3s ease}.admin-body h2{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem}.admin-overview,.admin-requests,.admin-settings,.admin-users{padding-bottom:1rem}.status-badge{border-radius:30px;display:inline-block;font-size:.8rem;font-weight:600;padding:5px 10px}.status-badge.open{background-color:#f5f5f5;color:#7f8c8d}.status-badge.in-progress{background-color:#e3f2fd;color:#1976d2}.status-badge.completed{background-color:#e8f5e9;color:#388e3c}.status-badge.cancelled{background-color:#ffebee;color:#d32f2f}.admin-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-bottom:30px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.admin-section:hover{box-shadow:0 6px 25px #0000001a;transform:translateY(-3px)}.progress-bar{background-color:#ecf0f1;border-radius:4px;height:8px;overflow:hidden}.progress-bar .fill{background-color:#3498db;border-radius:4px;height:100%;transition:width .3s ease}.empty-state{color:#95a5a6;padding:40px 20px;text-align:center}.empty-state-icon{color:#bdc3c7;font-size:3rem;margin-bottom:15px}.empty-state h3{color:#7f8c8d;margin-bottom:10px}.empty-state p{margin:0 auto;max-width:400px}.notification-badge{background-color:#e74c3c;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;height:20px;min-width:20px;position:absolute;right:-5px;top:-5px}.loading,.notification-badge{align-items:center;display:flex;justify-content:center}.loading{color:#7f8c8d;font-size:1.5rem;height:50vh}.user-avatar{align-items:center;background-color:#3498db;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin-right:10px;width:40px}.admin-overview .stat-card{border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.admin-overview .stat-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}[dir=rtl] .admin-container{direction:rtl}[dir=rtl] .admin-sidebar{box-shadow:-2px 0 5px #0000001a;left:auto;right:0}[dir=rtl] .admin-content{margin-left:0;margin-right:250px}[dir=rtl] .admin-menu button{text-align:right}[dir=rtl] .admin-menu button.active{border-left:none;border-right:4px solid #3498db}[dir=rtl] .menu-icon{margin-left:10px;margin-right:0}[dir=rtl] .admin-header{flex-direction:row-reverse}[dir=rtl] .admin-user-info{align-items:flex-start}[dir=rtl] .chart-bar{flex-direction:row-reverse}[dir=rtl] .chart-value{justify-content:flex-start}[dir=rtl] .form-row{flex-direction:row-reverse}[dir=rtl] .form-actions.right{justify-content:flex-start}[dir=rtl] .admin-table td,[dir=rtl] .admin-table th{text-align:right}[dir=rtl] .btn-small{margin-left:5px;margin-right:0}[dir=rtl] .user-avatar{margin-left:10px;margin-right:0}.admin-container{background-color:#f5f7fa;bottom:25px;display:flex;min-height:100vh;position:relative}
/*# sourceMappingURL=main.7ef156ca.css.map*/