.main-header{background:#fff;padding:0;border-bottom:1px solid #e5e7eb;position:fixed;top:0;left:0;right:0;z-index:1001;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;height:80px;overflow:hidden}.header-content{display:flex;justify-content:flex-start;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;gap:60px;min-height:60px}.logo{margin-right:auto;display:flex;align-items:center;gap:12px;transform:translateY(21px) translate(-60px)}.logo-icon{display:flex;align-items:center;justify-content:center}.logo-text{font-size:1.5rem;font-weight:700;color:#374151;letter-spacing:.5px}.nav-menu{display:flex;align-items:center;gap:40px}.nav-link{display:flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 0;border:none;background:none;outline:none}.nav-link:hover{background:#6b72801a!important;border-radius:0!important;transition:all .3s ease!important;padding:8px 12px!important;margin:-8px -12px!important}.nav-link-clicked{color:#6b7280;background:#6b728033!important;border:none!important;outline:none!important;box-shadow:0 2px 8px #6b728033!important;transition:all .3s ease!important;border-radius:0!important;padding:8px 12px!important;margin:-8px -12px!important}.nav-link{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#6b72804d;transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.nav-link:hover,.nav-link:focus{outline:none!important;border:none!important}.auth-buttons{display:flex;align-items:center;gap:12px}.button-container{position:relative;display:flex;flex-direction:column;align-items:center}.coming-soon-badge{position:absolute;bottom:-5px;right:-5px;background:#dc2626;color:#fff;font-size:.6rem;font-weight:600;padding:1px 4px;border-radius:0;z-index:10;box-shadow:0 2px 6px #dc26264d;animation:pulse-badge 2s infinite;border:1px solid rgba(255,255,255,.2)}.btn{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;border:none;outline:none}.btn-outline{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn-outline:hover{border-color:#dc2626;color:#dc2626}.btn-primary{background:#dc2626;color:#fff}.btn-primary:hover{background:#b91c1c;transform:translateY(-1px)}.hero{background:#fff;min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;position:relative;z-index:2;text-align:center}.hero-text{color:#333}.urgency-badge{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ef4444e6,#dc2626e6);padding:.75rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:700;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #ef44444d;animation:urgencyPulse 2s infinite}.urgency-icon{display:flex;align-items:center;justify-content:center;color:#fef3c7;animation:urgencyRotate 3s linear infinite}@keyframes urgencyPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #ef44444d}50%{transform:scale(1.05);box-shadow:0 6px 20px #ef444480}}@keyframes urgencyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.countdown-section{margin-bottom:2rem}.countdown-label{font-size:1rem;margin-bottom:.5rem;opacity:.9}.countdown-timer{display:flex;gap:1rem;align-items:center}.countdown-item{background:#fff3;padding:1rem;border-radius:12px;text-align:center;min-width:80px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-number{display:block;font-size:2rem;font-weight:800;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3)}.countdown-separator{font-size:2rem;font-weight:800;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.primary-btn,.secondary-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.primary-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;box-shadow:0 8px 25px #fbbf2466;font-weight:700;letter-spacing:.5px}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #fbbf2499;background:linear-gradient(135deg,#f59e0b,#d97706)}.secondary-btn{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.secondary-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-icon{font-size:1.2rem}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-item{text-align:center;background:#ffffff1a;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{display:block;font-size:1.5rem;font-weight:800;color:#fbbf24;margin-bottom:.25rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.stat-label{font-size:.9rem;opacity:.8}.hero-image{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0;padding:0}.hero-content{display:flex;align-items:flex-start;gap:40px;max-width:1400px;margin:0 auto;padding:20px;flex-direction:row;justify-content:space-between}.map-section{flex:0 0 100%;max-width:100%;display:flex;justify-content:center;align-items:center;min-height:30vh;max-height:40vh;margin:0;padding:0;background:transparent}.info-header{background:linear-gradient(135deg,#3b82f61a,#1d4ed80d);padding:30px 25px 25px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;margin-top:0}.info-header:after{content:"";position:absolute;bottom:0;left:25px;right:25px;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.info-header h2{color:#fff;font-size:1.6rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.info-header p{color:#fff9;font-size:.9rem;margin:0;font-weight:400;line-height:1.5}.selected-city-card{padding:25px;flex:1;display:flex;flex-direction:column;justify-content:center}.city-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#3b82f61a,#1d4ed80d);border-radius:16px;border:1px solid rgba(59,130,246,.2);position:relative;overflow:hidden}.city-name:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#dc2626,#b91c1c)}.city-name h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0;letter-spacing:-.3px}.plate-code{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:10px 14px;border-radius:12px;font-weight:800;font-size:.85rem;box-shadow:0 4px 12px #dc26264d;letter-spacing:.5px}.plate-code:before{content:"kategori: ";font-weight:600}.city-stats-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.stat-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.stat-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:#ffffff40}.stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dc262626,#b91c1c1a);border-radius:12px;color:#dc2626;border:1px solid rgba(220,38,38,.2);transition:all .3s ease}.stat-card:hover .stat-icon{background:linear-gradient(135deg,#dc262640,#b91c1c26);transform:scale(1.05);box-shadow:0 4px 12px #dc262633}.stat-icon svg{width:22px;height:22px}.stat-info{display:flex;flex-direction:column}.stat-number{color:#fff;font-size:1.2rem;font-weight:700;line-height:1}.stat-label{color:#ffffffb3;font-size:.8rem;font-weight:500}.region-info{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#3b82f61a;border-radius:10px;border:1px solid rgba(59,130,246,.3)}.region-label{color:#fffc;font-weight:500}.region-name{color:#dc2626;font-weight:700}.svg-turkiye-haritasi{width:100%;max-width:100%;margin:0;text-align:center;padding:0;display:flex;align-items:center;justify-content:center;min-height:30vh}.svg-turkiye-haritasi svg{width:100%;height:auto;max-width:100%;transform:scale(1);transform-origin:center}#bilecik{z-index:1000;position:relative}#bilecik path{z-index:1000;position:relative}.map-info-section{padding:0;margin-top:20px}.map-bottom-info{padding:0;margin-top:-220px;margin-bottom:0;position:relative;z-index:10}.map-info-card{background:#fff;border-radius:12px;padding:15px;box-shadow:0 5px 15px #0000001a;text-align:center;width:100%;min-height:12vh;margin:0;display:flex;flex-direction:column;justify-content:center}.map-info-card h2{font-size:1.3rem;font-weight:600;color:#1f2937;margin-bottom:15px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.info-item{padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.info-item h3{font-size:.85rem;font-weight:500;color:#64748b;margin-bottom:5px}.info-item p{font-size:1rem;font-weight:600;color:#dc2626;margin:0}.info-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.info-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.info-select option{padding:8px;font-size:.9rem}.info-select{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;font-weight:500;color:#374151;background-color:#fff;cursor:pointer;transition:all .3s ease}.info-select option{padding:8px;font-size:.9rem;background-color:#fff;color:#374151}.info-select:hover{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.info-select option:hover{background:#dc2626!important;color:#fff!important}.info-select option::-webkit-option{background:#dc2626!important;color:#fff!important}.info-select option:-moz-focusring{background:#dc2626!important;color:#fff!important}select.info-select option:hover,select.info-select option:focus,select.info-select option:active{background-color:#dc2626!important;color:#fff!important}select option:hover{background-color:#dc2626!important;color:#fff!important}.map-info-card .custom-dropdown-header{width:100%;padding:9px 18px;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;font-weight:500;color:#374151;background-color:#fff;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;min-height:42px}.custom-dropdown-header{width:100%;padding:5px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;font-weight:500;color:#374151;background-color:#fff;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;min-height:34px}.custom-dropdown-header:hover{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.custom-dropdown.disabled .custom-dropdown-header{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.custom-dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:120px;overflow-y:auto;margin-top:2px}.custom-dropdown-option{padding:4px 8px;cursor:pointer;transition:all .2s ease;font-size:.85rem;color:#374151;text-align:left}.custom-dropdown-option:hover{background-color:#dc2626!important;color:#fff!important;transform:translate(2px)}.custom-dropdown-option:first-child{border-radius:6px 6px 0 0}.custom-dropdown-option:last-child{border-radius:0 0 6px 6px}.arrow{transition:transform .3s ease;font-size:.8rem}.arrow.up{transform:rotate(180deg)}.arrow.down{transform:rotate(0)}.stats-item{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;background:#22c55e0d;border:1px solid rgba(34,197,94,.1);border-radius:8px}.stats-number{font-size:1.5rem;font-weight:700;color:#22c55e;margin:0;text-align:center}.stats-item h3{font-size:.9rem;margin-bottom:8px;color:#374151;text-align:center}.stats-green{background:#22c55e0d!important;border:1px solid rgba(34,197,94,.1)!important}.stats-green .stats-number{color:#22c55e!important}.stats-red{background:#dc26260d!important;border:1px solid rgba(220,38,38,.1)!important}.stats-red .stats-number{color:#dc2626!important}option:hover{background-color:#dc2626!important;color:#fff!important}.info-actions{margin-top:15px}.register-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:12px 56px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #dc26264d;width:auto;min-width:360px}.register-button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #dc262666}@media(max-width:768px){.map-info-section{padding:20px 0}.map-info-card{padding:10px;margin:0 10px;min-height:8vh}.map-info-card h2{font-size:1.1rem}.info-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stats-grid{grid-template-columns:1fr;gap:12px}.info-item{padding:8px}.info-item h3{font-size:.75rem}.info-item p{font-size:.9rem}.register-button{padding:12px 24px;font-size:.9rem;width:100%;min-width:180px}}@media(max-width:768px){.hero-content{flex-direction:column;gap:20px}.map-section{max-width:100%;min-height:50vh}.info-panel{max-width:100%;min-height:auto;padding:20px}.svg-turkiye-haritasi svg{transform:scale(1.2)!important;transform-origin:center!important}}@media(max-width:1200px){.svg-turkiye-haritasi svg{transform:scale(1.4)}}@media(max-width:768px){.svg-turkiye-haritasi svg{transform:scale(1.4)}}@media(max-width:480px){.svg-turkiye-haritasi svg{transform:scale(.6)}}@media(max-width:360px){.svg-turkiye-haritasi svg{transform:scale(.5)}}.il-isimleri{position:fixed;z-index:1000;pointer-events:none}.il-isimleri div{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:inline-block;background:#fffffff2;color:#333;padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1)}.il-isimleri .il-tooltip{background:#fffffffa!important;border-radius:6px!important;padding:8px 14px!important;box-shadow:0 5px 15px #00000026!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(0,0,0,.1)!important;min-width:110px!important;text-align:left!important;white-space:normal!important;display:block!important;font-family:Segoe UI,Roboto,Arial,Helvetica,sans-serif!important;font-size:.6rem!important;line-height:1.5!important;color:#1f2937!important;font-weight:600!important}.il-isimleri .il-tooltip i{font-size:.6rem!important;color:#059669!important;margin-right:6px!important;width:12px!important;display:inline-block!important;text-align:center!important}.il-isimleri .il-tooltip span{font-size:.7rem!important;font-weight:700!important;color:#1f2937!important;font-family:Segoe UI,Roboto,Arial,Helvetica,sans-serif!important}#svg-turkiye-haritasi path{cursor:pointer}#svg-turkiye-haritasi path:hover{fill:#dc2626;opacity:.8}.il-ismi{pointer-events:none;text-anchor:middle;dominant-baseline:middle;font-weight:700;z-index:10}@media(max-width:1200px){.il-ismi{font-size:6px!important}}@media(max-width:768px){.il-ismi{font-size:5px!important}}@media(max-width:480px){.il-ismi{font-size:4px!important}}#bolge-1 g path{fill:#87cdde;z-index:1}#bolge-2 g path{fill:#ac93a7;z-index:1}#bolge-3 g path{fill:#ffb380;z-index:1}#bolge-4 g path{fill:#ccc;z-index:1}#bolge-5 g path{fill:#decd87;z-index:1}#bolge-6 g path{fill:#de8787;z-index:1}#bolge-7 g path{fill:#aade87;z-index:1}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{font-size:1.7rem!important;font-weight:600;margin-bottom:1rem;color:#333;text-align:center;letter-spacing:-.01em}.section-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.services{padding:80px 0;background:#f8fafc}.how-it-works{padding:50px 0;background:#f8fafc;box-shadow:0 4px 20px #0000001a}.steps-container{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;margin-top:3rem}@media(max-width:1200px){.steps-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.steps-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.steps-container{grid-template-columns:1fr}}.step-card{text-align:center;padding:2rem;border-radius:12px;background:#fff;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative;color:#333}.step-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:#f89b5d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 15px #52bc974d}.step-icon{margin:1rem 0;display:flex;justify-content:center}.step-card h3{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-card p{color:#666;line-height:1.6;font-size:.95rem}.step-icon-primary{color:#10b981}.step-icon-secondary{color:#059669}.step-icon-gray{color:#6b7280}.step-icon-purple{color:#8b5cf6}.step-icon-yellow{color:#f59e0b}.step-icon-cyan{color:#06b6d4}.customer-guide{padding:80px 0;background:#f8fafc}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.guide-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;color:#333}.guide-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.guide-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.guide-card h3{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:1rem;text-align:center}.guide-card p{color:#666;line-height:1.6;text-align:center;font-size:.95rem}.expert-guide{padding:50px 0;background:#f8fafc;box-shadow:0 4px 20px #0000001a}.expert-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.expert-info h3,.expert-benefits h2,.expert-benefits h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:2rem;text-align:center}.faq-type-selector{display:flex;gap:.5rem;margin-bottom:2rem;width:100%}.faq-type-btn{flex:1;padding:1rem 1.5rem;border:2px solid #52bc97;background:transparent;color:#52bc97;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;text-align:center}.faq-type-btn:hover,.faq-type-btn.active{background:#52bc97;color:#fff}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#f8fafc;border-radius:8px;border-left:4px solid #52bc97;overflow:hidden;transition:all .3s ease}.faq-item:hover{background:#f1f5f9}.faq-question{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;transition:all .3s ease}.faq-question span{color:#374151;font-weight:500;flex:1}.faq-icon{transition:transform .3s ease}.faq-icon.open{transform:rotate(180deg)}.faq-answer{padding:0 1rem 1rem;background:#fff;border-top:1px solid #e2e8f0}.faq-answer p{color:#666;line-height:1.6;margin:0}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.expert-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1200px){.benefits-grid{grid-template-columns:repeat(3,1fr)}.expert-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.benefits-grid,.expert-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.benefits-grid,.expert-benefits-grid{grid-template-columns:1fr}}.benefit-item{text-align:center;padding:1.5rem;background:#fff;border-radius:12px;transition:transform .3s ease;box-shadow:0 4px 15px #0000001a;color:#333}.benefit-item:hover{transform:translateY(-3px)}.benefit-item h4{font-size:1.1rem;font-weight:600;color:#333;margin:1rem 0 .5rem}.benefit-item p{color:#666;font-size:.85rem;line-height:1.5}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.service-card{background:#fff;padding:1rem;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.service-icon{margin-bottom:.8rem;display:flex;justify-content:center;align-items:center;height:50px;width:50px;margin:0 auto .8rem;border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2)}.service-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem;color:#333}.service-card p{color:#666;line-height:1.4;font-size:.85rem}.why-choose-us{padding:50px 0;background:#f8fafc;box-shadow:0 4px 20px #0000001a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;border-radius:16px;background:#f8fafc;transition:all .3s ease}.feature-card:hover{background:#fff;box-shadow:0 8px 30px #0000001a;transform:translateY(-3px)}.feature-icon{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;height:80px;width:80px;margin:0 auto 1.5rem;border-radius:20px;background:linear-gradient(135deg,#10b9811a,#0596691a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.2)}.feature-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#333}.feature-card p{color:#666;line-height:1.6}.footer{background:#fff;color:#333;padding:10px 0 0;box-shadow:0 -2px 8px #0000000d}.footer-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:-7rem;position:relative}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:5rem}.footer-section h4{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#52bc97;outline:none}.footer-section h4:focus{outline:none}.footer-section a{display:block;color:#666;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease;outline:none}.footer-section a:hover{color:#52bc97}.footer-section a:focus{outline:none}.footer-section p{color:#666;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.footer-section p svg{color:#999;flex-shrink:0}.footer-description{color:#666;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;transform:translateY(120px);margin-top:80px;margin-left:110px}.footer .logo{margin-right:auto;display:flex;align-items:center;gap:12px;transform:translateY(60px) translate(-480px)}.footer .logo-icon{display:flex;align-items:center;justify-content:center}.footer-bottom{background-color:#000;color:#fff;padding:2rem 0;text-align:center;width:100%;margin:0}.footer-bottom p{font-size:.9rem;margin:0}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:auto;height:40px;padding:0 12px;background-color:#52bc97;color:#fff;border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px #52bc974d;transition:all .3s ease;z-index:1000;outline:none;font-size:12px;font-weight:500}.scroll-to-top:hover{background-color:#45a085;transform:translateY(-2px);box-shadow:0 6px 16px #52bc9766}.icon-container{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.icon-up{position:absolute;transition:none}.icon-down{position:absolute;transition:none;transform:translateY(15px);opacity:0}.scroll-to-top:hover .icon-up{transform:translateY(-15px);opacity:0;transition:all .4s ease}.scroll-to-top:hover .icon-down{transform:translateY(0);opacity:1;transition:all .4s ease}.scroll-to-top:focus{outline:none}.announcement-banner{position:relative;padding:8px 0;margin-top:80px}.announcement-content{display:flex;justify-content:center;align-items:center}.announcement-text{font-size:1rem;font-weight:600;text-align:center;letter-spacing:.5px;animation:pulseText 2s ease-in-out infinite;color:#000}@keyframes pulseText{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@media(max-width:1024px){.container{padding:0 20px}.hero-title{font-size:3rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.steps-container,.guide-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.expert-content{grid-template-columns:1fr;gap:3rem}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.service-categories-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.features-grid{grid-template-columns:repeat(2,1fr)}.logo{transform:translateY(15px) translate(-50px)}.nav-menu{gap:30px}.header-content{gap:40px}.svg-turkiye-haritasi svg{transform:scale(1.5)}.hero-content{margin-top:0}.announcement-banner{top:80px}}@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.info-grid,.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.service-categories-grid{grid-template-columns:repeat(3,1fr);gap:.9rem}.hero-title{font-size:2.8rem}.logo{transform:translateY(15px) translate(-30px)}.nav-menu{gap:25px}.header-content{gap:30px}}@media(max-width:768px){.container{padding:0 15px}.main-header{height:auto;min-height:80px;padding:10px 0}.header-content{flex-direction:column;gap:16px;padding:0 15px}.logo{transform:translateY(0) translate(0);margin-right:0}.nav-menu{gap:15px;flex-wrap:wrap;justify-content:center}.nav-link{font-size:.85rem;padding:6px 8px}.nav-link:hover,.nav-link-clicked{padding:6px 8px!important;margin:-6px -8px!important}.auth-buttons{gap:8px;flex-wrap:wrap;justify-content:center}.btn{padding:8px 16px;font-size:.85rem}.coming-soon-badge{font-size:.7rem;padding:2px 6px}.announcement-banner{top:120px;padding:8px 0}.announcement-text{font-size:.9rem}.hero-content{grid-template-columns:1fr;gap:1rem;text-align:center;margin-top:140px}.svg-turkiye-haritasi{width:100%;max-width:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;min-height:60vh}.svg-turkiye-haritasi svg{width:100%;height:auto;max-width:100%;transform:scale(1.2);transform-origin:center}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{grid-template-columns:repeat(2,1fr)}.countdown-timer{justify-content:center}.nav{display:none}.section-header h2{font-size:1.6rem!important}.services-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.steps-container,.guide-grid{grid-template-columns:1fr;gap:1.5rem}.expert-content{grid-template-columns:1fr;gap:2rem}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.service-categories-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}.service-card{padding:1rem}.service-card h3{font-size:1rem}.service-card p{font-size:.85rem}.features-grid{grid-template-columns:1fr}.custom-dropdown{width:100%;max-width:300px}.dropdown-button{font-size:.9rem;padding:12px 16px}.dropdown-menu{max-height:200px}.dropdown-item{font-size:.85rem;padding:10px 16px}}@media(max-width:480px){.container{padding:0 10px}.main-header{min-height:70px;padding:8px 0}.header-content{gap:12px;padding:0 10px}.logo img{width:120px;height:auto}.nav-menu{gap:10px}.nav-link{font-size:.8rem;padding:4px 6px}.nav-link:hover,.nav-link-clicked{padding:4px 6px!important;margin:-4px -6px!important}.auth-buttons{gap:6px}.btn{padding:6px 12px;font-size:.8rem}.coming-soon-badge{font-size:.6rem;padding:1px 4px}.announcement-banner{top:100px;padding:6px 0}.announcement-text{font-size:.8rem}.hero-content{margin-top:0;gap:.8rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.svg-turkiye-haritasi{min-height:40vh}.svg-turkiye-haritasi svg{transform:scale(1)}.hero-stats{grid-template-columns:1fr;gap:1rem}.countdown-item{min-width:50px;padding:.5rem}.countdown-number{font-size:1.2rem}.countdown-label{font-size:.7rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.steps-container,.guide-grid{grid-template-columns:1fr;gap:1rem}.expert-content{grid-template-columns:1fr;gap:1.5rem}.benefits-grid{grid-template-columns:1fr;gap:.8rem}.step-card,.guide-card{padding:1.5rem}.benefit-item{padding:1rem}.service-categories-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.service-card{padding:.6rem;min-height:120px}.service-card h3{font-size:.8rem;margin-bottom:.3rem}.service-card p{font-size:.7rem;line-height:1.2}.service-card svg{width:25px!important;height:25px!important;margin-bottom:.4rem}.custom-dropdown{max-width:250px}.dropdown-button{font-size:.8rem;padding:10px 12px}.dropdown-menu{max-height:150px}.dropdown-item{font-size:.8rem;padding:8px 12px}.section-header h2{font-size:1.3rem!important}.section-header p{font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.expert-registration-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.expert-registration-page .expert-registration-top-header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.expert-registration-page .expert-registration-container{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}.expert-registration-page .expert-registration-header-content{display:flex;align-items:center;justify-content:flex-start;padding:1rem 0}.expert-registration-page .expert-registration-back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#16a34a;font-size:1rem;cursor:pointer;transition:color .3s ease;margin-left:3rem;outline:none}.expert-registration-page .expert-registration-back-button:hover{color:#000}.expert-registration-page .expert-registration-hero{padding:3.25rem 0 1.25rem;margin-top:.75rem;text-align:center;background:transparent;color:#1e293b}.expert-registration-page .expert-registration-hero h1{font-size:1.65rem;font-weight:700;margin:0}.expert-registration{min-height:auto;background:transparent;padding:0 1rem 2rem;display:flex;align-items:flex-start;justify-content:center}.registration-container{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;max-width:280px;width:100%;overflow:hidden;border:1px solid #e5e7eb;padding:.5rem 1rem}.registration-header{background:transparent;padding:0;margin-bottom:1.5rem;border-bottom:none!important;border:none!important}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:none!important;border:none!important}.header-content h1{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0;border-bottom:none!important;border:none!important;box-shadow:none!important;text-decoration:none!important;outline:none!important}.expert-logo{text-align:left!important;margin-top:-3rem!important;margin-left:-4rem!important;margin-right:auto!important;position:relative!important;z-index:10!important}.logo-image{height:80px;width:auto;object-fit:contain}.profile-upload-section h2{margin-top:2rem;margin-bottom:0;font-size:1.2rem;text-align:center;width:100%}.profile-preview{width:80px;height:80px;border-radius:50%;border:2px solid #dc2626;display:flex;align-items:center;justify-content:center;background:#f9fafb;flex-shrink:0;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 3px 8px #52bc9433}.upload-placeholder span{font-size:.7rem;color:#9ca3af;font-weight:500}.upload-text{position:absolute;bottom:-35px;left:3px;font-size:.75rem;color:#dc2626;font-weight:500;white-space:nowrap;z-index:10;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease}.upload-text:hover{background:#dc26261a;color:#b91c1c}.file-label{background:none;color:#dc2626;padding:0;border:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;text-decoration:underline}.file-label:hover{color:#b91c1c}.form-section{margin-bottom:.8rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem}.form-group label{font-weight:600;color:#374151;margin-bottom:.3rem;font-size:.75rem}.form-group .field-error{display:block;margin-top:4px;font-size:.75rem;color:#dc2626}.birth-date-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;width:100%}.birth-date-group label{margin-top:8px}.form-group input,.form-group select,.form-group textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8rem;transition:all .3s ease;background:#fff;color:#374151;position:relative;min-height:2.2rem;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a}.form-group select{padding-right:2.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.form-group select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.password-toggle:hover{color:#dc2626}.checkbox-input:checked+.checkbox-label:before{background:#dc2626;border-color:#dc2626;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 13l4 4L19 7'/%3e%3c/svg%3e");background-size:14px;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 4px #dc26264d}.checkbox-text .link{color:#dc2626;text-decoration:underline;cursor:pointer;transition:color .3s ease}.checkbox-text .link:hover{color:#b91c1c}.submit-btn{background:#dc2626;color:#fff;border:none;padding:.5rem 3rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 3px 8px #dc26264d;margin-bottom:1rem}.submit-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 8px 20px #dc262666}.custom-dropdown-header:hover{border-color:#dc2626;background-color:#f9fafb}.custom-dropdown-option.clear-all-option{background-color:#f3f4f6!important;color:#6b7280!important;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem;font-weight:500;font-style:italic}.custom-dropdown-option.clear-all-option:hover{background-color:#e5e7eb!important;color:#374151!important}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.selected-tag{display:inline-flex;align-items:center;background-color:#dc2626;color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.remove-tag{background:none;border:none;color:#fff;margin-left:.5rem;cursor:pointer;font-size:1rem;font-weight:700;padding:0;line-height:1}.remove-tag:hover{opacity:.8}.form-group.floating-label input:focus,.form-group.floating-label .custom-dropdown-header:focus,.form-group.floating-label textarea:focus{outline:none;border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a}.form-group.floating-label .custom-dropdown-header:hover{border-color:#dc2626;background-color:#f9fafb}.modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:none!important;transition:none!important}.modern-modal{background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000040;max-width:900px;width:100%;max-height:800px;overflow:hidden;position:relative;border:1px solid white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem;animation:none;transition:none;background-color:#fff}.modal-header{padding:0;text-align:center;position:relative;background:#fff;background-color:#fff;animation:none;transition:none}.modal-icon.success{background:#10b981!important;background-color:#10b981!important;background-image:none!important;box-shadow:0 8px 25px #10b9814d!important}.modal-content{padding:0;text-align:center;background:#fff!important;background-color:#fff!important;animation:none!important;transition:none!important}.modal-title{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;line-height:1.3;animation:none!important;transition:none!important;text-align:center}.modal-message{font-size:.9rem;color:#374151!important;line-height:1.5;margin:0;white-space:pre-line;animation:none!important;transition:none!important;text-align:center}.modal-spacer{flex:1;min-height:2rem}.modal-buttons{display:flex;gap:1rem;justify-content:center;align-items:center}.modal-actions{padding:0;display:flex;gap:1rem;justify-content:center;align-items:center;background:#fff!important;background-color:#fff!important;margin-top:auto;animation:none!important;transition:none!important}.modal-btn{padding:.875rem 2rem;border:none!important;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center;position:relative;overflow:hidden}.modal-btn.cancel-btn{background:#fff;color:#374151;border:none!important;box-shadow:0 2px 8px #0000001a}.modal-btn.cancel-btn:hover{background:#f9fafb;border:none!important;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.modal-btn.success-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none!important;box-shadow:0 4px 15px #10b98166}.modal-btn.success-btn:hover{background:linear-gradient(135deg,#059669,#047857);border:none!important;transform:translateY(-2px);box-shadow:0 8px 25px #10b98199}@media(max-width:640px){.modern-modal{width:90%;max-width:320px;margin:1rem}.modal-header,.modal-content,.modal-actions{padding-left:1.5rem;padding-right:1.5rem}.modal-header{padding-top:1.5rem;padding-bottom:.75rem}.modal-content{padding-bottom:1rem}.modal-actions{padding-bottom:1.5rem;flex-direction:column}.modal-title{font-size:1.25rem}.modal-message{font-size:.9rem}.modal-btn{width:100%;padding:1rem 1.5rem}.modal-icon{width:70px;height:70px;font-size:1.75rem}}@media(max-width:480px){.modern-modal{width:95%;max-width:300px;margin:.5rem}.modal-header,.modal-content,.modal-actions{padding-left:1rem;padding-right:1rem}.modal-title{font-size:1.1rem}.modal-message{font-size:.85rem}.modal-icon{width:60px;height:60px;font-size:1.5rem}}.representative-registration{min-height:100vh;background:#f8f9fa;padding:4rem 1rem 2rem;display:flex;align-items:flex-start;justify-content:center}.registration-container{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000001a;max-width:900px;width:100%;overflow:hidden;border:1px solid #e5e7eb;padding:2rem 4rem}.registration-header{background:transparent;padding:0;margin-bottom:3rem}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header-content h1{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0}.logo{text-align:right;margin-top:-2rem;margin-left:auto;margin-right:-2rem}.logo-image{height:240px;width:auto;object-fit:contain}.registration-form{padding:0}.profile-upload-section{display:flex;align-items:flex-start;gap:1.5rem;padding-bottom:.5rem}.profile-upload-section h2{margin-top:5rem;margin-bottom:0}.profile-preview{width:140px;height:140px;border-radius:50%;border:3px solid #dc2626;display:flex;align-items:center;justify-content:center;background:#f9fafb;flex-shrink:0;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #52bc9433}.profile-preview:hover{border-color:#dc2626}.profile-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;text-align:center;width:100%;height:100%}.upload-placeholder i{font-size:1.5rem;margin-bottom:.25rem;color:#9ca3af}.upload-text{position:absolute;bottom:-35px;left:3px;font-size:.75rem;color:#52bc94;font-weight:500;white-space:nowrap;z-index:10;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease}.upload-text:hover{background:#52bc941a;color:#45a085}.upload-text i{font-size:.7rem}.file-input{display:none}.file-label{background:none;color:#52bc94;padding:0;border:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;text-decoration:underline}.file-label:hover{color:#45a085}.form-section{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-group label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-group label.required:after{content:" *";color:#ef4444;font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:1rem 1.25rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#374151;position:relative;min-height:3.5rem;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-style:italic}.form-group input[name=firstName]::placeholder,.form-group input[name=lastName]::placeholder{content:"👤 "}.form-group input[name=phone]::placeholder{content:"📞 "}.form-group input[name=email]::placeholder{content:"📧 "}.form-group input[name=address]::placeholder{content:"📍 "}.form-group input[name=firstName]+.character-counter,.form-group input[name=lastName]+.character-counter{font-size:.8rem;color:#6b7280;text-align:right;margin-top:.25rem}.form-group input[name=phone]+.character-counter{font-size:.8rem;color:#6b7280;text-align:right;margin-top:.25rem}.form-group textarea+.character-counter{font-size:.8rem;color:#6b7280;text-align:right;margin-top:.25rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#52bc94!important;box-shadow:0 0 0 3px #52bc941a}.form-group select{padding-right:2.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.form-group select:focus{outline:none;border-color:#52bc94;box-shadow:0 0 0 3px #52bc941a}.form-group select option{border-radius:4px;padding:8px 12px;margin:2px;background:#fff;color:#374151}.form-group select::-webkit-listbox{border-radius:8px;border:1px solid #d1d5db;background:#fff;box-shadow:0 4px 12px #0000001a;margin:4px 0}.form-group select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-group select:-moz-listbox{border-radius:8px;border:1px solid #d1d5db;background:#fff;box-shadow:0 4px 12px #0000001a;margin:4px 0}.form-group textarea{resize:vertical;min-height:180px;font-family:inherit}.character-counter{font-size:.8rem;color:#6b7280;text-align:right;margin-top:.25rem}.password-input{position:relative;display:flex;align-items:center}.password-input input{padding-right:3rem;width:100%}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .3s ease}.password-toggle:hover{color:#52bc94}.form-footer{margin-top:2rem;padding-top:2rem}.checkbox-group{margin-bottom:1.5rem}.checkbox-input{opacity:0;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;color:#374151;line-height:1.5}.checkbox-label:before{content:"";width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;margin-top:.125rem;background:#fff}.checkbox-input:checked+.checkbox-label:before{background:#52bc94;border-color:#52bc94;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 13l4 4L19 7'/%3e%3c/svg%3e");background-size:14px;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 4px #52bc944d}.checkbox-text{flex:1}.checkbox-text .link{color:#52bc94;text-decoration:underline;cursor:pointer;transition:color .3s ease}.checkbox-text .link:hover{color:#45a085}.form-buttons{display:flex;gap:1rem;justify-content:center;align-items:center}.submit-btn{background:#52bc94;color:#fff;border:none;padding:.75rem 6rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 12px #52bc944d;margin-bottom:2rem}.submit-btn:hover{background:#45a085;transform:translateY(-2px);box-shadow:0 8px 20px #52bc9466}.back-btn{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.back-btn:hover{background:#4b5563;transform:translateY(-2px)}@media(max-width:768px){.registration-container{margin:1rem;border-radius:10px}.registration-header{padding:1.5rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:1.5rem}.logo{text-align:center}.logo-image{height:210px}.registration-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.profile-upload-section{flex-direction:column;text-align:center;gap:1rem}.profile-preview{width:140px;height:140px}.form-buttons{flex-direction:column;gap:1rem}.submit-btn,.back-btn{width:100%;justify-content:center}}@media(max-width:480px){.representative-registration{padding:.5rem}.registration-container{margin:.5rem}.registration-header,.registration-form{padding:1rem}.header-content h1{font-size:1.3rem}.logo-image{height:180px}.profile-preview{width:120px;height:120px}.upload-placeholder i{font-size:1.2rem}.upload-placeholder span{font-size:.6rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.registration-container{animation:fadeInUp .6s ease-out}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-group.success input{border-color:#dc2626}.form-group.error input{border-color:#ef4444}.file-upload-item.uploading{border-color:#667eea;background:#f0f4ff}.file-upload-item.uploading:after{content:"";position:absolute;top:0;left:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);animation:progress 2s ease-in-out}@keyframes progress{0%{width:0}to{width:100%}}.form-group input[type=email]{text-transform:lowercase}.form-group input[type=email]::placeholder{text-transform:none}.custom-dropdown{position:relative;width:100%}.custom-dropdown-header{padding:1rem 1.25rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;background:#fff;color:#374151;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;min-height:3.5rem;box-sizing:border-box}.custom-dropdown-header:hover{border-color:#52bc94;background-color:#f9fafb}.custom-dropdown-header .placeholder{color:#9ca3af;font-style:italic}.custom-dropdown-header .selected{color:#374151;font-weight:500}.custom-dropdown-header i{color:#6b7280;transition:transform .3s ease;font-size:.875rem}.custom-dropdown-header i.open{transform:rotate(180deg)}.custom-dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:250px;overflow-y:auto;margin-top:4px;padding:.5rem}.custom-dropdown-option{padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border-radius:4px;margin:2px 0;font-size:.9rem;color:#374151}.custom-dropdown-option:hover{background-color:#f3f4f6;transform:translate(2px)}.custom-dropdown-option.selected{background-color:#f0f9f4!important;color:#374151!important;font-weight:500}.custom-dropdown-option:first-child{margin-top:0}.custom-dropdown-option:last-child{margin-bottom:0}.form-group.floating-label{position:relative;margin-bottom:1.5rem}.form-group.floating-label label{position:absolute;top:-.5rem;left:1rem;transition:all .3s ease;pointer-events:none;z-index:2;background:#fff;padding:0 .25rem;font-size:.8rem;font-weight:600;color:#6b7280;margin:0}.form-group.floating-label input,.form-group.floating-label .custom-dropdown-header,.form-group.floating-label textarea{padding:1rem 1.25rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#374151;min-height:3.5rem;box-sizing:border-box}.form-group.floating-label textarea{min-height:180px}.form-group.floating-label input:focus,.form-group.floating-label .custom-dropdown-header:focus,.form-group.floating-label textarea:focus{outline:none;border-color:#52bc94!important;box-shadow:0 0 0 3px #52bc941a}.form-group.floating-label .custom-dropdown-header:hover{border-color:#52bc94;background-color:#f9fafb}.form-group.floating-label input::placeholder,.form-group.floating-label textarea::placeholder{opacity:1;transition:opacity .3s ease}.form-group.floating-label input.has-value::placeholder,.form-group.floating-label textarea.has-value::placeholder{opacity:0}.form-group.floating-label .custom-dropdown-header.has-value .placeholder{opacity:0}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:active,.form-group select:-webkit-autofill,.form-group select:-webkit-autofill:hover,.form-group select:-webkit-autofill:focus,.form-group select:-webkit-autofill:active,.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:hover,.form-group textarea:-webkit-autofill:focus,.form-group textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f0f9f4 inset!important;-webkit-text-fill-color:#374151!important;transition:background-color 5000s ease-in-out 0s;background-color:#f0f9f4!important}.form-group.floating-label input:-webkit-autofill,.form-group.floating-label input:-webkit-autofill:hover,.form-group.floating-label input:-webkit-autofill:focus,.form-group.floating-label input:-webkit-autofill:active,.form-group.floating-label textarea:-webkit-autofill,.form-group.floating-label textarea:-webkit-autofill:hover,.form-group.floating-label textarea:-webkit-autofill:focus,.form-group.floating-label textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f0f9f4 inset!important;-webkit-text-fill-color:#374151!important;transition:background-color 5000s ease-in-out 0s;background-color:#f0f9f4!important}.form-group input:-moz-autofill,.form-group select:-moz-autofill,.form-group textarea:-moz-autofill{background-color:#f0f9f4!important;color:#374151!important}.form-group.floating-label input:-moz-autofill,.form-group.floating-label textarea:-moz-autofill{background-color:#f0f9f4!important;color:#374151!important}.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:hover,.form-group textarea:-webkit-autofill:focus,.form-group textarea:-webkit-autofill:active,.form-group.floating-label textarea:-webkit-autofill,.form-group.floating-label textarea:-webkit-autofill:hover,.form-group.floating-label textarea:-webkit-autofill:focus,.form-group.floating-label textarea:-webkit-autofill:active{background-color:#f0f9f4!important;color:#374151!important;-webkit-text-fill-color:#374151!important;-webkit-box-shadow:0 0 0 30px #f0f9f4 inset!important;background-image:none!important;background-clip:content-box!important;-webkit-background-clip:content-box!important}.form-group textarea:focus,.form-group.floating-label textarea:focus{background-color:#fff!important}.form-group textarea[style*="background-color: rgb(240, 249, 244)"],.form-group.floating-label textarea[style*="background-color: rgb(240, 249, 244)"]{background-color:#f0f9f4!important}.form-group textarea.autofilled,.form-group.floating-label textarea.autofilled{background-color:#f0f9f4!important;color:#374151!important}.form-group textarea:-webkit-autofill,.form-group.floating-label textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f0f9f4 inset!important;background-color:#f0f9f4!important;color:#374151!important;-webkit-text-fill-color:#374151!important}.form-group textarea[autocomplete],.form-group.floating-label textarea[autocomplete]{background-color:#f0f9f4!important;color:#374151!important}.form-group textarea,.form-group.floating-label textarea{background-color:#fff!important}.form-group textarea:-webkit-autofill,.form-group.floating-label textarea:-webkit-autofill{background-color:#f0f9f4!important;color:#374151!important;-webkit-text-fill-color:#374151!important;-webkit-box-shadow:0 0 0 1000px #f0f9f4 inset!important}.form-group textarea:focus:-webkit-autofill,.form-group.floating-label textarea:focus:-webkit-autofill{background-color:#f0f9f4!important;color:#374151!important;-webkit-text-fill-color:#374151!important;-webkit-box-shadow:0 0 0 1000px #f0f9f4 inset!important}.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:hover,.form-group textarea:-webkit-autofill:focus,.form-group textarea:-webkit-autofill:active,.form-group.floating-label textarea:-webkit-autofill,.form-group.floating-label textarea:-webkit-autofill:hover,.form-group.floating-label textarea:-webkit-autofill:focus,.form-group.floating-label textarea:-webkit-autofill:active{background-color:#f0f9f4!important;color:#374151!important;-webkit-text-fill-color:#374151!important;-webkit-box-shadow:0 0 0 1000px #f0f9f4 inset!important;background-image:none!important;background-clip:content-box!important;-webkit-background-clip:content-box!important}.modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modern-modal{background:#fff;border-radius:20px;box-shadow:0 25px 80px #00000040;max-width:480px;width:90%;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.modal-header{padding:2rem 2rem 1rem;text-align:center;position:relative}.modal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:#fff;position:relative;box-shadow:0 8px 25px #00000026}.modal-icon.success{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #dc26264d}.modal-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px #ef44444d}.modal-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 25px #f59e0b4d}.modal-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 25px #3b82f64d}.modal-icon:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);z-index:-1}.modal-content{padding:0 2rem 1.5rem;text-align:center}.modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.modal-message{font-size:1rem;color:#6b7280;line-height:1.6;margin:0;white-space:pre-line}.modal-actions{padding:0 2rem 2rem;display:flex;gap:1rem;justify-content:center;align-items:center}.modal-btn{padding:.875rem 2rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center;position:relative;overflow:hidden}.modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.modal-btn:hover:before{left:100%}.modal-btn.cancel-btn{background:#fff;color:#374151;border:2px solid #d1d5db;box-shadow:0 2px 8px #0000001a}.modal-btn.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.modal-btn.confirm-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 15px #dc262666}.modal-btn.confirm-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 25px #dc262680}.modal-btn.error-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444466}.modal-btn.error-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 25px #ef444480}.modal-btn i{font-size:.9rem}.modal-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modal-btn:disabled:hover{transform:none;box-shadow:none}@media(max-width:640px){.modern-modal{width:95%;max-width:400px;margin:1rem}.modal-header,.modal-content,.modal-actions{padding-left:1.5rem;padding-right:1.5rem}.modal-header{padding-top:1.5rem;padding-bottom:.75rem}.modal-content{padding-bottom:1rem}.modal-actions{padding-bottom:1.5rem;flex-direction:column}.modal-title{font-size:1.25rem}.modal-message{font-size:.9rem}.modal-btn{width:100%;padding:1rem 1.5rem}.modal-icon{width:70px;height:70px;font-size:1.75rem}}@media(max-width:480px){.modern-modal{width:98%;margin:.5rem}.modal-header,.modal-content,.modal-actions{padding-left:1rem;padding-right:1rem}.modal-title{font-size:1.1rem}.modal-message{font-size:.85rem}.modal-icon{width:60px;height:60px;font-size:1.5rem}}.admin-panel{display:flex;min-height:100vh;background:#f8fafc;font-family:Inter,sans-serif}.sidebar{width:280px;background:linear-gradient(135deg,#374151,#1f2937);color:#fff;transition:width .3s ease;box-shadow:2px 0 10px #0000001a;flex-shrink:0}.sidebar.collapsed{width:80px}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{margin:0;font-size:1.5rem;font-weight:600}.collapse-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.collapse-btn:hover{background:#fff3}.sidebar-nav{padding:1rem 0}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#fffc;text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .3s ease;font-size:1rem}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#fff3;color:#fff;border-right:none;outline:none}.nav-item:focus{outline:none}.nav-item svg{font-size:1.2rem;min-width:20px}.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-header h2{display:none}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:auto}.top-header{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.header-left h1{margin:0;font-size:1.8rem;font-weight:600;color:#1a202c}.header-right{display:flex;align-items:center;gap:1rem}.notification-btn{position:relative;background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;color:#64748b;transition:all .3s ease}.notification-btn:hover{background:#f1f5f9;color:#475569}.badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center}.user-menu{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#f8fafc;border:1px solid #e2e8f0}.user-menu:hover{background:#f1f5f9;border-color:#cbd5e1}.user-name{font-weight:500;color:#374151;font-size:.9rem}.logout-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.logout-btn:hover{color:#ef4444;background:#fef2f2}.content-area{flex:1;padding:2rem;overflow-y:auto}.dashboard{display:flex;flex-direction:column;gap:2rem}.dashboard-layout{display:flex;gap:30px;align-items:flex-start}.filter-section{margin-top:0}.stats-section{flex:3}.filter-section{flex:1;min-width:250px;margin-top:3rem}.stats-grid-new{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.stats-section-full{padding:0 1rem;margin-bottom:2rem}.stats-header{margin-bottom:1.5rem}.header-content{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:2px solid #e2e8f0}.stats-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#1a202c}.header-filter{display:flex;align-items:center}.simple-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;color:#374151;cursor:pointer;transition:all .3s ease;min-width:150px}.simple-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.stat-card-new{position:relative;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card-new:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 40px #00000026}.card-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.05;z-index:1}.card-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0%,transparent 50%);z-index:2}.card-content{position:relative;z-index:3;display:flex;flex-direction:row;align-items:center;gap:1rem}.card-icon{width:30px;height:30px;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease;flex-shrink:0}.stat-card-new:hover .card-icon{transform:scale(1.05) rotate(3deg);box-shadow:0 8px 20px #667eea66}.card-info{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.card-number{font-size:1.1rem;font-weight:800;color:#1a202c;line-height:1.1;letter-spacing:-.02em}.card-title{font-size:.7rem;font-weight:600;color:#374151;margin:0;line-height:1.2}.card-subtitle{font-size:.6rem;color:#6b7280;font-weight:500;margin:0;line-height:1.2}.card-badge,.stat-card-new:hover .card-badge{display:none}.badge-text{font-weight:700}.stat-card-new:nth-child(1) .card-background{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card-new:nth-child(1) .card-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card-new:nth-child(2) .card-background{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-new:nth-child(2) .card-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-new:nth-child(3) .card-background{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card-new:nth-child(3) .card-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card-new:nth-child(4) .card-background{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-new:nth-child(4) .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card-new:nth-child(5) .card-background{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-new:nth-child(5) .card-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-new:nth-child(6) .card-background{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card-new:nth-child(6) .card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card-new:nth-child(7) .card-background{background:linear-gradient(135deg,#fde68a,#fbbf24)}.stat-card-new:nth-child(7) .card-icon{background:linear-gradient(135deg,#fde68a,#fbbf24)}.stat-card-new:nth-child(8) .card-background{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-card-new:nth-child(8) .card-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-card-new:nth-child(9) .card-background{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card-new:nth-child(9) .card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card-new:nth-child(10) .card-background{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card-new:nth-child(10) .card-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}@media(max-width:1400px){.stats-grid-new{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.stats-grid-new{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.stats-grid-new{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid-new{grid-template-columns:1fr}.stat-card-new{padding:1rem}.card-number{font-size:1.3rem}.card-icon{width:40px;height:40px;font-size:1rem}.card-title{font-size:.9rem}.card-subtitle{font-size:.75rem}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-icon.users{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.pending{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.active{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.kontenjan{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon.filled{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon.available{background:linear-gradient(135deg,#a8edea,#fed6e3)}.stat-icon.total-quotas{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.stat-icon.applications{background:linear-gradient(135deg,#2ed573,#1e90ff)}.stat-icon.remaining{background:linear-gradient(135deg,#ffa502,#ff6348)}.stat-content h3{margin:0;font-size:2rem;font-weight:700;color:#1a202c}.stat-content p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.dashboard-filters{margin-bottom:2rem}.filter-section-top{margin-bottom:2rem;padding:0 1rem}.filter-card.modern{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9;transition:all .3s ease;position:relative;z-index:1000}.filter-card.modern:hover{box-shadow:0 8px 30px #0000001f}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.filter-header h3{margin:0;color:#1a202c;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.filter-badge{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.75rem}.badge-count{font-weight:700;font-size:1rem}.badge-text{font-size:.7rem;opacity:.9}.filter-card:not(.modern){background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.filter-card:not(.modern) h3{margin:0 0 1rem;color:#1a202c;font-size:1.2rem;font-weight:600}.filter-controls{margin-bottom:1rem}.select-wrapper{position:relative;width:100%;z-index:1000}.filter-select.modern{width:100%;padding:1rem 1rem 1rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;background:#fff;color:#374151;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease;font-weight:500;z-index:1000}.filter-select.modern:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fafbff}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:.75rem;pointer-events:none;transition:all .3s ease}.select-wrapper:hover .select-arrow{color:#667eea}.filter-select:not(.modern){width:100%;max-width:300px;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#374151}.filter-select:not(.modern):focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.city-stats.modern{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.city-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.city-stat-header h4{margin:0;color:#1a202c;font-size:1.1rem;font-weight:600}.city-stat-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem}.city-stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}.city-stat-item.modern{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:10px;border:1px solid #f1f5f9;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.city-stat-item.modern:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014;border-color:#e2e8f0}.city-stat-icon-wrapper{width:45px;height:45px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.city-stat-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.city-stat-value{font-weight:700;color:#1a202c;font-size:1.25rem;line-height:1}.city-stat-label{font-weight:500;color:#64748b;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.city-stats:not(.modern){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px}.city-stat-item:not(.modern){display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.stat-label{font-weight:500;color:#64748b;font-size:.9rem}.stat-value{font-weight:600;color:#1a202c;font-size:1rem}.dashboard-charts{display:grid;grid-template-columns:1fr;gap:2rem}.chart-card.full-width{grid-column:1 / -1;width:100%}.chart-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.chart-card h3{margin:0 0 1rem;color:#1a202c;font-size:1.2rem;font-weight:600}.recent-experts{display:flex;flex-direction:column;gap:1rem}.recent-expert{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background:#f8fafc;transition:all .3s ease}.recent-expert:hover{background:#f1f5f9}.recent-expert img{width:40px;height:40px;border-radius:50%;object-fit:cover}.expert-info h4{margin:0;font-size:.9rem;color:#1a202c}.expert-info p{margin:.25rem 0 0;font-size:.8rem;color:#64748b}.status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.status.active{background:#dcfce7;color:#166534}.status.pending{background:#fef3c7;color:#92400e}.status.rejected{background:#fee2e2;color:#991b1b}.status.inactive{background:#6b7280;color:#fff}.status.warning{background:#fef3c7;color:#92400e}.status.ok{background:#dcfce7;color:#166534}.status.expired{background:#fee2e2;color:#991b1b}.kontenjan-summary{display:flex;flex-direction:column;gap:1rem}.kontenjan-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;background:#f8fafc;transition:all .3s ease}.kontenjan-item:hover{background:#f1f5f9}.kontenjan-info h4{margin:0;font-size:.9rem;color:#1a202c}.kontenjan-info p{margin:.25rem 0 0;font-size:.8rem;color:#64748b}.kontenjan-numbers{display:flex;align-items:center;gap:.5rem;font-weight:600}.kontenjan-numbers .filled{color:#dc2626}.kontenjan-numbers .separator{color:#64748b}.kontenjan-numbers .total{color:#059669}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{margin:0;font-size:1.8rem;font-weight:600;color:#1a202c}.header-actions{display:flex;gap:1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-icon{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#64748b;transition:all .3s ease}.btn-icon:hover{background:#f1f5f9;color:#475569}.btn-icon.danger:hover{background:#fee2e2;color:#dc2626}.btn-icon.view-btn{color:#3b82f6;font-size:.8rem}.btn-icon.view-btn:hover{background:#dbeafe;color:#1d4ed8}.btn-icon.edit-btn{color:#10b981;font-size:.8rem}.btn-icon.edit-btn:hover{background:#d1fae5;color:#059669}.btn-icon.delete-btn{color:#ef4444;font-size:.8rem}.btn-icon.delete-btn:hover{background:#fee2e2;color:#dc2626}.btn-icon.export-btn{color:#8b5cf6;font-size:.8rem}.btn-icon.export-btn:hover{background:#ede9fe;color:#7c3aed}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .3s ease}.progress-text{text-align:center;color:#64748b;font-size:.9rem;margin:0}.filters-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;margin-bottom:2rem}.filters-card h3{margin:0 0 1rem;color:#1a202c;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-row select,.filter-row input{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease}.filter-row select:focus,.filter-row input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-row select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.list-header h3{margin:0;font-size:1.3rem;font-weight:600;color:#1a202c}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:#94a3b8}.search-box input{padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;width:300px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.experts-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.experts-table{width:100%;border-collapse:collapse}.experts-table th{background:#f8fafc;padding:.8rem;text-align:left;font-weight:600;color:#1a202c;border-bottom:1px solid #e2e8f0;font-size:.8rem}.experts-table td{padding:.8rem;border-bottom:1px solid #f1f5f9;color:#475569;font-size:.8rem}.experts-table tr:hover{background:#f8fafc;cursor:pointer}.narrow-column{max-width:120px;width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expert-row{transition:all .3s ease}.expert-avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover}.expert-name strong{display:block;color:#1a202c;font-size:.85rem}.expert-name small{color:#64748b;font-size:.75rem}.location-info div{color:#1a202c;font-weight:500;font-size:.85rem}.location-info small{color:#64748b;font-size:.75rem}.date-info div{color:#1a202c;font-weight:500;font-size:.85rem}.date-info small{color:#64748b;font-size:.75rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffff1a;max-width:450px;width:100%;animation:modalSlideIn .3s ease-out;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expert-detail-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.modal-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-radius:20px 20px 0 0}.modal-header h3{margin:0;color:#1a202c;font-size:1.5rem;font-weight:700}.modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.75rem;border-radius:12px;transition:all .3s ease;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#fee2e2;color:#dc2626;transform:scale(1.05)}.modal-body{padding:2rem}.expert-detail-layout{display:flex;flex-direction:column;gap:1.5rem}.profile-header-card{background:linear-gradient(135deg,#1e3a8a,#1e40af);border:1px solid #e2e8f0;border-radius:16px;padding:1.2rem .5rem;display:flex;gap:1rem;align-items:center;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d}.profile-header-card:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%}.profile-image-section{flex-shrink:0;margin-right:12px}.profile-image-wrapper{position:relative}.profile-image-placeholder{width:110px!important;height:110px!important;border-radius:50%!important;background:transparent!important;border:4px solid #ffffff!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:3rem!important;box-shadow:0 8px 25px #00000026!important}.expert-detail-modal .profile-image{width:110px!important;height:110px!important;border-radius:50%!important;object-fit:cover!important;border:4px solid #ffffff!important;box-shadow:0 8px 25px #00000026!important;position:relative!important;z-index:2!important;min-width:110px!important;min-height:110px!important;max-width:110px!important;max-height:110px!important}.profile-status-badge{position:absolute;bottom:2px;right:2px;width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #667eea}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:#10b981}.status-dot.pending{background:#f59e0b}.status-dot.rejected{background:#ef4444}.profile-info-section{flex:1;position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding-left:20px}.profile-name-section{margin-bottom:0;text-align:left}.expert-name{margin:0;font-size:1.5rem;font-weight:700;color:#fff;position:relative;z-index:2;text-align:left}.profile-badges{margin-bottom:0}.badge-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.tc-badge{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2);box-shadow:0 2px 8px #667eea1a}.status-badge{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2);box-shadow:0 2px 8px #f59e0b1a}.status-badge.active{background:#10b9811a;color:#10b981;border-color:#10b98133;box-shadow:0 2px 8px #10b9811a}.status-badge.pending{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33;box-shadow:0 2px 8px #f59e0b1a}.status-badge.rejected{background:#ef44441a;color:#ef4444;border-color:#ef444433;box-shadow:0 2px 8px #ef44441a}.profile-details{display:flex;flex-direction:column;gap:.25rem;margin-top:0}.detail-row{display:flex;align-items:center;gap:.75rem;font-size:.875rem;padding:.125rem 0;justify-content:flex-start}.detail-icon{width:16px;color:#fffc;flex-shrink:0}.detail-text{font-weight:600;color:#fff;font-size:.875rem;text-align:left}.expert-details-list{display:flex;flex-direction:column;gap:1.5rem}.detail-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.detail-section:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1e3a8a,#1e40af)}.detail-section h4{margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.3px}.detail-section h4 svg{font-size:1.2rem;flex-shrink:0}.personal-info h4{color:#059669}.personal-info h4 svg{color:#059669}.personal-info:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#059669,#10b981)}.work-info h4{color:#dc2626}.work-info h4 svg{color:#dc2626}.work-info:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#dc2626,#ef4444)}.address-info h4{color:#7c3aed}.address-info h4 svg{color:#7c3aed}.address-info:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.register-info h4{color:#ea580c}.register-info h4 svg{color:#ea580c}.register-info:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ea580c,#f97316)}.about-info h4{color:#0891b2}.about-info h4 svg{color:#0891b2}.about-info:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#0891b2,#06b6d4)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.detail-label{font-weight:600;color:#000;min-width:160px;flex-shrink:0;display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.3px;font-size:.8rem}.detail-label:before{content:"";width:6px;height:6px;background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px #1e3a8a33}.detail-value{color:#000;font-weight:600;text-align:right;flex:1;font-size:.9rem;line-height:1.5;background:#1e3a8a0d;padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(30,58,138,.1)}.about-text{background:linear-gradient(135deg,#1e3a8a0d,#1e40af08);padding:1.5rem;border-radius:12px;border:1px solid rgba(30,58,138,.1);font-size:.85rem;line-height:1.6;color:#000;margin-top:1rem;font-weight:600;box-shadow:inset 0 2px 4px #1e3a8a0d}.modal-footer{padding:2rem;border-top:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 20px 20px}.action-buttons{display:flex;gap:1rem}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;box-shadow:0 4px 6px #f59e0b33}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 8px 15px #f59e0b4d}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;box-shadow:0 4px 6px #10b98133}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 15px #10b9814d}.expert-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.expert-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.expert-header{padding:1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:1rem}.expert-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.expert-info{flex:1}.expert-info h4{margin:0;font-size:1.1rem;font-weight:600;color:#1a202c}.expert-info .location{margin:.25rem 0;font-size:.9rem;color:#64748b}.expert-info .sector{margin:.25rem 0;font-size:.9rem;color:#667eea;font-weight:500}.expert-info .sub-sector{margin:.25rem 0 0;font-size:.8rem;color:#94a3b8}.expert-actions{display:flex;gap:.5rem}.expert-details{padding:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.detail-item:last-child{border-bottom:none}.detail-item .label{font-weight:500;color:#64748b;font-size:.9rem}.detail-item .value{color:#1a202c;font-size:.9rem}.kontenjan-forms{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.form-card h3{margin:0 0 1.5rem;color:#1a202c;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}.form-row select,.form-row input{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease}.form-row select:focus,.form-row input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.kontenjan-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.kontenjan-table table{width:100%;border-collapse:collapse}.kontenjan-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#1a202c;border-bottom:1px solid #e2e8f0}.kontenjan-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#475569}.kontenjan-table tr:hover{background:#f8fafc}.table-actions{display:flex;gap:.5rem}.loading{text-align:center;padding:3rem;color:#64748b;font-size:1.1rem}.coming-soon{text-align:center;padding:4rem;color:#64748b;font-size:1.2rem}@media(max-width:1024px){.sidebar{width:280px}.sidebar.collapsed{width:80px}.dashboard-charts,.kontenjan-forms{grid-template-columns:1fr}.expert-details-list{gap:1rem}.profile-header-card{flex-direction:column;text-align:center;gap:1.5rem}.profile-image-section{margin-top:0}.expert-detail-modal .profile-image{width:200px!important;height:200px!important;min-width:200px!important;min-height:200px!important;max-width:200px!important;max-height:200px!important}.profile-info-section{gap:1rem}.badge-row{justify-content:center}.footer-actions{flex-direction:column;gap:1rem}.action-buttons{justify-content:center}}@media(max-width:768px){.admin-panel{flex-direction:column}.sidebar{width:100%;height:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.experts-grid,.filter-row{grid-template-columns:1fr}.search-box input{width:100%}.expert-detail-modal{margin:1rem;max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1rem}.modal-footer{padding:1rem 1.5rem}.profile-header-card{padding:1rem}.expert-detail-modal .profile-image{width:250px!important;height:250px!important;min-width:250px!important;min-height:250px!important;max-width:250px!important;max-height:250px!important}.expert-name{font-size:1.25rem}.expert-badges{flex-direction:column;align-items:center}.expert-details-list{gap:.75rem}.detail-section{padding:1rem}.detail-item{padding:.5rem 0}.detail-label{min-width:120px}.action-buttons{flex-direction:column;width:100%}.action-buttons button{width:100%;justify-content:center}}.membership-type{font-weight:500;color:#374151;padding:.25rem .5rem;border-radius:4px;background:#f3f4f6;font-size:.875rem}.subscription-chip{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;display:inline-block;text-align:center;min-width:80px}.subscription-chip.paid{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.subscription-chip.free{background:#d1d5db;color:#374151;border:none}.payment-chip{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;display:inline-block;text-align:center;min-width:80px}.payment-chip.free{background:#d1d5db;color:#374151;border:none}.payment-chip.paid{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.payment-chip.pending,.payment-chip.failed{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.detail-section.subscription-info{background:#f8fafc;border-left:4px solid #3b82f6}.detail-section.subscription-info h4{color:#1e40af}.detail-section.subscription-info .detail-item{border-bottom:1px solid #e2e8f0}.detail-section.subscription-info .detail-item:last-child{border-bottom:none}.detail-section.subscription-info .detail-value .status{font-weight:600;padding:.375rem .75rem;border-radius:6px;font-size:.8rem}.detail-section.subscription-info .detail-value .status.expired{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.detail-section.subscription-info .detail-value .status.warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.detail-section.subscription-info .detail-value .status.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.experts-table td:nth-child(6),.experts-table td:nth-child(7),.experts-table td:nth-child(8){text-align:center;vertical-align:middle}.experts-table th:nth-child(6),.experts-table th:nth-child(7),.experts-table th:nth-child(8){text-align:center}.approval-modal{max-width:500px;width:90%;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003}.approval-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0}.approval-modal .modal-header h3{color:#1a202c}.approval-modal .modal-close{color:#64748b;background:#f1f5f9}.approval-modal .modal-close:hover{background:#e2e8f0;color:#475569}.approval-content{text-align:center;padding:1.5rem 0}.approval-icon{font-size:3rem;color:#059669;margin-bottom:.75rem}.approval-content h4{margin:0 0 .75rem;font-size:1.25rem;color:#1a202c;font-weight:600}.approval-content p{margin:.25rem 0;font-size:.95rem;color:#4a5568;line-height:1.5}.approval-content strong{color:#059669;font-weight:600}.approval-modal .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px}.approval-modal .btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #d1d5db}.approval-modal .btn-secondary:hover{background:#e5e7eb;color:#374151}.approval-modal .btn-success{background:#059669;color:#fff;border:none;font-weight:600}.approval-modal .btn-success:hover{background:#047857;transform:translateY(-1px)}.approval-modal .btn-warning{background:#dc2626;color:#fff;border:none;font-weight:600}.approval-modal .btn-warning:hover{background:#b91c1c;transform:translateY(-1px)}.btn-warning.deactivate{background:#dc2626!important;color:#fff!important;border:none!important}.btn-warning.deactivate:hover{background:#b91c1c!important;transform:translateY(-1px)}.expert-detail-modal .btn-warning{background:#dc2626!important;color:#fff!important;border:none!important}.expert-detail-modal .btn-warning:hover{background:#b91c1c!important;transform:translateY(-1px)}.subscription-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.action-buttons-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.action-buttons-row button{min-width:140px;height:40px;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-payment{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-payment.paid{background:#059669;color:#fff}.btn-payment.paid:hover{background:#047857;transform:translateY(-1px)}.btn-payment.pending{background:#dc2626;color:#fff}.btn-payment.pending:hover{background:#b91c1c;transform:translateY(-1px)}.btn-payment.inactive{background:#9ca3af;color:#fff;opacity:.7}.btn-payment.inactive:hover{background:#6b7280;opacity:1;transform:translateY(-1px)}.btn-secondary{background:#9ca3af!important;color:#fff!important;border:none!important}.btn-secondary:hover{background:#6b7280!important;transform:translateY(-1px)}.payment-buttons-group{display:flex;gap:.75rem;margin-left:auto}.modal-footer{display:flex;flex-direction:column;gap:1rem}.footer-actions{display:flex;justify-content:space-between;align-items:center}.action-buttons{display:flex;gap:.75rem}@media(max-width:768px){.action-buttons-row{flex-direction:column;width:100%}.action-buttons-row button{width:100%;justify-content:center}.footer-actions{flex-direction:column;gap:1rem}.action-buttons{width:100%;justify-content:center}}.logout-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logout-popup{background:#fff;border-radius:16px;padding:0;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{background:linear-gradient(135deg,#374151,#1f2937);padding:1.5rem;border-radius:16px 16px 0 0;text-align:center;border-bottom:1px solid #4b5563}.popup-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;margin-bottom:1rem;font-size:2rem}.popup-icon.warning{background:#fff;color:#dc2626;border:2px solid #dc2626}.popup-header h3{margin:0;color:#fff;font-size:1.25rem;font-weight:600}.popup-body{padding:1.5rem;text-align:center}.popup-body p{margin:0 0 .5rem;color:#374151;font-size:1rem}.popup-subtitle{color:#6b7280!important;font-size:.875rem!important;margin-top:.5rem!important}.popup-actions{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:center}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem;flex:1;min-width:120px;display:flex;align-items:center;justify-content:center}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.btn-danger{background:#ef4444;color:#fff;border:1px solid #dc2626;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:120px}.btn-danger:hover{background:#dc2626;border-color:#b91c1c}.membership-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;isolation:isolate}.membership-page .membership-header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.membership-page .membership-header .header-content{display:flex;align-items:center;justify-content:flex-start;padding:1rem 0;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}.membership-page .membership-header .back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#16a34a;font-size:1rem;cursor:pointer;transition:color .3s ease;margin-left:3rem;outline:none}.membership-page .membership-header .back-button:hover{color:#000}.membership-page .membership-header .logo img{height:40px;width:auto}.membership-page .membership-hero{padding:2rem 0 1.5rem;text-align:center;background:transparent;color:#1e293b;display:flex;justify-content:center;align-items:center;min-height:200px}.membership-page .membership-hero .hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.membership-page .membership-hero .hero-content h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:none}.membership-page .membership-hero .hero-content p{font-size:1rem;opacity:.9;max-width:500px;margin:0 auto}.membership-page .membership-packages{padding:2rem 0}.membership-page .membership-packages .packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;padding:0 20px;align-items:start}.membership-page .membership-packages .package-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.membership-page .membership-packages .package-card.standard{padding-bottom:1.5rem}.membership-page .membership-packages .package-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.membership-page .membership-packages .package-card.featured{border:2px solid #3b82f6;transform:scale(1.05)}.membership-page .membership-packages .featured-badge{position:absolute;top:.75rem;right:.75rem;background:#dc2626;color:#fff;padding:.375rem .75rem;border-radius:15px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.membership-page .membership-packages .package-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.membership-page .membership-packages .package-icon{margin-bottom:.75rem}.membership-page .membership-packages .package-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.membership-page .membership-packages .package-header h4{font-size:1rem;color:#64748b;margin-bottom:1rem}.membership-page .membership-packages .price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.membership-page .membership-packages .currency{font-size:1.25rem;color:#64748b}.membership-page .membership-packages .amount{font-size:2.25rem;font-weight:700;color:#1e293b}.membership-page .membership-packages .period{font-size:1rem;color:#64748b}.membership-page .membership-packages .yearly-price{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:10px;text-align:center}.membership-page .membership-packages .yearly-label{display:block;font-size:.875rem;color:#64748b;margin-bottom:.5rem}.membership-page .membership-packages .yearly-amount{display:block;font-size:1.5rem;font-weight:700;color:#dc2626;margin-bottom:.25rem}.membership-page .membership-packages .savings{display:block;font-size:.875rem;color:#10b981;font-weight:600}.membership-page .membership-packages .package-features{margin-bottom:1.5rem}.membership-page .membership-packages .package-features ul{list-style:none;padding:0;margin:0}.membership-page .membership-packages .package-features li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.membership-page .membership-packages .package-features li:last-child{border-bottom:none}.membership-page .membership-packages .package-features span{color:#475569;font-size:.85rem}.membership-page .membership-packages .package-footer{text-align:center}.membership-page .membership-packages .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:none;width:100%;margin-bottom:.5rem}.membership-page .membership-packages .btn:last-child{margin-bottom:0}.membership-page .membership-packages .btn-standard{background:#10b981;color:#fff}.membership-page .membership-packages .btn-standard:hover{background:#059669;transform:translateY(-2px)}.membership-page .membership-packages .btn-premium{background:#3b82f6;color:#fff}.membership-page .membership-packages .btn-premium:hover{background:#2563eb;transform:translateY(-2px)}.membership-page .membership-packages .btn-yearly{background:#dc2626;color:#fff}.membership-page .membership-packages .btn-yearly:hover{background:#b91c1c;transform:translateY(-2px)}.membership-page .membership-benefits{padding:2rem 0;background:#fff}.membership-page .membership-benefits h2{text-align:center;font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:2rem}.membership-page .membership-benefits .benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 20px}.membership-page .membership-benefits .benefit-item{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:12px;transition:transform .3s ease}.membership-page .membership-benefits .benefit-item:hover{transform:translateY(-5px)}.membership-page .membership-benefits .benefit-item h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:.75rem 0 .5rem}.membership-page .membership-benefits .benefit-item p{color:#64748b;line-height:1.5;font-size:.9rem}.membership-page .membership-faq{padding:2rem 0;background:#f8fafc}.membership-page .membership-faq h2{text-align:center;font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:2rem}.membership-page .membership-faq .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 20px}.membership-page .membership-faq .faq-item{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000000d}.membership-page .membership-faq .faq-item h4{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.75rem}.membership-page .membership-faq .faq-item p{color:#64748b;line-height:1.5;font-size:.9rem}.membership-page .membership-footer{background:#1e293b;color:#fff;padding:2rem 0;text-align:center}.membership-page .membership-footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 20px}.membership-page .membership-footer .footer-content .logo img{height:40px;width:auto;filter:brightness(0) invert(1)}@media(max-width:768px){.membership-page .membership-hero .hero-content h1{font-size:1.75rem}.membership-page .membership-hero .hero-content p{font-size:.9rem}.membership-page .membership-packages .packages-grid{grid-template-columns:1fr;gap:1rem}.membership-page .membership-packages .package-card.featured{transform:none}.membership-page .membership-benefits h2,.membership-page .membership-faq h2{font-size:1.5rem}.membership-page .membership-benefits .benefits-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.membership-page .membership-faq .faq-grid{grid-template-columns:1fr;gap:1rem}.membership-page .membership-packages .package-card{padding:1rem}.membership-page .membership-packages .amount{font-size:2rem}}@media(max-width:480px){.membership-page .membership-hero{padding:1.5rem 0 1rem}.membership-page .membership-packages,.membership-page .membership-benefits,.membership-page .membership-faq{padding:1.5rem 0}.membership-page .membership-hero .hero-content h1{font-size:1.5rem}.membership-page .membership-packages .package-card{padding:1rem}.membership-page .membership-packages .btn{padding:.75rem 1.5rem;font-size:.9rem}.membership-page .membership-benefits .benefits-grid{grid-template-columns:1fr;gap:1rem}}.membership-page .button-container{position:relative;display:inline-block;width:100%}.membership-page .coming-soon-badge{position:absolute;bottom:-5px;right:-5px;background:#dc2626;color:#fff;font-size:.6rem;font-weight:600;padding:1px 4px;border-radius:0;z-index:10;box-shadow:0 2px 6px #dc26264d;animation:pulse-badge 2s infinite;border:1px solid rgba(255,255,255,.2)}@keyframes pulse-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.membership-page .accordion-header{cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem;transition:background-color .3s ease;border-radius:4px;padding-left:0;margin-left:0}.membership-page .accordion-header:hover{background-color:#f9fafb}.membership-page .accordion-header .faq-icon{margin-left:auto;color:#6b7280;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.membership-page .accordion-header .faq-icon.open{transform:rotate(180deg)}.membership-page .standard-feature{animation:slideInFromTop .3s ease forwards;opacity:0;transform:translateY(-10px)}.membership-page .standard-feature:nth-child(1){animation-delay:.1s}.membership-page .standard-feature:nth-child(2){animation-delay:.15s}.membership-page .standard-feature:nth-child(3){animation-delay:.2s}.membership-page .standard-feature:nth-child(4){animation-delay:.25s}.membership-page .standard-feature:nth-child(5){animation-delay:.3s}@keyframes slideInFromTop{to{opacity:1;transform:translateY(0)}}.membership-page .standard-features-accordion{margin-left:1.5rem;margin-bottom:.5rem;border-left:2px solid #e5e7eb;padding-left:1rem;max-height:0;overflow:hidden;opacity:0;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform:translateY(-10px)}.membership-page .standard-features-accordion.open{max-height:300px;opacity:1;padding-top:.5rem;padding-bottom:.5rem;transform:translateY(0)}.membership-page .standard-features-accordion.closed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}.membership-page .standard-feature{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.85rem;color:#6b7280}.membership-page .package-features ul li:not(.accordion-header):not(.standard-feature){margin-left:0;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@media(max-width:1600px){.container{padding:0 1.5rem}}@media(max-width:768px){.container{padding:0 1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#2b5164,#1e3a47);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2b51644d}.btn-outline{background:transparent;color:#2b5164;border:2px solid #2B5164}.btn-outline:hover{background:#2b5164;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.btn{padding:.6rem 1.2rem;font-size:.85rem}}@media(max-width:480px){.btn{padding:.5rem 1rem;font-size:.8rem}}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}}html{scroll-behavior:smooth}button,a{-webkit-tap-highlight-color:transparent}button:focus,a:focus{outline:2px solid #2B5164;outline-offset:2px}