@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap";:root{--primary: #5db54b;--primary-dark: #38712c;--secondary: #79aa6f;--accent: #06b6d4;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-family: "Noto Kufi Arabic", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .15rem;--space-2: .25rem;--space-3: .5rem;--space-4: .75rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--focus-ring: 0 0 0 3px rgb(37 99 235 / .3);--high-contrast-border: 2px solid var(--gray-900)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.6;color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input,textarea,select{font-family:var(--font-family)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-contrast:high){.job-card,.filter-card,.nav-item{border:var(--high-contrast-border)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.header{background:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header .nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;height:4rem;position:relative}.header .nav .logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:700;color:var(--primary);text-decoration:none;z-index:101}.header .nav .logo img{width:150px;height:50px;object-fit:contain}.header .nav .logo .logo-icon{color:var(--secondary)}.header .nav .hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:101}.header .nav .hamburger span{display:block;height:2px;width:100%;background-color:var(--gray-700);transition:all .3s ease;transform-origin:center}.header .nav .hamburger.hamburger--active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.header .nav .hamburger.hamburger--active span:nth-child(2){opacity:0}.header .nav .hamburger.hamburger--active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header .nav .nav-menu-container{display:flex;align-items:center;gap:var(--space-8)}.header .nav .nav-menu-container .nav-menu{display:flex;list-style:none;gap:var(--space-6)}.header .nav .nav-menu-container .nav-menu .nav-item .nav-link{text-decoration:none;color:var(--gray-600);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius);transition:all .2s ease}.header .nav .nav-menu-container .nav-menu .nav-item .nav-link:hover,.header .nav .nav-menu-container .nav-menu .nav-item .nav-link.active{color:var(--primary);background-color:var(--gray-50)}.header .nav .nav-menu-container .nav-actions{display:flex;gap:var(--space-3)}.header .nav .nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:98}@media(max-width:768px){.header .nav .hamburger{display:flex}.header .nav .nav-menu-container{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--white);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:5rem var(--space-6) var(--space-6);transition:right .3s ease;z-index:100;gap:var(--space-8)}.header .nav .nav-menu-container.nav-menu-container--active{right:0}.header .nav .nav-menu-container .nav-menu{flex-direction:column;gap:var(--space-4);width:100%}.header .nav .nav-menu-container .nav-menu .nav-item{width:100%}.header .nav .nav-menu-container .nav-menu .nav-item .nav-link{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius);width:100%;text-align:right}.header .nav .nav-menu-container .nav-actions{width:100%;justify-content:center;margin-top:auto}.header .nav .nav-menu-container .nav-actions .btn{width:100%;text-align:center}.header .nav .nav-overlay{display:block}}@media(max-width:1024px)and (min-width:769px){.header .nav .nav-menu-container .nav-menu{gap:var(--space-4)}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background-color:var(--primary);color:var(--white)}.btn.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.btn.btn-secondary{background-color:var(--gray-100);color:var(--gray-700)}.btn.btn-secondary:hover:not(:disabled){background-color:var(--gray-200)}.btn.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary)}.btn.btn-outline:hover:not(:disabled){background-color:var(--primary);color:var(--white)}.btn.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);padding:var(--space-20) 0 var(--space-16);position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:2}.hero .hero-content .hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff1a;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero .hero-content .hero-badge .badge-icon{font-size:var(--font-size-sm)}.hero .hero-content .hero-badge span{font-size:var(--font-size-sm);font-weight:500}.hero .hero-content .hero-title{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--space-6);display:flex}.hero .hero-content .hero-title .hero-title-main{display:block;font-weight:700}.hero .hero-content .hero-title .hero-title-highlight{display:block;font-weight:800}.hero .hero-content .hero-description{font-size:var(--font-size-lg);margin-bottom:var(--space-8);opacity:.9;line-height:1.7}.hero .hero-content .hero-description strong{color:gold}.hero .hero-content .hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-10)}.hero .hero-content .hero-actions .btn-large{font-size:var(--font-size-lg);font-weight:600}.hero .hero-content .hero-actions .btn-secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.hero .hero-content .hero-actions .btn-secondary:hover{background:#fff3;border-color:#ffffff80}.hero .hero-content .hero-stats-preview{display:flex;gap:var(--space-8)}.hero .hero-content .hero-stats-preview .stat-item{text-align:center}.hero .hero-content .hero-stats-preview .stat-item .stat-number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:gold}.hero .hero-content .hero-stats-preview .stat-item .stat-label{display:block;font-size:var(--font-size-sm);opacity:.8;margin-top:var(--space-1)}.hero .hero-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.hero .hero-visual .hero-main-image{width:300px;height:300px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);overflow:hidden;position:relative}.hero .hero-visual .hero-main-image .hero-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.hero .hero-visual .hero-main-image .image-placeholder{color:#ffffffb3}.hero .hero-visual .floating-card{position:absolute;background:var(--white);color:var(--primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-2);font-weight:600;box-shadow:var(--shadow-lg);animation:float 3s ease-in-out infinite}.hero .hero-visual .floating-card.card-1{top:20%;left:10%;animation-delay:0s}.hero .hero-visual .floating-card.card-2{top:60%;left:5%;animation-delay:1s}.hero .hero-visual .floating-card.card-3{top:40%;right:10%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats{padding:var(--space-12) 0;background:var(--gray-50)}.stats .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.stats .stat-card{text-align:center;padding:var(--space-6)}.stats .stat-card .stat-icon{width:60px;height:60px;margin:0 auto var(--space-4);background:var(--primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--font-size-xl)}.stats .stat-card .stat-number{display:block;font-size:var(--font-size-3xl);font-weight:800;color:var(--primary);margin-bottom:var(--space-2)}.stats .stat-card .stat-label{color:var(--gray-600);font-weight:500}.how-it-works{padding:var(--space-16) 0;background:var(--white)}.how-it-works .section-title{text-align:center;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-12);color:var(--gray-900)}.how-it-works .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);counter-reset:step}.how-it-works .step-card{text-align:center;padding:var(--space-8);position:relative}.how-it-works .step-card:before{counter-increment:step;content:counter(step);position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg)}.how-it-works .step-card .step-icon{width:80px;height:80px;margin:var(--space-6) auto var(--space-4);background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:var(--font-size-2xl)}.how-it-works .step-card .step-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--gray-900)}.how-it-works .step-card .step-description{color:var(--gray-600);line-height:1.6}.testimonials{padding:var(--space-16) 0;background:var(--gray-50)}.testimonials .section-title{text-align:center;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-12);color:var(--gray-900)}.testimonials .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.testimonials .testimonial-card{background:var(--white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.testimonials .testimonial-card .testimonial-content{font-style:italic;color:var(--gray-700);line-height:1.7;margin-bottom:var(--space-4);position:relative}.testimonials .testimonial-card .testimonial-content:before{content:'"';font-size:var(--font-size-4xl);color:var(--primary);opacity:.3;position:absolute;top:-10px;right:-5px}.testimonials .testimonial-card .testimonial-author{display:flex;align-items:center;gap:var(--space-3)}.testimonials .testimonial-card .testimonial-author .author-avatar{width:50px;height:50px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:600}.testimonials .testimonial-card .testimonial-author .author-info .author-name{font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.testimonials .testimonial-card .testimonial-author .author-info .author-role{color:var(--gray-600);font-size:var(--font-size-sm)}.cta-section{padding:var(--space-16) 0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);text-align:center}.cta-section .cta-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;justify-content:center}.cta-section .cta-content .cta-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4)}.cta-section .cta-content .cta-description{font-size:var(--font-size-lg);margin-bottom:var(--space-8);opacity:.9;line-height:1.6}.cta-section .cta-content .cta-actions{display:flex;gap:var(--space-4);justify-content:center}.cta-section .cta-content .cta-actions .btn-large{font-size:var(--font-size-lg);font-weight:600}.cta-section .cta-content .cta-actions .btn-light{background:var(--white);color:var(--primary)}.cta-section .cta-content .cta-actions .btn-light:hover{background:var(--gray-100)}.cta-section .cta-content .cta-actions .btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-section .cta-content .cta-actions .btn-secondary:hover{background:#fff3;border-color:#ffffff80}.hero .hero-wave{display:none}@media(max-width:768px){.stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.steps{grid-template-columns:1fr!important;gap:var(--space-10)!important}.cta-section .cta-actions{flex-direction:column;align-items:center}.cta-section .cta-actions .btn{width:100%;max-width:300px}}@media(max-width:480px){.stats .stats-grid{grid-template-columns:1fr}}@media(max-width:768px){.hero{padding:var(--space-12) 0;text-align:center}.hero .container{grid-template-columns:1fr;gap:var(--space-8)}.hero .hero-content .hero-title{font-size:var(--font-size-3xl)}.hero .hero-content .hero-actions{flex-direction:column}.hero .hero-content .hero-stats-preview{justify-content:center}.hero .hero-visual{height:300px}.hero .hero-visual .hero-main-image{width:200px;height:200px}.hero .hero-visual .floating-card{display:none}.stats .stats-grid{grid-template-columns:repeat(2,1fr)}.cta-section .cta-actions{flex-direction:column;align-items:center}}.search-box{display:flex;background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-lg)}.search-box .search-input{flex:1;padding:var(--space-4);border:none;border-radius:var(--radius);font-size:var(--font-size-base)}.search-box .search-input:focus{outline:none}.search-box .search-button{padding:var(--space-4) var(--space-8);border-radius:var(--radius)}.features{padding:var(--space-16) 0;background-color:var(--white)}.features .section-title{text-align:center;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-12);color:var(--gray-900)}.features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.feature-card{background:var(--white);padding:var(--space-8);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card .feature-icon{width:64px;height:64px;margin:0 auto var(--space-6);background:var(--gray-100);border-radius:var(--radius-xl);border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:var(--font-size-2xl)}.feature-card .feature-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--gray-900)}.feature-card .feature-description{color:var(--gray-600);line-height:1.6}.jobs-section{padding:var(--space-16) 0;background-color:var(--gray-50)}.jobs-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.jobs-section .section-header .section-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900)}.filter-section{background:var(--white);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.filter-section .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.filter-group .filter-label{display:block;font-weight:500;margin-bottom:var(--space-2);color:var(--gray-700);font-size:var(--font-size-sm)}.filter-group .filter-select{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius);background-color:var(--white);font-size:var(--font-size-sm)}.filter-group .filter-select:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.job-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .3s ease;cursor:pointer}.job-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.job-card .job-header{display:flex;justify-content:between;align-items:flex-start;margin-bottom:var(--space-4)}.job-card .job-header .company-logo{width:48px;overflow:hidden;height:48px;background:var(--gray-100);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-left:var(--space-4);font-weight:600;color:var(--primary);border:1px solid var(--gray-300)}.job-card .job-header .job-meta{flex:1}.job-card .job-header .job-meta .job-title{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.job-card .job-header .job-meta .company-name{color:var(--gray-600);font-size:var(--font-size-sm)}.job-card .job-header .job-type{background:var(--gray-100);color:var(--gray-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.job-card .job-details{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.job-card .job-details .job-detail{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-600);font-size:var(--font-size-sm)}.job-card .job-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.job-card .job-tags .job-tag{background:var(--gray-100);color:var(--gray-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.job-card .job-actions{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.accessibility-panel{position:fixed;top:50%;right:0;transform:translateY(-50%);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg) 0 0 var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-lg);z-index:1000}.accessibility-panel .accessibility-toggle{background:var(--primary);color:var(--white);border:none;border-radius:var(--radius);padding:var(--space-3);cursor:pointer;margin-bottom:var(--space-4)}.accessibility-panel .accessibility-menu{display:flex;flex-direction:column;gap:var(--space-3)}.accessibility-panel .accessibility-menu .accessibility-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:none;background:var(--gray-50);border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-sm);transition:all .2s ease}.accessibility-panel .accessibility-menu .accessibility-option:hover{background:var(--gray-100)}.footer{background:var(--gray-900);color:var(--white);padding:var(--space-12) 0 var(--space-6);margin-top:auto}.footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer .footer-section .footer-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-3);color:var(--white)}.footer .footer-section .footer-subtitle{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3);color:var(--white)}.footer .footer-section .footer-description{color:var(--gray-400);line-height:1.6;margin:0}.footer .footer-section .footer-links{list-style:none;padding:0;margin:0}.footer .footer-section .footer-links li{margin-bottom:var(--space-2)}.footer .footer-section .footer-links li a,.footer .footer-section .footer-links li span{color:var(--gray-400);text-decoration:none;transition:color .2s ease}.footer .footer-section .footer-links li a:hover,.footer .footer-section .footer-links li span:hover{color:var(--white)}.footer .footer-bottom{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--gray-700);color:var(--gray-400);font-size:var(--font-size-sm)}.footer .footer-bottom a{color:#fff;text-decoration:none}.footer .footer-bottom a:hover{color:var(--primary)}.footer .social-links{display:flex;direction:rtl;gap:1rem;justify-content:start;align-items:center;margin-top:1rem}.footer .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f0f0f0;border-radius:50%;color:#333;text-decoration:none;transition:all .3s ease}.footer .social-links a:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px)}.footer .social-links svg{width:20px;height:20px}@media(max-width:768px){.header .nav{gap:var(--space-4);padding:0 1rem}.header .nav .nav-menu{gap:var(--space-4)}.hero .hero-content .hero-title{font-size:var(--font-size-3xl)}.search-box{flex-direction:column;gap:var(--space-3)}.search-box .search-input{margin-bottom:var(--space-2)}.jobs-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:var(--space-4);align-items:flex-start}}.job-details-page{padding:var(--space-8) 0}.job-details-page .back-navigation{margin-bottom:var(--space-6)}.job-details-page .back-navigation .back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gray-600);text-decoration:none;font-weight:500}.job-details-page .back-navigation .back-link:hover{color:var(--primary)}.job-details-page .job-details-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-8)}@media(max-width:768px){.job-details-page .job-details-layout{grid-template-columns:1fr}}.job-details-main .job-details-header{background:var(--white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.job-details-main .job-details-header .company-section{display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}.job-details-main .job-details-header .company-section .company-logo-large{width:80px;height:80px;overflow:hidden;background:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;color:var(--primary);flex-shrink:0}.job-details-main .job-details-header .company-section .company-info{flex:1}.job-details-main .job-details-header .company-section .company-info .job-title-main{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.job-details-main .job-details-header .company-section .company-info .company-name-main{font-size:var(--font-size-xl);color:var(--gray-600);margin-bottom:var(--space-4)}.job-details-main .job-details-header .company-section .company-info .job-meta-main{display:flex;gap:var(--space-3)}.job-details-main .job-details-header .company-section .company-info .job-meta-main .job-type-large,.job-details-main .job-details-header .company-section .company-info .job-meta-main .job-experience{background:var(--gray-100);color:var(--gray-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500}.job-details-main .job-details-header .job-actions-main{display:flex;gap:var(--space-3);flex-wrap:wrap}.job-details-main .job-details-content{background:var(--white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.quick-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-200)}.quick-info-grid .quick-info-item{display:flex;align-items:center;gap:var(--space-3)}.quick-info-grid .quick-info-item .quick-info-icon{color:var(--primary);font-size:var(--font-size-xl)}.quick-info-grid .quick-info-item .quick-info-label{display:block;font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-1)}.quick-info-grid .quick-info-item .quick-info-value{display:block;font-weight:600;color:var(--gray-900)}.job-section{margin-bottom:var(--space-8)}.job-section h3{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4)}.job-section .job-description-content{line-height:1.7;color:var(--gray-700)}.job-section .responsibilities-list,.job-section .requirements-list{list-style:none;padding:0}.job-section .responsibilities-list li,.job-section .requirements-list li{padding:var(--space-2) 0;padding-right:var(--space-6);position:relative;color:var(--gray-700)}.job-section .responsibilities-list li:before,.job-section .requirements-list li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;right:0}.accessibility-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.accessibility-features .accessibility-feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.accessibility-features .accessibility-feature .feature-icon{color:var(--success)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.benefits-grid .benefit-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius)}.benefits-grid .benefit-item .benefit-icon{color:var(--success)}.job-details-sidebar .sidebar-card{background:var(--white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.job-details-sidebar .sidebar-card h4{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4)}.job-details-sidebar .sidebar-card .job-overview .overview-item{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--gray-200)}.job-details-sidebar .sidebar-card .job-overview .overview-item:last-child{border-bottom:none}.job-details-sidebar .sidebar-card .job-overview .overview-item .overview-label{color:var(--gray-600)}.job-details-sidebar .sidebar-card .job-overview .overview-item .overview-value{font-weight:600;color:var(--gray-900)}.job-details-sidebar .sidebar-card .btn-block{width:100%;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.modal-content .modal-header h3{margin:0;color:var(--gray-900)}.modal-content .modal-header .modal-close{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--gray-500);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-content .modal-header .modal-close:hover{color:var(--gray-700)}.application-form{padding:var(--space-6)}.application-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.application-form .form-grid .form-group.full-width{grid-column:1/-1}.application-form .form-grid .form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--gray-700)}.application-form .form-grid .form-group input,.application-form .form-grid .form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:var(--font-size-sm)}.application-form .form-grid .form-group input:focus,.application-form .form-grid .form-group textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.application-form .form-grid .form-group textarea{resize:vertical}.application-form .form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.loading-state{text-align:center;padding:var(--space-12);color:var(--gray-500)}.loading-state .loading-content{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.loading-state .loading-spinner{animation:spin 1s linear infinite}.no-results{text-align:center;padding:var(--space-16);color:var(--gray-500)}.no-results .no-results-icon{margin-bottom:var(--space-4);font-size:48px}.no-results h3{margin-bottom:var(--space-2);color:var(--gray-700)}.job-not-found{text-align:center;padding:var(--space-16);color:var(--gray-500)}.job-not-found h2{margin-bottom:var(--space-4);color:var(--gray-700)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-section{margin-bottom:var(--space-6)}.search-section .search-box{position:relative;max-width:500px;margin:0 auto;border:1px solid #ddd}.search-section .search-box .search-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-section .search-box .search-input{padding-right:var(--space-12)}.job-card-link{text-decoration:none;color:inherit;display:block}.job-card-link:hover{color:inherit}.btn-icon{font-size:var(--font-size-sm)}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--gray-50)}.sidebar{width:280px;background:var(--white);border-left:1px solid var(--gray-200);display:flex;flex-direction:column;position:fixed;top:0;right:0;height:100vh;z-index:40;transform:translate(100%);transition:transform .3s ease}@media(min-width:1024px){.sidebar{position:relative;transform:translate(0)}}.sidebar.sidebar-open{transform:translate(0)}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.sidebar-header .sidebar-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--primary);margin:0}.sidebar-header .sidebar-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--gray-500);padding:var(--space-1)}@media(min-width:1024px){.sidebar-header .sidebar-close{display:none}}.sidebar-nav{flex:1;padding:var(--space-4)}.sidebar-nav .nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--gray-600);text-decoration:none;margin-bottom:var(--space-2);transition:all .2s ease}.sidebar-nav .nav-item:hover{background-color:var(--gray-100);color:var(--gray-900)}.sidebar-nav .nav-item.nav-item-active{background-color:var(--primary);color:var(--white)}.sidebar-nav .nav-item .nav-icon{font-size:var(--font-size-lg)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--gray-200)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:30}@media(min-width:1024px){.sidebar-overlay{display:none}}.dashboard-main{flex:1;display:flex;flex-direction:column}.top-bar{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.top-bar .menu-button{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--gray-600);padding:var(--space-2)}@media(min-width:1024px){.top-bar .menu-button{display:none}}.dashboard-content{flex:1;padding:var(--space-6)}.dashboard-page .page-header{margin-bottom:var(--space-8)}.dashboard-page .page-header .page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.dashboard-page .page-header .page-description{color:var(--gray-600);margin:0}.dashboard-page .page-header .header-content{display:flex;align-items:center;justify-content:space-between}.dashboard-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.dashboard-page .stat-card{background:var(--white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);align-items:center;gap:var(--space-4)}.dashboard-page .stat-card .stat-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--font-size-2xl)}.dashboard-page .stat-card .stat-content .stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900);margin:0 0 var(--space-1) 0}.dashboard-page .stat-card .stat-content .stat-title{color:var(--gray-600);margin:0;font-size:var(--font-size-sm)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.dashboard-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.dashboard-card .card-header{padding:var(--space-6) var(--space-6) 0;display:flex;align-items:center;justify-content:space-between}.dashboard-card .card-header .card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-900);margin:0}.dashboard-card .card-header .card-action{display:flex;align-items:center;gap:var(--space-2);color:var(--primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500}.dashboard-card .card-content{padding:var(--space-6)}.recent-list .recent-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4) 0;border-bottom:1px solid var(--gray-200)}.recent-list .recent-item:last-child{border-bottom:none}.recent-list .recent-item .recent-item-main{flex:1}.recent-list .recent-item .recent-item-main .recent-item-title{font-weight:600;color:var(--gray-900);margin:0 0 var(--space-1) 0;font-size:var(--font-size-sm)}.recent-list .recent-item .recent-item-main .recent-item-subtitle{color:var(--gray-600);margin:0 0 var(--space-1) 0;font-size:var(--font-size-sm)}.recent-list .recent-item .recent-item-main .recent-item-job{color:var(--gray-500);margin:0;font-size:var(--font-size-xs)}.recent-list .recent-item .recent-item-meta{text-align:left}.recent-list .recent-item .recent-item-meta .recent-item-time{display:block;color:var(--gray-500);font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.recent-list .recent-item .recent-item-meta .recent-item-badge{background:var(--gray-100);color:var(--gray-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.status-badge.status-pending{background:var(--warning);color:var(--white)}.status-badge.status-reviewed{background:var(--accent);color:var(--white)}.status-badge.status-accepted{background:var(--success);color:var(--white)}.status-badge.status-rejected{background:var(--error);color:var(--white)}.status-badge.status-active{background:var(--success);color:var(--white)}.status-badge.status-expired{background:var(--gray-400);color:var(--white)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.quick-actions .quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);text-decoration:none;color:var(--gray-700);transition:all .2s ease}.quick-actions .quick-action:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.quick-actions .quick-action .action-icon{font-size:var(--font-size-2xl)}.quick-actions .quick-action span{font-weight:500;text-align:center}.empty-state{text-align:center;padding:var(--space-12);color:var(--gray-500)}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{margin-bottom:var(--space-2);color:var(--gray-700)}.empty-state p{margin-bottom:var(--space-4)}.filters-card{background:var(--white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-bottom:var(--space-6)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);align-items:end}.filter-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--gray-700);font-size:var(--font-size-sm)}.filter-group input,.filter-group select{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:var(--font-size-sm)}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-input-wrapper input{padding-right:var(--space-10)}.filter-actions{display:flex;align-items:end;height:42px}.table-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--space-4) var(--space-4);text-align:right;border-bottom:1px solid var(--gray-200)}.data-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);font-size:var(--font-size-sm)}.data-table td{font-size:var(--font-size-sm)}.data-table .job-title-cell strong{color:var(--gray-900)}.data-table .badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.data-table .badge.badge-outline{background:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.data-table .applications-count{background:var(--primary);color:var(--white);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.data-table .action-buttons{display:flex;gap:var(--space-2)}.data-table .action-buttons .btn{padding:0}.data-table .action-buttons .btn-icon{background:none;border:none;padding:var(--space-2);border-radius:var(--radius);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease}.data-table .action-buttons .btn-icon:hover{background:var(--gray-100);color:var(--gray-900)}.data-table .action-buttons .btn-icon.btn-danger:hover{background:var(--error);color:var(--white)}@media(max-width:768px){.dashboard-grid,.stats-grid,.filters-grid,.quick-actions{grid-template-columns:1fr}.data-table{min-width:800px}}.form-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);padding:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.form-grid .form-group.full-width{grid-column:1/-1}.form-grid .form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--gray-700);font-size:var(--font-size-sm)}.form-grid .form-group input,.form-grid .form-group select,.form-grid .form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:var(--font-size-sm);transition:all .2s ease}.form-grid .form-group input:focus,.form-grid .form-group select:focus,.form-grid .form-group textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.form-grid .form-group input.error,.form-grid .form-group select.error,.form-grid .form-group textarea.error{border-color:var(--error)}.form-grid .form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.features-input .input-group{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.features-input .input-group input{flex:1}.features-input .input-group button{padding:var(--space-3)}.features-input .features-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.features-input .feature-tag{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.features-input .feature-tag .remove-feature{background:none;border:none;color:var(--white);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.features-input .feature-tag .remove-feature:hover{opacity:.8}.header-actions{display:flex;gap:var(--space-3);align-items:center}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.header-content{flex-direction:column;gap:var(--space-4);align-items:flex-start}}.applicant-info{display:flex;align-items:center;gap:var(--space-3)}.applicant-info .applicant-avatar{width:40px;height:40px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-600)}.applicant-info .applicant-email{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-1)}.contact-info .contact-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-1)}.contact-info .contact-item:last-child{margin-bottom:0}.company-name{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-1)}.status-select{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;outline:none}.status-select.large{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.status-select:focus{box-shadow:var(--focus-ring)}.application-details-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}@media(max-width:1024px){.application-details-layout{grid-template-columns:1fr}}.detail-grid .detail-item .detail-label{display:flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--gray-700);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.detail-grid .detail-item .detail-label .detail-icon{color:var(--gray-500)}.detail-grid .detail-item .detail-value{color:var(--gray-900);font-size:var(--font-size-sm)}.cover-letter-content,.job-description-content{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--gray-200);line-height:1.6;white-space:pre-wrap}.application-sidebar .sidebar-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);padding:var(--space-6);margin-bottom:var(--space-6)}.application-sidebar .sidebar-card h4{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4)}.application-sidebar .sidebar-card .sidebar-actions{display:flex;flex-direction:column;gap:var(--space-3)}.application-sidebar .sidebar-card .sidebar-actions .btn-block{width:100%;justify-content:center}.application-sidebar .sidebar-card .status-badge.large{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius);text-align:center;display:block;margin-bottom:var(--space-3)}.application-sidebar .sidebar-card .status-help{font-size:var(--font-size-sm);color:var(--gray-600);text-align:center;margin:0}.large-modal{max-width:800px;max-height:90vh;overflow-y:auto}.modal-body{padding:var(--space-6)}.modal-actions{padding:var(--space-6);border-top:1px solid var(--gray-200);display:flex;gap:var(--space-3);justify-content:flex-end}.application-details .detail-section{margin-bottom:var(--space-6)}.application-details .detail-section:last-child{margin-bottom:0}.application-details .detail-section h4{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4)}.application-details .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.application-details .detail-section .detail-item label{display:block;font-weight:500;color:var(--gray-700);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.application-details .detail-section .detail-item span,.application-details .detail-section .detail-item a{display:block;color:var(--gray-900);font-size:var(--font-size-sm)}.application-details .detail-section .cover-letter{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--gray-200);line-height:1.6;white-space:pre-wrap;max-height:200px;overflow-y:auto}.bg-yellow-100{background-color:#fef3c7}.text-yellow-800{color:#92400e}.border-yellow-200{border-color:#fcd34d}.bg-blue-100{background-color:#dbeafe}.text-blue-800{color:#1e40af}.border-blue-200{border-color:#93c5fd}.bg-green-100{background-color:#dcfce7}.text-green-800{color:#166534}.border-green-200{border-color:#86efac}.bg-red-100{background-color:#fee2e2}.text-red-800{color:#991b1b}.border-red-200{border-color:#fca5a5}.bg-gray-100{background-color:#f3f4f6}.text-gray-800{color:#374151}.border-gray-200{border-color:#e5e7eb}@media(max-width:768px){.application-details-layout,.detail-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.large-modal{margin:var(--space-4);width:calc(100% - var(--space-8))}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);padding:var(--space-6)}.auth-card{background:var(--white);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-header .auth-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.auth-header .auth-subtitle{color:var(--gray-600);margin:0}.auth-form .form-group{margin-bottom:var(--space-6)}.auth-form .form-label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--gray-700);font-size:var(--font-size-sm)}.auth-form .input-wrapper{position:relative}.auth-form .input-wrapper .input-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:var(--font-size-lg)}.auth-form .input-wrapper .password-toggle{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center}.auth-form .input-wrapper .password-toggle:hover{color:var(--gray-600)}.auth-form .form-input{width:100%;padding:var(--space-3) var(--space-10);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:var(--font-size-sm);transition:all .2s ease}.auth-form .form-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.auth-form .form-input.error{border-color:var(--error)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--gray-700)}.checkbox-label input{display:none}.checkbox-label .checkmark{width:16px;height:16px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-label .checkmark:after{content:"";width:8px;height:8px;background:var(--primary);border-radius:1px;opacity:0;transition:opacity .2s ease}.checkbox-label input:checked+.checkmark{border-color:var(--primary);background:var(--primary)}.checkbox-label input:checked+.checkmark:after{opacity:1}.auth-button{width:100%;padding:var(--space-3);background:var(--primary);color:var(--white);border:none;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.auth-button:hover:not(:disabled){background:var(--primary-dark)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.auth-footer p{color:var(--gray-600);margin:0}.auth-footer .auth-link{color:var(--primary);text-decoration:none;font-weight:500}.auth-footer .auth-link:hover{text-decoration:underline}.user-info{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.user-info .user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.user-info .user-details .user-name{font-weight:600;color:var(--gray-900);font-size:var(--font-size-sm)}.user-info .user-details .user-email{color:var(--gray-500);font-size:var(--font-size-xs)}.logout-button{width:100%;text-align:center;background:none;justify-content:center;border:none;border-radius:10px;color:var(--error);background-color:var(--gray-300);display:flex;align-items:center;gap:.5rem;transition:.2s;cursor:pointer;padding:var(--space-3) var(--space-4)}.logout-button:hover{color:var(--gray-100);background:var(--error)}.error-message{color:var(--error);font-size:var(--font-size-sm);margin-top:var(--space-1)}@media(max-width:640px){.auth-container{padding:var(--space-4)}.auth-card{padding:var(--space-6)}}.user-info{display:flex;align-items:center;gap:var(--space-3)}.user-info .user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-600);flex-shrink:0}.user-info .user-details{min-width:0}.user-info .user-details strong{display:block;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.user-info .user-details .user-email{font-size:var(--font-size-sm);color:var(--gray-500);margin:0}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize;border:1px solid transparent}.badge.badge-purple{background:#8b5cf61a;color:var(--secondary);border-color:#8b5cf633}.badge.badge-blue{background:#3b82f61a;color:var(--primary-dark);border-color:#3b82f633}.badge.badge-success{background:#10b9811a;color:var(--success);border-color:#10b98133}.badge.badge-error{background:#ef44441a;color:var(--error);border-color:#ef444433}.badge.badge-warning{background:#f59e0b1a;color:var(--warning);border-color:#f59e0b33}.badge.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-icon{background:none;border:none;padding:var(--space-2);border-radius:var(--radius);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease;font-size:var(--font-size-sm)}.btn-icon:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.btn-warning{color:var(--warning)}.btn-icon.btn-warning:hover:not(:disabled){background:var(--warning);color:var(--white)}.btn-icon.btn-success{color:var(--success)}.btn-icon.btn-success:hover:not(:disabled){background:var(--success);color:var(--white)}.btn-icon.btn-danger{color:var(--error)}.btn-icon.btn-danger:hover:not(:disabled){background:var(--error);color:var(--white)}.btn-icon.btn-primary{color:var(--primary)}.btn-icon.btn-primary:hover:not(:disabled){background:var(--primary);color:var(--white)}.user-details-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}@media(max-width:1024px){.user-details-layout{grid-template-columns:1fr}}.user-main .sidebar-card,.user-sidebar .sidebar-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);padding:var(--space-6);margin-bottom:var(--space-6)}.user-main .sidebar-card h4,.user-sidebar .sidebar-card h4{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-200)}.user-main .sidebar-card .sidebar-actions,.user-sidebar .sidebar-card .sidebar-actions{display:flex;flex-direction:column;gap:var(--space-3)}.user-main .sidebar-card .sidebar-actions .btn-block,.user-sidebar .sidebar-card .sidebar-actions .btn-block{width:100%;justify-content:center}.status-summary{text-align:center}.status-summary .status-help{font-size:var(--font-size-sm);color:var(--gray-600);margin:var(--space-2) 0 0 0;line-height:1.4}.permissions-list .permission-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius);margin-bottom:var(--space-3);border:1px solid var(--gray-200)}.permissions-list .permission-item .permission-icon{color:var(--primary);flex-shrink:0}.permissions-list .permission-item span{font-weight:500;color:var(--gray-700)}.permissions-list .permission-note{font-size:var(--font-size-sm);color:var(--gray-600);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius);border-right:3px solid var(--primary);line-height:1.5;margin:0}.detail-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);padding:var(--space-6);margin-bottom:var(--space-6)}.detail-card .detail-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-200)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.detail-grid .detail-item .detail-label{display:flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--gray-700);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.detail-grid .detail-item .detail-label .detail-icon{color:var(--gray-500);flex-shrink:0}.detail-grid .detail-item .detail-value{color:var(--gray-900);font-size:var(--font-size-sm);line-height:1.4}.detail-grid .detail-item .detail-value a{color:var(--primary);text-decoration:none}.detail-grid .detail-item .detail-value a:hover{text-decoration:underline}.form-grid .form-group label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.form-grid .form-group .input-wrapper{position:relative}.form-grid .form-group .input-wrapper .password-toggle{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;z-index:2}.form-grid .form-group .input-wrapper .password-toggle:hover{color:var(--gray-600)}.form-grid .form-group .input-wrapper input{padding-right:var(--space-10);padding-left:var(--space-10)}.help-text{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-2);margin-bottom:0;line-height:1.4}.inline-icon{display:inline-block;margin-left:var(--space-2);color:var(--gray-500)}.text-sm{font-size:var(--font-size-sm)!important}.text-gray-500{color:var(--gray-500)!important}.text-gray-600{color:var(--gray-600)!important}.mt-1{margin-top:var(--space-1)!important}.mt-2{margin-top:var(--space-2)!important}.action-buttons{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-end}@media(max-width:640px){.action-buttons{justify-content:flex-start;flex-wrap:wrap}}.status-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.status-toggle:hover{border-color:var(--primary);color:var(--primary)}.status-toggle.active{background:var(--success);border-color:var(--success);color:var(--white)}.status-toggle.inactive{background:var(--error);border-color:var(--error);color:var(--white)}.role-display{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--gray-100);color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.role-display.role-admin{background:#8b5cf61a;color:var(--secondary)}.role-display.role-user{background:#3b82f61a;color:var(--primary-dark)}.user-list{display:flex;flex-direction:column;gap:var(--space-4)}.user-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .2s ease}.user-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-list-item .user-main-info{display:flex;align-items:center;gap:var(--space-4);flex:1}.user-list-item .user-meta{display:flex;align-items:center;gap:var(--space-4)}@media(max-width:768px){.user-list-item{flex-direction:column;align-items:stretch;gap:var(--space-3)}.user-list-item .user-meta{justify-content:space-between;border-top:1px solid var(--gray-200);padding-top:var(--space-3)}}.users-empty-state{text-align:center;padding:var(--space-16);color:var(--gray-500)}.users-empty-state .empty-icon{font-size:64px;margin-bottom:var(--space-4);opacity:.5}.users-empty-state h3{margin-bottom:var(--space-2);color:var(--gray-700);font-size:var(--font-size-xl)}.users-empty-state p{margin-bottom:var(--space-4);font-size:var(--font-size-md)}.user-form .form-section{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);padding:var(--space-6);margin-bottom:var(--space-6)}.user-form .form-section .section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-200)}@media(max-width:768px){.user-details-layout,.detail-grid{grid-template-columns:1fr}.user-list-item{padding:var(--space-3)}.action-buttons{justify-content:flex-start;flex-wrap:wrap}.user-main .sidebar-card,.user-sidebar .sidebar-card,.detail-card{padding:var(--space-4)}}@media(max-width:640px){.user-info{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.user-info .user-avatar{align-self:flex-start}.badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}}@keyframes userAction{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.user-action-complete{animation:userAction .3s ease-in-out}.user-loading{opacity:.7;pointer-events:none;position:relative}.user-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid var(--gray-300);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.user-operation-success{border-left:4px solid var(--success)}.user-operation-error{border-left:4px solid var(--error)}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.user-stats .stat-card{background:var(--white);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);text-align:center}.user-stats .stat-card .stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-1)}.user-stats .stat-card .stat-label{font-size:var(--font-size-sm);color:var(--gray-600);margin:0}.about-page .about-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);padding:var(--space-16) 0;text-align:center}.about-page .about-hero .hero-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-4)}.about-page .about-hero .hero-description{font-size:var(--font-size-xl);opacity:.9;max-width:600px;margin:0 auto}.about-page .mission-section{padding:var(--space-16) 0;background:var(--white)}.about-page .mission-section .mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.about-page .mission-section .mission-card{text-align:center;padding:var(--space-8);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.about-page .mission-section .mission-card .mission-icon{font-size:48px;color:var(--primary);margin-bottom:var(--space-4)}.about-page .mission-section .mission-card h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-4);color:var(--gray-900)}.about-page .mission-section .mission-card p{color:var(--gray-600);line-height:1.6}.about-page .values-section{padding:var(--space-16) 0;background:var(--gray-50)}.about-page .values-section .section-header{text-align:center;margin-bottom:var(--space-12)}.about-page .values-section .section-header .section-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4);color:var(--gray-900)}.about-page .values-section .section-header .section-description{font-size:var(--font-size-lg);color:var(--gray-600);max-width:600px;margin:0 auto}.about-page .values-section .values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.about-page .values-section .value-card{text-align:center;padding:var(--space-6);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.about-page .values-section .value-card .value-icon{font-size:40px;color:var(--primary);margin-bottom:var(--space-4)}.about-page .values-section .value-card h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3);color:var(--gray-900)}.about-page .values-section .value-card p{color:var(--gray-600);line-height:1.6}.about-page .stats-section{padding:var(--space-16) 0;background:var(--white)}.about-page .stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8)}.about-page .stats-section .stat-item{text-align:center}.about-page .stats-section .stat-item .stat-number{font-size:var(--font-size-4xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-2)}.about-page .stats-section .stat-item .stat-label{font-size:var(--font-size-lg);color:var(--gray-600);font-weight:500}.about-page .cta-section{padding:var(--space-16) 0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);text-align:center}.about-page .cta-section .cta-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4)}.about-page .cta-section .cta-description{font-size:var(--font-size-lg);margin-bottom:var(--space-8);opacity:.9}.about-page .cta-section .cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.help-request-page{padding:var(--space-8) 0}.help-request-page .page-header{text-align:center;margin-bottom:var(--space-8)}.help-request-page .page-header .page-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4);color:var(--gray-900)}.help-request-page .page-header .page-description{font-size:var(--font-size-lg);color:var(--gray-600);max-width:600px;margin:0 auto}.help-request-page .help-form-container{max-width:800px;margin:0 auto}.help-request-page .help-form .form-section{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);padding:var(--space-6);margin-bottom:var(--space-6)}.help-request-page .help-form .form-section .section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200)}.help-request-page .help-form .form-section .section-title .section-icon{color:var(--primary)}.help-request-page .help-form .form-grid{display:flex;flex-direction:column;gap:var(--space-6)}.success-message{text-align:center;padding:var(--space-16);max-width:600px;margin:0 auto}.success-message .success-icon{font-size:64px;color:var(--success);margin-bottom:var(--space-6)}.success-message .success-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-4);color:var(--gray-900)}.success-message .success-description{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--space-8);line-height:1.6}.success-message .success-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.request-type{background:var(--gray-100);color:var(--gray-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500}.request-description,.admin-notes{background:var(--gray-50);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--gray-200);line-height:1.6;white-space:pre-wrap}.status-actions .status-select{padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:var(--font-size-sm);width:100%;max-width:200px}.user-phone{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-1)}@media(max-width:768px){.about-page .about-hero{padding:var(--space-12) 0}.about-page .about-hero .hero-title{font-size:var(--font-size-3xl)}.about-page .about-hero .hero-description{font-size:var(--font-size-lg)}.about-page .mission-section,.about-page .values-section,.about-page .stats-section,.about-page .cta-section{padding:var(--space-12) 0}.about-page .cta-buttons,.about-page .success-actions{flex-direction:column;align-items:center}.help-request-page .help-form .form-section{padding:var(--space-4)}}