body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column}.homepage{width:100%}.hero-section{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:0;position:relative}.hero-video-container{height:120%;left:-10%;min-height:120%;min-width:120%;overflow:hidden;position:absolute;top:0;width:120%;z-index:1}.hero-fallback-image{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:0}.hero-fallback-image.fade-out{opacity:0}.hero-video{height:100%;left:0;overflow:hidden;top:0;width:100%}.hero-video,.hero-video iframe{border:none;pointer-events:none;position:absolute}.hero-video iframe{height:120%;left:50%;min-height:120%;min-width:120%;top:50%;transform:translate(-50%,-50%);width:120%}@media (max-width:768px){.hero-video iframe{height:100%;min-height:100%;min-width:100%;transform:translate(-50%,-50%) scale(1.1);width:100%}}.video-overlay{background:linear-gradient(135deg,#24bbeb99,#28599680 50%,#0006);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.video-controls{display:flex;gap:1rem;position:absolute;right:2rem;top:2rem;z-index:4}.video-control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 20px #0003;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.video-control-btn:hover{background:#fff;box-shadow:0 6px 25px #0000004d;transform:scale(1.1)}.video-loading{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:3}.loading-spinner{border:4px solid #ffffff4d;height:50px;margin:0 auto 1rem;width:50px}.video-loading p{font-size:1.1rem;font-weight:600;text-shadow:0 2px 10px #00000080}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:4rem 2rem;position:relative;z-index:3}.hero-content{max-width:600px}.hero-badge{margin-bottom:1.5rem}.badge-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:25px;box-shadow:0 4px 20px #0000001a;color:#24bbeb;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1.5rem}.hero-title{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 4px 20px #0000004d}.hero-description{color:#ffffffe6;font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem;text-shadow:0 2px 10px #0000004d}.hero-buttons{display:flex;gap:1.5rem}.btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#24bbeb,#285996);box-shadow:0 4px 20px #24bbeb66;font-size:1.1rem;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#285996,#3a9ecc);box-shadow:0 6px 25px #24bbeb99;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;font-size:1.1rem;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 6px 25px #fff3;transform:translateY(-3px)}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.btn-primary:hover .btn-icon,.btn-secondary:hover .btn-icon{transform:translateX(3px)}@media (max-width:1024px){.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}}@media (max-width:768px){.hero-section{min-height:100vh}.hero-container{gap:2rem;padding:2rem 1rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-buttons{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{padding:1rem;width:100%}.video-controls{gap:.5rem;right:1rem;top:1rem}.video-control-btn{font-size:1rem;height:40px;width:40px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.badge-text{font-size:.8rem;padding:.4rem 1rem}}.workshop-gallery{background:linear-gradient(135deg,#f8f9ff,#e8f4fd);overflow:hidden;padding:4rem 0;position:relative}.workshop-gallery:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%2324BBEB' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23285996' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%2324BBEB' opacity='.05'/%3E%3Ccircle cx='10' cy='50' r='.5' fill='%23285996' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.workshop-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.workshop-header{margin-bottom:3rem;text-align:center}.workshop-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;color:#333;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.workshop-description{color:#666;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:600px}.workshop-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.tab-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.tab-button:hover{border-color:#24bbeb;box-shadow:0 4px 20px #24bbeb33;color:#24bbeb;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#24bbeb,#285996);border-color:#0000;box-shadow:0 4px 20px #24bbeb4d;color:#fff}.tab-icon{font-size:1.2rem}.gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.gallery-title{color:#333;font-size:1.8rem;font-weight:700;margin:0}.image-counter{background:linear-gradient(135deg,#24bbeb,#285996);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.gallery-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.gallery-item{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;cursor:pointer;height:280px;overflow:hidden;transition:all .3s ease}.gallery-item:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-8px)}.gallery-item.featured{border:2px solid #24bbeb;box-shadow:0 8px 30px #24bbeb33}.image-container{border-radius:16px;height:100%;overflow:hidden;position:relative;width:100%}.gallery-image{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.gallery-item:hover .gallery-image{transform:scale(1.05)}.image-overlay{align-items:center;background:linear-gradient(135deg,#24bbebe6,#285996cc);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.gallery-item:hover .image-overlay{opacity:1}.overlay-content{color:#fff;padding:1rem;text-align:center}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.3rem 1rem}.item-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px #0000004d}.item-description{font-size:1rem;margin-bottom:1rem;opacity:.9;text-shadow:0 1px 5px #0000004d}.view-icon{animation:pulse 2s infinite;font-size:1.5rem}.workshop-cta{background:#fff;border:1px solid #24bbeb1a;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:3rem 2rem;text-align:center}.cta-title{color:#333;font-size:2rem;margin-bottom:1rem}.cta-description{color:#666;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px}.cta-button{align-items:center;background:linear-gradient(135deg,#24bbeb,#285996);border:none;border-radius:12px;box-shadow:0 4px 20px #24bbeb4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.cta-button:hover{background:linear-gradient(135deg,#285996,#3a9ecc);box-shadow:0 6px 25px #24bbeb66;transform:translateY(-3px)}.button-icon{font-size:1.2rem;transition:transform .3s ease}.cta-button:hover .button-icon{transform:translateX(3px)}.vip-moment-section{background:linear-gradient(135deg,#f8f9ff,#e8f4fd);border-radius:20px;margin:4rem 0;overflow:hidden;padding:3rem 0;position:relative}.vip-moment-section:before{background:linear-gradient(135deg,#24bbeb0d,#2859960d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.vip-moment-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.vip-moment-text{text-align:left}.vip-moment-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#2859a6);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.vip-moment-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:0}.vip-moment-image{border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden;position:relative;transition:transform .3s ease}.vip-moment-image:hover{transform:scale(1.02)}.vip-image{display:block;height:400px;object-fit:cover;object-position:center;width:100%}.vip-image-overlay{align-items:flex-start;background:linear-gradient(135deg,#0000001a,#0000004d);bottom:0;display:flex;justify-content:flex-end;left:0;padding:1.5rem;position:absolute;right:0;top:0}.vip-badge{background:linear-gradient(135deg,#24bbeb,#2859a6);border-radius:25px;box-shadow:0 4px 15px #24bbeb4d;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.testimonials-section{background:#fff;border:1px solid #24bbeb1a;border-radius:16px;box-shadow:0 8px 30px #0000001a;margin-bottom:3rem;padding:2rem 0}.testimonials-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.testimonials-horizontal{-ms-overflow-style:none;display:flex;gap:1.5rem;margin:0 auto;max-width:1200px;overflow-x:auto;padding:0 2rem;scrollbar-width:none}.testimonials-horizontal::-webkit-scrollbar{display:none}.testimonial-compact{background:linear-gradient(135deg,#f8f9ff,#e8f4fd);border:1px solid #24bbeb1a;border-radius:12px;flex-shrink:0;min-width:280px;padding:1.5rem;position:relative;transition:transform .3s ease}.testimonial-compact:hover{box-shadow:0 8px 25px #24bbeb33;transform:translateY(-3px)}.testimonial-compact:before{color:#24bbeb;content:'"';font-family:serif;font-size:2.5rem;left:15px;opacity:.3;position:absolute;top:-5px}.testimonial-rating{display:flex;gap:.2rem;margin-bottom:.8rem}.star{font-size:1rem}.testimonial-content{color:#333;font-size:.9rem;font-style:italic;line-height:1.5;margin-bottom:1rem}.testimonial-author{border-top:1px solid #24bbeb33;display:flex;flex-direction:column;gap:.2rem;padding-top:.8rem}.author-name{color:#24bbeb;font-size:.9rem;font-weight:700}.author-role{color:#666;font-size:.8rem}.modal-overlay{background:#000000e6;padding:2rem}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative}.modal-close{background:#000000b3;color:#fff;font-size:1.5rem;height:40px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:1001}.modal-close:hover{background:#000000e6;transform:scale(1.1)}.modal-image{height:500px;object-fit:cover;object-position:center;width:100%}.modal-info{padding:2rem}.modal-title{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.modal-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.modal-category{background:linear-gradient(135deg,#24bbeb,#285996);border-radius:15px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.3rem 1rem}@media (max-width:768px){.workshop-gallery{padding:4rem 0}.workshop-container{padding:0 1rem}.workshop-title{font-size:2.5rem}.workshop-description{font-size:1.1rem}.workshop-tabs{gap:.5rem}.tab-button{font-size:.9rem;padding:.8rem 1.5rem}.gallery-grid{gap:1.5rem;grid-template-columns:1fr}.image-container{height:250px}.gallery-header{flex-direction:column;gap:1rem;text-align:center}.testimonials-horizontal{padding:0 1rem}.workshop-cta{padding:2rem 1.5rem}.cta-title{font-size:1.8rem}.modal-overlay{padding:1rem}.modal-image{height:300px}.modal-info{padding:1.5rem}.modal-content{max-height:95vh;max-width:95vw}}@media (max-width:480px){.workshop-title{font-size:2rem}.tab-button{font-size:.8rem;padding:.7rem 1rem}.tab-icon{font-size:1rem}.image-container{height:200px}.item-title{font-size:1.3rem}.item-description{font-size:.9rem}.vip-moment-content{gap:2rem;grid-template-columns:1fr;text-align:center}.vip-moment-text{text-align:center}.vip-moment-title{font-size:2rem}.vip-image{height:300px}}.gateway-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:5rem 0;position:relative}.gateway-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(36,187,235,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.gateway-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:2}.gateway-header{margin-bottom:4rem;text-align:center}.gateway-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem;position:relative}.gateway-title:after{background:linear-gradient(135deg,#24bbeb,#285996);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.gateway-subtitle{color:#64748b;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.gateway-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.gateway-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.gateway-card:before{background:var(--gateway-color);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.gateway-card:hover:before{transform:scaleX(1)}.gateway-card:hover{border-color:var(--gateway-color);box-shadow:0 20px 40px #00000026;transform:translateY(-15px) scale(1.02)}.gateway-icon{align-items:center;background:linear-gradient(135deg,var(--gateway-color),#24bbebcc);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:80px}.gateway-card:hover .gateway-icon{box-shadow:0 10px 25px #0003;transform:scale(1.1) rotate(5deg)}.icon-emoji{filter:brightness(1.1)}.gateway-card-title{color:#1e293b;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.gateway-card-description{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.gateway-arrow{color:var(--gateway-color);opacity:0;transform:translateX(-10px);transition:all .3s ease}.gateway-card:hover .gateway-arrow{opacity:1;transform:translateX(0)}.gateway-cta{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;text-align:center}.gateway-btn{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s ease}.gateway-btn.primary{background:linear-gradient(135deg,#24bbeb,#285996);box-shadow:0 8px 25px #24bbeb4d;color:#fff}.gateway-btn.primary:hover{box-shadow:0 12px 35px #24bbeb66;transform:translateY(-3px)}.gateway-btn.secondary{background:#0000;border:2px solid #24bbeb;color:#24bbeb}.gateway-btn.secondary:hover{background:#24bbeb;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.gateway-section{padding:3rem 0}.gateway-title{font-size:2.5rem}.gateway-subtitle{font-size:1.1rem}.gateway-grid{gap:1.5rem;grid-template-columns:1fr}.gateway-card{padding:2rem 1.5rem}.gateway-cta{align-items:center;flex-direction:column}.gateway-btn{max-width:300px;width:100%}}@media (max-width:480px){.gateway-container{padding:0 1rem}.gateway-title{font-size:2rem}.gateway-card{padding:1.5rem 1rem}.gateway-icon{height:60px;width:60px}.icon-emoji{font-size:2rem}}.articles-section{background:#fff;padding:5rem 0;position:relative}.articles-container{margin:0 auto;max-width:1400px;padding:0 2rem}.articles-header{display:block!important;margin-bottom:3rem;text-align:center}.articles-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem;position:relative}.articles-title:after{background:linear-gradient(135deg,#24bbeb,#285996);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.articles-subtitle{color:#64748b;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.articles-categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.category-btn{background:#f8fafc;border:2px solid #0000;border-radius:50px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:500;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.category-btn:before{background:var(--category-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.category-btn span{position:relative;z-index:2}.category-btn:hover{box-shadow:0 8px 25px #24bbeb4d;color:#fff;transform:translateY(-2px)}.category-btn:hover:before{opacity:1}.category-btn.active{background:var(--category-color);box-shadow:0 4px 15px #24bbeb4d;color:#fff}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1200px}.article-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 30px #00000014;height:-webkit-fit-content;height:fit-content;margin:0 auto;max-width:380px;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.article-card:before{background:linear-gradient(135deg,#24bbeb,#285996);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.article-card:hover:before{transform:scaleX(1)}.article-card:hover{border-color:#24bbeb;box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.article-card.featured{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#24bbeb}.article-thumbnail{margin-bottom:1.5rem;position:relative}.thumbnail-icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:15px;display:block;font-size:2.5rem;padding:1.5rem;text-align:center;transition:all .3s ease}.article-card:hover .thumbnail-icon{background:linear-gradient(135deg,#24bbeb,#285996);transform:scale(1.05)}.featured-badge{background:linear-gradient(135deg,#24bbeb,#285996);border-radius:20px;box-shadow:0 4px 15px #24bbeb4d;font-size:.8rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.article-content{margin-bottom:1.5rem}.article-meta{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:1rem}.article-category{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.article-date{color:#94a3b8}.article-title{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.8rem;transition:color .3s ease}.article-card:hover .article-title{color:#24bbeb}.article-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.article-footer{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:1rem}.article-author{align-items:center;color:#64748b;display:flex;gap:.5rem}.author-avatar{font-size:1.2rem}.article-stats{align-items:center;color:#94a3b8;display:flex;gap:1rem}.article-comments,.article-read-time,.article-views{align-items:center;display:flex;font-size:.8rem;gap:.3rem}.comments-icon,.read-more-btn,.read-time-icon,.views-icon{font-size:.9rem}.read-more-btn{align-items:center;background:#0000;border:2px solid #24bbeb;border-radius:10px;color:#24bbeb;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.8rem;transition:all .3s ease;width:100%}.read-more-btn:hover{background:#24bbeb;box-shadow:0 8px 25px #24bbeb4d;color:#fff;transform:translateY(-2px)}.articles-cta{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;text-align:center}.subscribe-btn,.view-all-btn{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.view-all-btn{background:linear-gradient(135deg,#24bbeb,#285996);box-shadow:0 8px 25px #24bbeb4d;color:#fff}.view-all-btn:hover{box-shadow:0 12px 35px #24bbeb66;transform:translateY(-3px)}.subscribe-btn{background:#0000;border:2px solid #24bbeb;color:#24bbeb}.subscribe-btn:hover{background:#24bbeb;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.articles-section{padding:3rem 0}.articles-title{font-size:2.5rem}.articles-subtitle{font-size:1.1rem}.articles-categories{gap:.8rem;margin-bottom:2rem}.category-btn{font-size:.9rem;padding:.6rem 1.2rem}.articles-grid{gap:1.5rem;grid-template-columns:1fr;max-width:100%}.article-card{max-width:100%;padding:1.2rem}.articles-cta{align-items:center;flex-direction:column}.subscribe-btn,.view-all-btn{max-width:300px;width:100%}}@media (max-width:480px){.articles-container{padding:0 1rem}.articles-title{font-size:2rem}.category-btn{font-size:.85rem;padding:.5rem 1rem}.article-card{padding:1.2rem}.thumbnail-icon{font-size:2.5rem;padding:1.5rem}}.news-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:80px 0}.news-container{margin:0 auto;max-width:1200px;padding:0 20px}.news-header{margin-bottom:60px;text-align:center}.news-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:20px}.news-subtitle{color:#64748b;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.news-tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:50px}.news-tab{background:#fff;border:2px solid #0000;border-radius:30px;box-shadow:0 2px 10px #0000001a;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.news-tab:before{background:var(--tab-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.news-tab:hover:before{opacity:.1}.news-tab.active{background:var(--tab-color);box-shadow:0 8px 25px #24bbeb4d;color:#fff;transform:translateY(-2px)}.news-tab:hover:not(.active){border-color:var(--tab-color);color:var(--tab-color);transform:translateY(-2px)}.news-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:50px}.news-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.news-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.news-card.breaking{border:2px solid #e74c3c}.news-image{align-items:center;background:linear-gradient(135deg,#24bbeb,#285996);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.news-icon{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:4rem}.breaking-badge{animation:pulse 2s infinite;background:#e74c3c;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.priority-indicator{border:2px solid #fff;border-radius:50%;height:12px;left:15px;position:absolute;top:15px;width:12px}.news-content{padding:25px}.news-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.news-source{background:#f1f5f9;border-radius:15px;color:#475569;font-size:.85rem;font-weight:600;padding:6px 12px}.news-date{color:#94a3b8;font-size:.9rem}.news-title-text{-webkit-line-clamp:2;color:#1e293b;font-size:1.3rem;font-weight:700;line-height:1.4;margin-bottom:15px}.news-excerpt,.news-title-text{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.news-excerpt{-webkit-line-clamp:3;color:#64748b;line-height:1.6;margin-bottom:20px}.news-footer{flex-wrap:wrap;justify-content:space-between}.news-footer,.news-stats{align-items:center;display:flex;gap:15px}.news-read-time,.news-shares,.news-views{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;gap:5px}.read-time-icon,.shares-icon,.views-icon{font-size:1rem}.read-more-news-btn{align-items:center;background:linear-gradient(135deg,#24bbeb,#285996);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.read-more-news-btn:hover{box-shadow:0 8px 25px #24bbeb66;transform:translateY(-2px)}.read-more-news-btn svg{transition:transform .3s ease}.read-more-news-btn:hover svg{transform:translateX(3px)}.news-cta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.newsletter-btn,.view-all-news-btn{border:none;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.view-all-news-btn{background:linear-gradient(135deg,#24bbeb,#285996);color:#fff}.view-all-news-btn:hover{box-shadow:0 10px 30px #24bbeb66;transform:translateY(-3px)}.newsletter-btn{background:#fff;border:2px solid #24bbeb;color:#24bbeb}.newsletter-btn:hover{background:#24bbeb;box-shadow:0 10px 30px #24bbeb4d;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.news-section{padding:60px 0}.news-title{font-size:2.5rem}.news-subtitle{font-size:1.1rem}.news-tabs{gap:10px}.news-tab{font-size:.9rem;padding:10px 20px}.news-grid{gap:20px;grid-template-columns:1fr}.news-content{padding:20px}.news-footer{align-items:stretch;flex-direction:column}.news-stats{justify-content:center}.news-cta{align-items:center;flex-direction:column}.newsletter-btn,.view-all-news-btn{max-width:300px;width:100%}}@media (max-width:480px){.news-title{font-size:2rem}.news-subtitle{font-size:1rem}.news-tabs{align-items:center;flex-direction:column}.news-tab{max-width:200px;width:100%}}.video-gallery-section{background:#fff;padding:80px 0}.video-gallery-container{margin:0 auto;max-width:1200px;padding:0 20px}.video-carousel-section{margin-bottom:60px}.carousel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.carousel-title{align-items:center;display:flex;gap:15px}.category-label{color:#64748b;font-size:1.5rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.carousel-categories{display:flex;gap:15px}.carousel-category-btn{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 2px 8px #00000014;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .3s ease}.carousel-category-btn.active{background:var(--category-color);box-shadow:0 4px 15px #24bbeb4d;color:#fff;transform:translateY(-2px)}.carousel-category-btn:hover:not(.active){border-color:var(--category-color);color:var(--category-color)}.carousel-container{align-items:center;display:flex;gap:20px;position:relative}.carousel-arrow{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:45px;justify-content:center;transition:all .3s ease;width:45px;z-index:2}.carousel-arrow:hover{border-color:#24bbeb;box-shadow:0 4px 12px #24bbeb33;color:#24bbeb;transform:translateY(-2px)}.carousel-arrow-left{margin-right:10px}.carousel-arrow-right{margin-left:10px}.video-carousel{-ms-overflow-style:none;display:flex;flex:1 1;gap:20px;overflow-x:auto;padding:10px 0;scroll-behavior:smooth;scrollbar-width:none}.video-carousel::-webkit-scrollbar{display:none}.video-thumbnail{border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;flex:0 0 280px;overflow:hidden;transition:all .3s ease}.video-thumbnail:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.video-thumbnail.active{border-color:#24bbeb;box-shadow:0 8px 25px #24bbeb4d}.thumbnail-image{height:180px;overflow:hidden;position:relative}.thumbnail-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-thumbnail:hover .thumbnail-image img{transform:scale(1.05)}.play-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-thumbnail:hover .play-overlay{opacity:1}.play-button{align-items:center;background:#ffffffe6;border-radius:50%;color:#24bbeb;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.play-button:hover{background:#fff;transform:scale(1.1)}.thumbnail-title{align-items:center;background:#fff;color:#1e293b;display:flex;font-size:.9rem;font-weight:500;line-height:1.4;min-height:60px;padding:15px}.main-video-section{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001f;overflow:hidden}.main-video-container,.video-player{position:relative}.video-player{background:#000;height:0;padding-bottom:56.25%;width:100%}.video-player iframe{height:100%;left:0;position:absolute;top:0;width:100%}.powered-by{color:#94a3b8;font-size:.85rem;font-weight:500;margin-top:30px;text-align:center}@media (max-width:1024px){.video-gallery-container{padding:0 15px}.video-thumbnail{flex:0 0 250px}.thumbnail-image{height:160px}}@media (max-width:768px){.video-gallery-section{padding:60px 0}.carousel-header{align-items:flex-start;flex-direction:column;gap:20px}.carousel-categories{justify-content:center}.carousel-container{gap:10px}.carousel-arrow{height:40px;width:40px}.video-thumbnail{flex:0 0 220px}.thumbnail-image{height:140px}}@media (max-width:480px){.video-gallery-container{padding:0 10px}.carousel-categories{flex-wrap:wrap;justify-content:center}.carousel-category-btn{font-size:.8rem;padding:6px 16px}.carousel-container{gap:5px}.carousel-arrow{height:35px;width:35px}.video-thumbnail{flex:0 0 200px}.thumbnail-image{height:120px}.thumbnail-title{font-size:.8rem;min-height:50px;padding:12px}}.stats-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;padding:80px 0;position:relative}.stats-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='%23e2e8f0' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.stats-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}.stats-header{margin-bottom:60px;text-align:center}.stats-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:20px}.stats-subtitle{color:#64748b;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.stats-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:80px}.stat-card{border:2px solid #0000;border-radius:20px;box-shadow:0 8px 30px #00000014;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .4s ease}.stat-card:before{background:var(--stat-color);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:var(--stat-color);box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.stat-icon{margin-bottom:20px}.icon-emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3.5rem}.stat-number{color:var(--stat-color);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:10px}.stat-label{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:12px}.stat-description{color:#64748b;font-size:.95rem;line-height:1.5}.features-section{margin-bottom:80px}.features-title{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-left:4px solid var(--feature-color);border-radius:16px;box-shadow:0 6px 25px #00000014;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,var(--feature-color) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.feature-card:hover:before{opacity:.05}.feature-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.feature-icon{margin-bottom:20px;position:relative;z-index:2}.feature-icon .icon-emoji{font-size:2.5rem}.feature-content{position:relative;z-index:2}.feature-title{color:#1e293b;font-size:1.3rem;font-weight:600;margin-bottom:15px}.feature-description{color:#64748b;font-size:.95rem;line-height:1.6}.achievements-section{margin-bottom:80px}.achievements-title{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.achievements-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.achievement-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 6px 25px #00000014;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.achievement-card:before{background:linear-gradient(180deg,#24bbeb,#285996);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.achievement-card:hover:before{transform:scaleY(1)}.achievement-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-3px)}.achievement-icon{flex-shrink:0}.achievement-icon .icon-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem}.achievement-content{flex:1 1}.achievement-title{color:#1e293b;font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:10px}.achievement-description{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:15px}.achievement-year{background:linear-gradient(135deg,#24bbeb,#285996);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.stats-cta{background:#fff;border-radius:20px;box-shadow:0 8px 30px #00000014;padding:50px;text-align:center}.cta-title{color:#1e293b;font-size:2.2rem;font-weight:700;margin-bottom:20px}.cta-description{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-btn-primary,.cta-btn-secondary{border:none;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:15px 30px;transition:all .3s ease}.cta-btn-primary{background:linear-gradient(135deg,#24bbeb,#285996);color:#fff}.cta-btn-primary:hover{box-shadow:0 10px 30px #24bbeb66;transform:translateY(-3px)}.cta-btn-secondary{background:#fff;border:2px solid #24bbeb;color:#24bbeb}.cta-btn-secondary:hover{background:#24bbeb;box-shadow:0 10px 30px #24bbeb4d;color:#fff;transform:translateY(-3px)}@media (max-width:1024px){.stats-container{padding:0 15px}.features-grid,.stats-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.achievements-grid{gap:25px;grid-template-columns:1fr}}@media (max-width:768px){.stats-section{padding:60px 0}.stats-title{font-size:2.5rem}.stats-subtitle{font-size:1.1rem}.stats-grid{margin-bottom:60px}.features-grid,.stats-grid{gap:20px;grid-template-columns:1fr}.achievements-grid{gap:20px}.achievements-title,.features-title{font-size:2rem;margin-bottom:40px}.cta-title{font-size:1.8rem}.cta-description{font-size:1rem}.cta-buttons{align-items:center;flex-direction:column}.cta-btn-primary,.cta-btn-secondary{max-width:300px;width:100%}}@media (max-width:480px){.stats-section{padding:50px 0}.stats-title{font-size:2rem}.stats-subtitle{font-size:1rem}.stat-card{padding:25px 20px}.stat-number{font-size:2rem}.feature-card{padding:25px 20px}.achievement-card{flex-direction:column;gap:15px;padding:20px;text-align:center}.stats-cta{padding:40px 25px}.cta-title{font-size:1.6rem}}.contact-section{background:linear-gradient(135deg,#fff,#f8fafc);padding:80px 0;position:relative}.contact-container{margin:0 auto;max-width:1200px;padding:0 20px}.contact-header{margin-bottom:60px;text-align:center}.contact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:20px}.contact-subtitle{color:#64748b;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px}.contact-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.contact-info-section{display:flex;flex-direction:column;gap:40px}.info-section-title{color:#1e293b;font-size:2rem;font-weight:600;margin-bottom:30px}.contact-info-grid{display:flex;flex-direction:column;gap:25px}.contact-info-card{align-items:flex-start;background:#fff;border-left:4px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.contact-info-card:hover{border-left-color:#24bbeb;box-shadow:0 8px 30px #0000001f;transform:translateY(-3px)}.info-icon{flex-shrink:0}.icon-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem}.info-content{flex:1 1}.info-title{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:8px}.info-details{color:#24bbeb;font-size:1rem;font-weight:500;margin-bottom:6px}.info-description{color:#64748b;font-size:.9rem;line-height:1.5}.social-links-section{margin-top:20px}.social-title{color:#1e293b;font-size:1.3rem;margin-bottom:20px}.social-links{flex-wrap:wrap;gap:15px}.social-link{background:#fff;border-radius:25px;box-shadow:0 2px 10px #00000014;color:#64748b;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px}.social-link:hover{box-shadow:0 6px 20px #00000026;color:var(--social-color);transform:translateY(-2px)}.contact-form-section{background:#fff;border-radius:20px;box-shadow:0 8px 30px #00000014;padding:40px}.form-section-title{color:#1e293b;font-size:2rem;font-weight:600;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:25px}.form-label{color:#1e293b;font-size:.95rem;margin-bottom:8px}.form-input,.form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:1rem;padding:15px 18px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#24bbeb;box-shadow:0 0 0 3px #24bbeb1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-textarea{min-height:120px}.submit-btn{align-items:center;border-radius:12px;display:flex;font-size:1rem;gap:10px;justify-content:center;margin-top:10px;padding:16px 32px}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #24bbeb4d;transform:translateY(-2px)}.submit-btn.submitting{background:linear-gradient(135deg,#64748b,#475569)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:1024px){.contact-container{padding:0 15px}.contact-content{gap:40px}.contact-form-section{padding:30px}}@media (max-width:768px){.contact-section{padding:60px 0}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem}.contact-content{gap:40px;grid-template-columns:1fr}.form-section-title,.info-section-title{font-size:1.8rem}.form-row{gap:15px;grid-template-columns:1fr}.contact-form{gap:20px}.social-links{justify-content:center}}@media (max-width:480px){.contact-section{padding:50px 0}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-info-card{flex-direction:column;gap:15px;padding:20px;text-align:center}.contact-form-section{padding:25px 20px}.form-input,.form-textarea{font-size:.95rem;padding:12px 15px}.submit-btn{font-size:.95rem;padding:14px 28px}.social-links{align-items:center;flex-direction:column}.social-link{justify-content:center;max-width:200px;width:100%}}.questionnaire-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:15px}.questionnaire-header{margin-bottom:20px;text-align:center}.questionnaire-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:8px}.questionnaire-header p{color:#64748b;font-size:1rem;font-weight:500}.questionnaire-content{background:#fff;border:2px solid #24bbeb;border-radius:14px;box-shadow:0 8px 25px #0000001a;margin:0 auto;max-width:650px;padding:25px;position:relative}.option-item.unselected{background:#f1f5f9;opacity:.6}.questionnaire-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.questionnaire-auth-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh}.results-container h2{margin-bottom:18px}.result-item{margin-bottom:12px;padding:18px}.result-item .question-number{height:30px;width:30px}.question-content h3{font-size:1rem;margin-bottom:8px}.selected-answer{color:#24bbeb;font-size:.85rem;font-weight:500}.results-actions{gap:12px;margin-top:18px}.retake-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.retake-btn:hover{box-shadow:0 3px 10px #10b9814d;transform:translateY(-1px)}@media (max-width:768px){.questionnaire-container{padding:12px}.questionnaire-content{padding:20px}.questionnaire-header h1{font-size:1.6rem}.question-text h2{font-size:1.2rem}.question-number-circle{font-size:1.2rem;height:48px;width:48px}.option-item{padding:10px}.questionnaire-actions{align-items:center;flex-direction:column;gap:10px}.navigation-buttons{justify-content:center;width:100%}.auth-prompt{margin:15px;padding:25px 20px}.results-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.questionnaire-content{padding:18px}.question-pagination{gap:4px}.page-number{font-size:.8rem;height:28px;width:28px}.nav-btn{font-size:.8rem;padding:5px 8px}.option-text{font-size:.9rem}.questionnaire-header h1{font-size:1.4rem}.question-text h2{font-size:1.1rem}}.voting-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:15px}.voting-header{margin-bottom:20px;text-align:center}.voting-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:8px}.voting-header p{color:#64748b;font-size:1rem;font-weight:500}.voting-content{background:#fff;border:2px solid #24bbeb;border-radius:14px;box-shadow:0 8px 25px #0000001a;margin:0 auto;max-width:650px;padding:25px;position:relative}.question-pagination{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:22px}.nav-btn{background:#e2e8f0;border:none;border-radius:5px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 10px;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:#cbd5e1;color:#475569}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.page-number{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;height:30px;justify-content:center;transition:all .3s ease;width:30px}.page-number:hover{background:#cbd5e1;color:#475569}.page-number.active{background:#24bbeb;box-shadow:0 3px 10px #24bbeb4d;color:#fff}.question-display{margin-bottom:22px;text-align:center}.question-number-circle{align-items:center;background:#24bbeb;border-radius:50%;box-shadow:0 4px 12px #24bbeb4d;color:#fff;display:flex;font-size:1.4rem;font-weight:700;height:55px;justify-content:center;margin:0 auto 18px;width:55px}.question-text h2{color:#1e293b;font-size:1.3rem;font-weight:600;line-height:1.3;margin-bottom:20px}.options-container{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:450px}.option-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.option-item:hover{background:#f0f9ff;border-color:#24bbeb;box-shadow:0 4px 12px #24bbeb1a;transform:translateY(-1px)}.option-item.selected{background:#f0f9ff;border-color:#24bbeb;box-shadow:0 4px 12px #24bbeb33}.option-text{color:#1e293b;font-size:.95rem;font-weight:600;margin-bottom:10px;text-align:left}.option-progress{background:#e2e8f0;height:20px;overflow:hidden}.option-progress,.progress-bar{border-radius:10px;position:relative}.progress-bar{background:#24bbeb;height:100%;transition:width .5s ease}.progress-bar.filled{background:linear-gradient(135deg,#24bbeb,#285996);background-image:repeating-linear-gradient(45deg,#0000,#0000 5px,#ffffff1a 0,#ffffff1a 10px)}.progress-text{color:#1e293b;font-size:.75rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.voting-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.back-btn{background:#f59e0b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.4px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.back-btn:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.navigation-buttons{display:flex;gap:10px}.next-btn,.prev-btn,.submit-btn{background:linear-gradient(135deg,#24bbeb,#285996);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.next-btn:hover:not(:disabled),.prev-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #24bbeb4d;transform:translateY(-1px)}.next-btn:disabled,.prev-btn:disabled,.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.progress-indicator{margin-top:18px;text-align:center}.progress-text{color:#64748b;font-size:.85rem;font-weight:500;margin-bottom:10px}.progress-bar-container{background:#e2e8f0;border-radius:2.5px;height:5px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#24bbeb,#285996);border-radius:2.5px;height:100%;transition:width .5s ease}.voting-auth-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh}.auth-prompt{background:#fff;border:2px solid #24bbeb;border-radius:14px;box-shadow:0 8px 25px #0000001a;max-width:380px;padding:30px;text-align:center}.auth-prompt h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:12px}.auth-prompt p{color:#64748b;font-size:.95rem;line-height:1.4;margin-bottom:20px}.login-btn{background:linear-gradient(135deg,#24bbeb,#285996);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.login-btn:hover{box-shadow:0 5px 18px #24bbeb4d;transform:translateY(-1px)}.results-container{background:#fff;border:2px solid #24bbeb;border-radius:14px;box-shadow:0 8px 25px #0000001a;margin:0 auto;max-width:650px;padding:25px;text-align:center}.results-container h2{color:#1e293b;font-size:1.3rem;font-weight:600;margin-bottom:15px}.result-item{border-left:3px solid #24bbeb;border-radius:10px;gap:12px;margin-bottom:8px;padding:12px;text-align:left}.result-item .question-number{align-items:center;background:#24bbeb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:26px;justify-content:center;width:26px}.question-content h3{color:#1e293b;font-size:.9rem;font-weight:600;margin-bottom:6px}.user-vote-result{display:flex;flex-direction:column;gap:4px}.vote-label{color:#64748b;font-size:.7rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.selected-option{background:#24bbeb1a;border:1px solid #24bbeb33;border-radius:4px;color:#24bbeb;font-size:.8rem;font-weight:600;padding:4px 8px}.results-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.vote-again-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.vote-again-btn:hover{box-shadow:0 3px 10px #10b9814d;transform:translateY(-1px)}@media (max-width:768px){.voting-container{padding:12px}.voting-content{padding:20px}.voting-header h1{font-size:1.6rem}.question-text h2{font-size:1.2rem}.question-number-circle{font-size:1.2rem;height:48px;width:48px}.option-item{padding:10px}.voting-actions{align-items:center;flex-direction:column;gap:10px}.navigation-buttons{justify-content:center;width:100%}.auth-prompt{margin:15px;padding:25px 20px}.results-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.voting-content{padding:18px}.question-pagination{gap:4px}.page-number{font-size:.8rem;height:28px;width:28px}.nav-btn{font-size:.8rem;padding:5px 8px}.option-text{font-size:.9rem}.voting-header h1{font-size:1.4rem}.question-text h2{font-size:1.1rem}}.auth-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh;overflow:hidden;position:relative}.auth-background{align-items:center;color:#fff;display:flex;flex:1 1;justify-content:center;padding:25px;position:relative}.auth-background-overlay{background:#0000004d;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.auth-background-content{max-width:450px;position:relative;text-align:center;z-index:2}.auth-background-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;margin-bottom:14px;text-shadow:0 4px 8px #0000004d}.auth-background-content p{font-size:1rem;line-height:1.4;opacity:.9;text-shadow:0 2px 4px #0000004d}.auth-form-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;display:flex;flex:1 1;justify-content:center;padding:30px}.auth-form-wrapper{background:#fff;border-radius:18px;box-shadow:0 20px 60px #0000001a;max-width:380px;overflow:hidden;padding:30px;position:relative;width:100%}.auth-form-wrapper:before{background:linear-gradient(135deg,#24bbeb,#285996);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-header{margin-bottom:22px;text-align:center}.auth-header h2{color:#1e293b;font-size:1.7rem;font-weight:700;margin-bottom:5px}.auth-header p{color:#64748b;font-size:.85rem;font-weight:500}.auth-form{margin-bottom:18px}.form-group{margin-bottom:14px}.form-group label{color:#374151;font-size:.8rem;margin-bottom:5px}.form-group input,.form-group select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:.9rem;padding:10px 12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#24bbeb;box-shadow:0 0 0 3px #24bbeb1a;outline:none}.form-group input.error{background:#fef2f2;border-color:#ef4444}.form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:.75rem;margin-top:4px}.user-type-select{background-image:url("data:image/svg+xml;charset=utf-8,%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 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:35px}.submit-btn{background:linear-gradient(135deg,#24bbeb,#285996);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:6px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease;width:100%}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 10px 25px #24bbeb4d;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.auth-footer{margin-bottom:18px;text-align:center}.auth-footer p{color:#6b7280;font-size:.8rem}.toggle-btn{background:none;border:none;color:#24bbeb;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .3s ease}.toggle-btn:hover{color:#285996}.auth-divider{margin:18px 0;position:relative;text-align:center}.auth-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#9ca3af;font-size:.8rem;font-weight:500;padding:0 12px}.social-auth{display:flex;flex-direction:column;gap:10px}.social-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:10px 12px;position:relative;transition:all .3s ease}.social-btn:before{background:#f9fafb;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:-1}.social-btn:hover:before{transform:translateX(0)}.social-btn:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.social-icon{flex-shrink:0;height:18px;width:18px}.google-btn:hover{border-color:#ea4335;color:#ea4335}.linkedin-btn:hover{border-color:#0077b5;color:#0077b5}@media (max-width:1024px){.auth-container{flex-direction:column}.auth-background{min-height:220px;padding:20px}.auth-background-content h1{font-size:2.2rem}.auth-background-content p{font-size:.9rem}.auth-form-container{padding:20px}.auth-form-wrapper{max-width:360px;padding:25px}}@media (max-width:768px){.auth-background{min-height:180px}.auth-background-content h1{font-size:1.8rem}.auth-background-content p{font-size:.85rem}.auth-form-wrapper{margin:0 8px;max-width:340px;padding:22px}.auth-header h2{font-size:1.5rem}.form-group input,.form-group select{font-size:.85rem;padding:9px 11px}.submit-btn{font-size:.85rem;padding:11px}.social-btn{font-size:.8rem;padding:9px 11px}}@media (max-width:480px){.auth-background{min-height:160px;padding:15px 10px}.auth-background-content h1{font-size:1.5rem}.auth-background-content p{font-size:.8rem}.auth-form-wrapper{margin:0 5px;max-width:300px;padding:20px}.auth-header h2{font-size:1.3rem}.form-group input,.form-group select{font-size:.8rem;padding:8px 10px}.submit-btn{font-size:.8rem;padding:10px}.social-btn{font-size:.75rem;padding:8px 10px}}.auth-form-wrapper{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.submit-btn:disabled:before{display:none}.form-group input:focus-visible,.form-group select:focus-visible,.social-btn:focus-visible,.submit-btn:focus-visible{outline:2px solid #24bbeb;outline-offset:2px}.search-filters{flex-wrap:wrap;gap:12px}.search-box,.search-filters{align-items:center;display:flex}.search-icon{color:#6b7280;font-size:1rem;left:12px;z-index:1}.search-input{min-width:300px;padding-left:40px}.filter-select{border:2px solid #e5e7eb;color:#374151;padding:10px 12px;transition:all .3s ease}.filter-select:focus{border-color:#24bbeb;box-shadow:0 0 0 3px #24bbeb1a}.btn-icon{margin-right:8px}.users-list{margin-top:24px}.list-header{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.list-stats{display:flex;gap:20px}.stat-item{font-size:.9rem}.stat-item strong{color:#1e293b;font-weight:600}.users-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{grid-template-columns:2fr 2fr 2fr 1fr 1fr 1fr}.header-cell{color:#374151;font-size:.9rem;padding:16px 20px}.user-row{border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:2fr 2fr 2fr 1fr 1fr 1fr;transition:all .3s ease}.user-row:hover{background:#f8fafc;transform:translateX(4px)}.user-row:last-child{border-bottom:none}.profile-cell{align-items:center;display:flex;gap:16px;padding:20px}.user-avatar{background:linear-gradient(135deg,#24bbeb,#285996);box-shadow:0 4px 12px #24bbeb4d;font-size:1.5rem;height:50px;width:50px}.user-info h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 4px}.user-role{color:#64748b;font-size:.85rem;font-weight:500}.contact-cell{align-items:center;display:flex;padding:20px}.contact-info{gap:4px}.email{color:#1e293b;font-size:.9rem;font-weight:500}.phone{color:#64748b;font-size:.85rem}.company-cell{align-items:center;display:flex;padding:20px}.company-info{flex-direction:column;gap:4px}.company-name{color:#1e293b;font-size:.9rem}.company-location{color:#64748b;font-size:.85rem}.status-cell{align-items:center;display:flex;padding:20px}.status-badge{border-radius:20px;padding:6px 12px}.status-badge.active{color:#059669}.status-badge.inactive{background:#fef2f2;color:#dc2626}.status-badge.pending{background:#fef3c7;color:#d97706}.joined-cell{align-items:center;display:flex;padding:20px}.join-date{color:#64748b;font-size:.85rem;font-weight:500}.actions-cell{align-items:center;display:flex;padding:20px}@media (max-width:768px){.search-filters{align-items:stretch;flex-direction:column}.search-input{min-width:auto;width:100%}.filter-select{width:100%}.list-header{align-items:stretch;flex-direction:column;gap:16px}.list-stats{justify-content:space-around}.table-header,.user-row{gap:0;grid-template-columns:1fr}.header-cell{display:none}.actions-cell,.company-cell,.contact-cell,.joined-cell,.profile-cell,.status-cell{border-bottom:1px solid #f1f5f9;padding:12px 16px}.profile-cell{background:#f8fafc;border-radius:8px 8px 0 0}.actions-cell{background:#f8fafc;border-bottom:none;border-radius:0 0 8px 8px}.user-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px}.user-row:hover{box-shadow:0 4px 12px #0000001a;transform:none}}.create-user-container{background:#f8fafc;color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.form-header{text-align:center}@media (max-width:1024px){.form-layout{grid-template-columns:1fr}.form-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;position:static}.section-nav{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1rem}.section-btn{justify-content:center;padding:.75rem}.section-label{display:none}}.edit-user-container{background:#f8fafc;color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.form-header{border-bottom:1px solid #e2e8f0}.breadcrumb-link{font-size:.95rem;padding:.5rem 0}.btn-reset{font-weight:600}.form-layout{max-width:1400px;min-height:calc(100vh - 140px)}.form-sidebar{border-right:1px solid #e2e8f0;height:calc(100vh - 140px);overflow-y:auto;top:0}.section-nav{padding:1.5rem 1rem}.section-btn{gap:1rem;padding:1rem}.section-btn.active{background:#3b82f6}.form-main{background:#f8fafc;overflow-y:auto}.user-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.section-title{font-size:24px;margin-bottom:2rem;padding-bottom:1rem;position:relative}.section-title:after{background:#3b82f6;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.form-grid{margin-bottom:2rem}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-input:focus{outline:none}.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.avatar-upload{display:flex;justify-content:center;margin-bottom:1rem}.avatar-input{display:none}.avatar-label{align-items:center;border:3px dashed #d1d5db;border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;overflow:hidden;transition:all .2s ease;width:120px}.avatar-label:hover{background:#f8fafc;border-color:#3b82f6}.avatar-preview{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:.5rem}.upload-icon{font-size:24px}.upload-text{font-size:12px;font-weight:500}.form-checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:.75rem;margin-top:1.5rem}.form-checkbox{accent-color:#3b82f6}.checkbox-label{font-size:14px}.dynamic-list{display:flex;flex-direction:column;gap:2rem}.dynamic-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;position:relative}.dynamic-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.remove-btn{background:#fee2e2;color:#dc2626;padding:.5rem;position:absolute;right:1rem;top:1rem}.remove-btn:hover{background:#fecaca;transform:scale(1.05)}.add-btn{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#3b82f6;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 1.5rem}.add-btn:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.experience-item{background:#f8fafc;border:1px solid #e2e8f0}.achievements-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.achievements-title{color:#374151;font-size:16px;font-weight:600;margin-bottom:1rem}.achievements-list{flex-direction:column;gap:.75rem}.achievement-item{align-items:center;display:flex;gap:.75rem}.achievement-input{flex:1 1}.remove-achievement-btn{background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:10px;padding:.5rem;transition:all .2s ease}.remove-achievement-btn:hover{background:#fecaca}.add-achievement-btn{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;color:#0369a1;cursor:pointer;font-size:12px;font-weight:500;margin-top:.5rem;padding:.75rem 1rem;transition:all .2s ease}.add-achievement-btn:hover{background:#e0f2fe;border-color:#7dd3fc}.form-actions{border-top:1px solid #e5e7eb;margin-top:3rem}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{background:#9ca3af}@media (max-width:1024px){.form-layout{grid-template-columns:1fr}.form-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;position:static}.section-nav{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1rem}.section-btn{justify-content:center;padding:.75rem}.section-label{display:none}.form-header{flex-direction:column;gap:1rem}.header-actions{align-self:flex-end}}@media (max-width:768px){.form-main{padding:1rem}.user-form{padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-header{padding:1.5rem 1rem}.form-title{font-size:24px}.section-title{font-size:20px}.form-actions{flex-direction:column}.btn{width:100%}.dynamic-item{padding:1rem}.remove-btn{right:.5rem;top:.5rem}}@media (max-width:480px){.form-header{padding:1rem}.form-main{padding:.75rem}.user-form{border-radius:8px;padding:1rem}.form-title{font-size:20px}.section-title{font-size:18px}.avatar-label{height:100px;width:100px}.section-nav{grid-template-columns:repeat(3,1fr)}.section-btn{font-size:12px;padding:.5rem}.section-icon{font-size:16px}}.btn-primary:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:14px;margin-left:.5rem;width:14px}.form-input:invalid:not(:focus):not(:placeholder-shown){border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-input:valid:not(:placeholder-shown){border-color:#16a34a}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.changed{background-color:#fffbeb;border-color:#f59e0b}.form-input.changed:focus{background-color:#fff;border-color:#3b82f6}.articles-management-container{background:#f8fafc;min-height:100vh;padding:2rem}.articles-header{border:1px solid #e2e8f0;padding:1.5rem}.filter-controls{gap:1.5rem}.filter-group{min-width:150px}.filter-label{color:#475569;font-size:13px;font-weight:500}.filter-select:focus{box-shadow:0 0 0 2px #3b82f61a}.articles-content{border:1px solid #e2e8f0}.articles-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:1.5rem}.stat-item{background:#fff;border:1px solid #e2e8f0;padding:1rem;text-align:center}.stat-number{color:#3b82f6;display:block;margin-bottom:.25rem}.articles-table{min-width:1020px}.table-body{background:#fff}.admin-article-title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;flex:1 1;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.author-name,.category-name,.publish-date{color:#475569;font-size:13px;font-weight:500}.no-articles{padding:3rem 1rem}.no-articles-icon{font-size:48px}.no-articles h3{color:#475569;font-size:18px;margin-bottom:.5rem}.no-articles p{color:#94a3b8;font-size:14px}@media (max-width:1024px){.articles-management-container{padding:1.5rem}.articles-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start}.filter-controls{gap:1rem}.filter-group{min-width:120px}}@media (max-width:768px){.articles-header,.articles-management-container{padding:1rem}.page-title{font-size:24px}.filters-section{padding:1rem}.filter-controls{flex-direction:column;gap:1rem}.filter-group{min-width:auto}.articles-stats{grid-template-columns:repeat(2,1fr);padding:1rem}.table-header{font-size:12px;padding:.75rem 1rem}.table-row{gap:.75rem;grid-template-columns:1fr;padding:1rem;text-align:left}.header-cell{display:none}.table-cell{min-height:auto;padding:.25rem 0}.table-cell:before{color:#475569;content:attr(data-label);display:block;font-size:12px;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.action-buttons{justify-content:flex-start}.action-btn{height:36px;width:36px}}@media (max-width:480px){.articles-header,.articles-management-container{padding:.75rem}.page-title{font-size:20px}.filters-section{padding:.75rem}.articles-stats{grid-template-columns:1fr;padding:.75rem}.table-row{padding:.75rem}.admin-article-title{font-size:14px}.btn{font-size:13px;padding:.5rem 1rem}}.table-row{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.articles-table-container::-webkit-scrollbar{height:6px}.articles-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.articles-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.articles-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-article-container{background:#f8fafc;min-height:100vh;padding:2rem}@media (max-width:1024px){.add-article-container{padding:1.5rem}.form-layout{gap:1.5rem;grid-template-columns:1fr}.form-sidebar{order:-1;position:static}.section-nav{border-radius:8px;display:flex;overflow-x:auto}.section-btn{border-bottom:none;border-right:1px solid #f1f5f9;flex-shrink:0;min-width:140px}.section-btn:last-child{border-right:none}.section-btn.active{border-bottom:none;border-right:3px solid #3b82f6}}@media (max-width:768px){.add-article-container,.form-header{padding:1rem}.form-title{font-size:24px}.form-main{padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.section-nav{flex-direction:column;overflow-x:visible}.section-btn{border-bottom:1px solid #f1f5f9;border-right:none;min-width:auto}.section-btn:last-child{border-bottom:none}.section-btn.active{border-bottom:3px solid #3b82f6;border-right:none}.form-actions{flex-direction:column}.btn{min-width:auto;width:100%}}@media (max-width:480px){.add-article-container,.form-header{padding:.75rem}.form-title{font-size:20px}.form-main{padding:1rem}.section-title{font-size:18px}}.edit-article-container{background:#f8fafc;min-height:100vh;padding:2rem}.article-form{max-width:none}@media (max-width:1024px){.edit-article-container{padding:1.5rem}.form-layout{gap:1.5rem;grid-template-columns:1fr}.form-sidebar{order:-1;position:static}.section-nav{border-radius:8px;display:flex;overflow-x:auto}.section-btn{border-bottom:none;border-right:1px solid #f1f5f9;flex-shrink:0;min-width:140px}.section-btn:last-child{border-right:none}.section-btn.active{border-bottom:none;border-right:3px solid #3b82f6}.form-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start}}@media (max-width:768px){.edit-article-container,.form-header{padding:1rem}.form-title{font-size:24px}.form-main{padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.section-nav{flex-direction:column;overflow-x:visible}.section-btn{border-bottom:1px solid #f1f5f9;border-right:none;min-width:auto}.section-btn:last-child{border-bottom:none}.section-btn.active{border-bottom:3px solid #3b82f6;border-right:none}.form-actions{flex-direction:column}.btn{min-width:auto;width:100%}}@media (max-width:480px){.edit-article-container,.form-header{padding:.75rem}.form-title{font-size:20px}.form-main{padding:1rem}.section-title{font-size:18px}}.news-management-container{background:#f8fafc;min-height:100vh;padding:2rem}.news-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.admin-news-title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;flex:1 1;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.author-name{color:#475569;font-weight:500}.author-name,.category-name{font-size:13px}.status-badge{padding:.25rem .5rem}.publish-date{color:#475569;font-size:13px;font-weight:500}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}.stats-col{display:none}}@media (max-width:1024px){.news-management-container{padding:1.5rem}.management-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.date-col{display:none}}@media (max-width:768px){.news-management-container{padding:1rem}.page-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.filters-row{flex-direction:column}.filter-select{min-width:auto}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.header-cell{display:none}.table-cell{align-items:flex-start;flex-direction:column;gap:.5rem}.table-cell:before{color:#475569;content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.title-content{flex-direction:column;gap:.75rem}.admin-news-image{height:120px;width:100%}.author-info{align-items:flex-start;flex-direction:column;gap:.25rem}.action-buttons{justify-content:flex-start}}@media (max-width:480px){.news-management-container{padding:.75rem}.management-header{padding:1rem}.page-title{font-size:20px}.filters-section,.table-row{padding:1rem}.btn{justify-content:center;width:100%}}.add-news-container{background:#f8fafc;min-height:100vh;padding:2rem}@media (max-width:1024px){.add-news-container{padding:1.5rem}.form-layout{gap:1.5rem;grid-template-columns:1fr}.form-sidebar{order:-1;position:static}.section-nav{border-radius:8px;display:flex;overflow-x:auto}.section-btn{border-bottom:none;border-right:1px solid #f1f5f9;flex-shrink:0;min-width:140px}.section-btn:last-child{border-right:none}.section-btn.active{border-bottom:none;border-right:3px solid #3b82f6}}@media (max-width:768px){.add-news-container,.form-header{padding:1rem}.form-title{font-size:24px}.form-main{padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.section-nav{flex-direction:column;overflow-x:visible}.section-btn{border-bottom:1px solid #f1f5f9;border-right:none;min-width:auto}.section-btn:last-child{border-bottom:none}.section-btn.active{border-bottom:3px solid #3b82f6;border-right:none}.form-actions{flex-direction:column}.btn{min-width:auto;width:100%}}@media (max-width:480px){.add-news-container,.form-header{padding:.75rem}.form-title{font-size:20px}.form-main{padding:1rem}.section-title{font-size:18px}}.edit-news-container{background:#f8fafc;min-height:100vh;padding:2rem}.news-form{max-width:none}.content-editor{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.content-help p{color:#475569;font-size:13px;font-weight:500;margin-bottom:.5rem}.content-help li{color:#64748b;font-size:13px}.image-preview{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;padding:1rem;text-align:center}.image-preview img{border-radius:6px;max-height:200px;max-width:100%}.image-error{color:#ef4444;padding:1rem}.error-icon{display:block;font-size:24px;margin-bottom:.5rem}.error-text{color:#94a3b8;font-size:12px;margin-top:.25rem}.media-tips{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1rem}.media-tips h4{color:#0369a1;font-size:14px;font-weight:600;margin-bottom:.75rem}.media-tips ul{margin:0;padding-left:1.5rem}.media-tips li{color:#0c4a6e;font-size:13px;line-height:1.4;margin-bottom:.25rem}@media (max-width:1024px){.edit-news-container{padding:1.5rem}.form-layout{gap:1.5rem;grid-template-columns:1fr}.form-sidebar{order:-1;position:static}.section-nav{border-radius:8px;display:flex;overflow-x:auto}.section-btn{border-bottom:none;border-right:1px solid #f1f5f9;flex-shrink:0;min-width:140px}.section-btn:last-child{border-right:none}.section-btn.active{border-bottom:none;border-right:3px solid #3b82f6}.form-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start}}@media (max-width:768px){.edit-news-container,.form-header{padding:1rem}.form-title{font-size:24px}.form-main{padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.section-nav{flex-direction:column;overflow-x:visible}.section-btn{border-bottom:1px solid #f1f5f9;border-right:none;min-width:auto}.section-btn:last-child{border-bottom:none}.section-btn.active{border-bottom:3px solid #3b82f6;border-right:none}.form-actions{flex-direction:column}.btn{min-width:auto;width:100%}}@media (max-width:480px){.edit-news-container,.form-header{padding:.75rem}.form-title{font-size:20px}.form-main{padding:1rem}.section-title{font-size:18px}}.video-management-container{background:#f8fafc;min-height:100vh;padding:2rem}.videos-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.title-content{align-items:center;width:100%}.admin-video-title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;flex:1 1;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.featured-badge{background:#fef3c7;border-radius:4px;color:#d97706;display:inline-block;flex-shrink:0;font-size:10px;letter-spacing:.5px;padding:.125rem .25rem;text-transform:uppercase}.category-name{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.duration-info{justify-content:center}.duration{background:#f8fafc;border-radius:4px;color:#64748b;font-family:Courier New,monospace;font-size:13px;padding:4px 8px}.stats-info{justify-content:center}.stat-item{color:#64748b;font-size:12px}.stat-item .stat-icon{background:none;font-size:12px;height:auto;width:auto}.status-badge{border-radius:6px;font-size:12px;font-weight:500;min-width:70px;padding:4px 8px;text-align:center}.status-published{background:#dcfce7;color:#166534}.status-draft{background:#fef3c7;color:#92400e}.status-review{background:#dbeafe;color:#1e40af}.status-archived{background:#f3f4f6;color:#6b7280}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:3fr 1fr 1fr 1fr 1fr 1fr}.stats-col{display:none}}@media (max-width:1024px){.video-management-container{padding:1.5rem}.management-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:3fr 1fr 1fr 1fr 1fr}.duration-col{display:none}}@media (max-width:768px){.video-management-container{padding:1rem}.page-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.filters-row{flex-direction:column}.filter-select{min-width:auto}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.header-cell{display:none}.table-cell{align-items:flex-start;flex-direction:column;gap:.5rem}.table-cell:before{color:#475569;content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.title-content{flex-direction:column;gap:.75rem}.admin-video-thumbnail{height:120px;width:100%}.type-badge{flex-direction:row;justify-content:center}.action-buttons{justify-content:flex-start}}@media (max-width:480px){.video-management-container{padding:.75rem}.management-header{padding:1rem}.page-title{font-size:20px}.filters-section,.table-row{padding:1rem}.btn{justify-content:center;width:100%}}.add-video-container{background:#f8fafc;min-height:100vh;padding:2rem}@media (max-width:1024px){.add-video-container{padding:1.5rem}.form-layout{gap:1.5rem;grid-template-columns:1fr}.form-sidebar{order:-1;position:static}.section-nav{border-radius:8px;display:flex;overflow-x:auto}.section-btn{border-bottom:none;border-right:1px solid #f1f5f9;flex-shrink:0;min-width:140px}.section-btn:last-child{border-right:none}.section-btn.active{border-bottom:none;border-right:3px solid #3b82f6}}@media (max-width:768px){.add-video-container,.form-header{padding:1rem}.form-title{font-size:24px}.form-main{padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.section-nav{flex-direction:column;overflow-x:visible}.section-btn{border-bottom:1px solid #f1f5f9;border-right:none;min-width:auto}.section-btn:last-child{border-bottom:none}.section-btn.active{border-bottom:3px solid #3b82f6;border-right:none}.form-actions,.video-type-selector{flex-direction:column}.btn{min-width:auto;width:100%}}@media (max-width:480px){.add-video-container,.form-header{padding:.75rem}.form-title{font-size:20px}.form-main{padding:1rem}.section-title{font-size:18px}.file-upload-area,.image-upload-area{padding:1rem}}.edit-video-container{background:#f8fafc;min-height:100vh;padding:2rem}.form-header{padding:1.5rem}.breadcrumb-link{font-weight:500}.btn-reset{background:#fef3c7;border:1px solid #fed7aa;border-radius:8px;color:#d97706;font-size:14px;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.btn-reset:hover:not(:disabled){background:#fde68a;border-color:#fbbf24;transform:translateY(-1px)}.btn-reset:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.form-sidebar{top:120px}.section-nav{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-btn{border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.section-btn:last-child{border-bottom:none}.section-btn:hover{background:#f8fafc;color:#3b82f6}.section-btn.active{background:#eff6ff;border-right:3px solid #3b82f6;color:#3b82f6}.section-icon{font-size:18px;text-align:center;width:24px}.section-label{font-size:14px;font-weight:500}.form-main{border:1px solid #e2e8f0}.video-form{max-width:none}.form-section{animation:fadeIn .3s ease-in-out}.section-title{border-bottom:2px solid #f1f5f9;padding-bottom:.75rem}.form-grid{grid-template-columns:repeat(2,1fr)}.form-label{color:#475569;font-weight:500}.form-input,.form-select,.form-textarea{border:1px solid #e2e8f0}.video-type-selector{display:flex;gap:1rem;margin-top:.5rem}.video-type-selector .checkbox-label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:.75rem;padding:1rem;transition:all .2s ease}.video-type-selector .checkbox-label:hover{background:#f8fafc;border-color:#3b82f6}.video-type-selector .checkbox-label input[type=radio]:checked+.checkmark{background:#3b82f6;color:#fff}.video-type-selector .checkbox-label input[type=radio]:checked~span:last-child{color:#3b82f6;font-weight:600}.file-upload-area,.image-upload-area{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .2s ease}.file-upload-area:hover,.image-upload-area:hover{background:#f0f9ff;border-color:#3b82f6}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-upload-content,.image-upload-content{pointer-events:none}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-hint{color:#94a3b8;font-size:12px;margin-top:.25rem}.image-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:120px;max-width:200px}.remove-image-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.tags-input{gap:.75rem}.remove-tag-btn{border-radius:6px;color:#ef4444;font-size:16px;height:28px;transition:all .2s ease;width:28px}.remove-tag-btn:hover{background:#ef4444;color:#fff}.add-tag-btn{align-self:flex-start;background:none;border:1px dashed #3b82f6;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.add-tag-btn:hover{background:#3b82f6;color:#fff}.form-checkbox{display:none}.checkmark{background:#fff;border:2px solid #d1d5db;height:20px;width:20px}.form-checkbox:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.form-checkbox:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.help-text{font-size:13px;margin-top:.25rem}.char-count{color:#94a3b8;font-size:12px}.char-count.warning{color:#f59e0b}.char-count.error{color:#ef4444}.form-actions{padding-top:1.5rem}.btn-primary:disabled{background:#94a3b8;box-shadow:none}@media (max-width:1024px){.edit-video-container{padding:1.5rem}.form-layout{gap:1.5rem;grid-template-columns:1fr}.form-sidebar{order:-1;position:static}.section-nav{border-radius:8px;display:flex;overflow-x:auto}.section-btn{border-bottom:none;border-right:1px solid #f1f5f9;flex-shrink:0;min-width:140px}.section-btn:last-child{border-right:none}.section-btn.active{border-bottom:none;border-right:3px solid #3b82f6}.form-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start}}@media (max-width:768px){.edit-video-container,.form-header{padding:1rem}.form-title{font-size:24px}.form-main{padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.section-nav{flex-direction:column;overflow-x:visible}.section-btn{border-bottom:1px solid #f1f5f9;border-right:none;min-width:auto}.section-btn:last-child{border-bottom:none}.section-btn.active{border-bottom:3px solid #3b82f6;border-right:none}.form-actions,.video-type-selector{flex-direction:column}.btn{min-width:auto;width:100%}}@media (max-width:480px){.edit-video-container,.form-header{padding:.75rem}.form-title{font-size:20px}.form-main{padding:1rem}.section-title{font-size:18px}.file-upload-area,.image-upload-area{padding:1rem}}.form-input:invalid,.form-select:invalid,.form-textarea:invalid{border-color:#ef4444}.form-input:valid,.form-select:valid,.form-textarea:valid{border-color:#10b981}.section-nav::-webkit-scrollbar{height:6px}.section-nav::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.section-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.section-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}.options-management-container{background:#f8fafc;min-height:100vh;padding:2rem}.options-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.text-content{align-items:flex-start;display:flex;gap:1rem}.option-text{flex:1 1;min-width:0}.option-title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:0;overflow:hidden}.value-info{justify-content:center}.value-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-family:Courier New,monospace;font-size:13px;padding:4px 8px}.usage-info{justify-content:center}.usage-count{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#1e293b;font-size:14px;font-weight:600;padding:4px 8px}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:3fr 1fr 1fr 1fr 1fr 1fr}.usage-col{display:none}}@media (max-width:1024px){.options-management-container{padding:1.5rem}.management-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:3fr 1fr 1fr 1fr 1fr}.value-col{display:none}}@media (max-width:768px){.options-management-container{padding:1rem}.page-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.filters-row{flex-direction:column}.filter-select{min-width:auto}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.header-cell{display:none}.table-cell{align-items:flex-start;flex-direction:column;gap:.5rem}.table-cell:before{color:#475569;content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.text-content{flex-direction:column;gap:.75rem}.type-badge{flex-direction:row;justify-content:center}.action-buttons{justify-content:flex-start}}@media (max-width:480px){.options-management-container{padding:.75rem}.management-header{padding:1rem}.page-title{font-size:20px}.filters-section,.table-row{padding:1rem}.btn{justify-content:center;width:100%}}.add-option-container{background:#f8fafc;min-height:100vh;padding:2rem}@media (max-width:1024px){.add-option-container,.form-header,.option-form{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.add-option-container{padding:1rem}.form-header{padding:1.5rem}.form-title{font-size:24px}.option-form{padding:1rem}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.add-option-container{padding:.75rem}.form-header{padding:1rem}.form-title{font-size:20px}.option-form{padding:.75rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem}.section-title{font-size:18px}}.edit-option-container{background:#f8fafc;min-height:100vh;padding:2rem}.breadcrumb{gap:.5rem;margin-bottom:2rem}.breadcrumb-link{color:#3b82f6;transition:color .2s ease}.breadcrumb-link:hover{color:#2563eb}.breadcrumb-separator{color:#94a3b8;font-weight:500}.breadcrumb-current{color:#64748b}.form-header{border:1px solid #e2e8f0;margin-bottom:2rem}.form-title{font-size:28px;margin-bottom:.5rem}.form-subtitle{font-size:16px;line-height:1.5}.option-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value{color:#1e293b;font-size:14px;font-weight:500}.form-container{border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.option-form{padding:2rem}.form-section{border-bottom:1px solid #f1f5f9;margin-bottom:2.5rem;padding-bottom:2rem}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.section-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.section-title:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px;content:"";height:20px;width:4px}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem}.form-label{display:block;font-size:14px;margin-bottom:.5rem}.required{color:#dc2626;font-weight:700}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;padding:.75rem 1rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-textarea{font-family:inherit;min-height:80px}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%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 .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.input-helper{color:#6b7280;font-size:12px;line-height:1.4;margin-top:.25rem}.error-message{color:#dc2626;font-weight:500;margin-top:.25rem}.checkbox-label{align-items:flex-start;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.checkbox-label:hover{background:#f8fafc;border-color:#3b82f6}.checkbox-input{display:none}.checkbox-custom{background:#fff;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.checkbox-input:checked+.checkbox-custom{background:#3b82f6;border-color:#3b82f6}.checkbox-input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-text{flex:1 1}.checkbox-text strong{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:.25rem}.checkbox-description{color:#6b7280;display:block;font-size:12px;line-height:1.4}.form-actions{border-top:1px solid #f1f5f9}.btn{justify-content:center;min-width:120px}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-outline{background:#0000;border:1px solid #d1d5db;color:#6b7280}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.edit-option-container{padding:1.5rem}.form-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start}.info-grid{grid-template-columns:repeat(2,1fr)}.form-row{gap:1rem;grid-template-columns:1fr}.option-form{padding:1.5rem}}@media (max-width:768px){.edit-option-container{padding:1rem}.form-header{padding:1.5rem}.form-title{font-size:24px}.info-grid{grid-template-columns:1fr}.option-form{padding:1rem}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.edit-option-container{padding:.75rem}.form-header{padding:1rem}.form-title{font-size:20px}.option-form{padding:.75rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem}.section-title{font-size:18px}}.question-management-container{background:#f8fafc;min-height:100vh;padding:2rem}.management-header{border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.page-title{font-size:28px;margin-bottom:.5rem}.page-subtitle{font-size:16px;line-height:1.5}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d}.btn-icon{font-weight:700}.filters-section{border:1px solid #e2e8f0}.search-box{margin-bottom:1rem}.search-input{border:1px solid #e2e8f0;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{left:.75rem}.filters-row{display:flex;flex-wrap:wrap;gap:1rem}.filter-select{border:1px solid #e2e8f0;min-width:150px;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.questions-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.title-content{gap:1rem}.question-details{flex:1 1;min-width:0}.question-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:.5rem}.question-description,.question-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.question-description{color:#64748b;font-size:13px;margin-bottom:.75rem}.question-meta{gap:.5rem}.required-badge{border-radius:4px;font-size:11px;font-weight:500;letter-spacing:.05em;padding:2px 6px;text-transform:uppercase}.required-badge.required{background:#fef3c7;color:#d97706}.required-badge.optional{background:#f3f4f6;color:#6b7280}.category-info{justify-content:center}.category-badge{background:#f1f5f9;border-radius:6px;color:#475569;font-size:12px}.type-info{justify-content:center}.type-badge{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.type-icon{font-size:20px}.type-label{color:#475569;font-size:12px;font-weight:500}.options-info{justify-content:center}.options-count{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.count-number{color:#1e293b;font-size:18px;font-weight:700}.count-label{color:#64748b;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.options-preview{align-items:center;flex-direction:column;gap:.25rem}.option-preview{background:#f8fafc;border-radius:4px;color:#64748b;font-size:11px;max-width:100px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.more-options{color:#94a3b8;font-size:10px;font-style:italic}.responses-info{justify-content:center}.responses-count{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#1e293b;font-size:16px;font-weight:600;padding:6px 12px}.status-info{justify-content:center}.status-toggle{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s ease}.status-toggle.active{background:#dcfce7;color:#166534}.status-toggle.inactive{background:#fee2e2;color:#dc2626}.status-toggle:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.results-summary{color:#64748b;padding:1rem}.results-summary strong{color:#1e293b}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:3fr 1fr 1fr 1fr 1fr 1fr}.responses-col{display:none}}@media (max-width:1024px){.question-management-container{padding:1.5rem}.management-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:3fr 1fr 1fr 1fr 1fr}.options-col{display:none}}@media (max-width:768px){.question-management-container{padding:1rem}.page-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.filters-row{flex-direction:column}.filter-select{min-width:auto}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.header-cell{display:none}.table-cell{align-items:flex-start;flex-direction:column;gap:.5rem}.table-cell:before{color:#475569;content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.title-content{flex-direction:column;gap:.75rem}.type-badge{flex-direction:row;justify-content:center}.action-buttons{justify-content:flex-start}}@media (max-width:480px){.question-management-container{padding:.75rem}.management-header{padding:1rem}.page-title{font-size:20px}.filters-section,.table-row{padding:1rem}.btn{justify-content:center;width:100%}}.table-body::-webkit-scrollbar{width:6px}.table-body::-webkit-scrollbar-track{background:#f1f5f9}.table-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.table-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-question-form{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}@media (max-width:768px){.add-question-form{padding:10px}.form-header{padding:20px}.form-header h1{font-size:24px}.form-container{flex-direction:column}.form-sidebar{border-bottom:1px solid #e9ecef;border-right:none;width:100%}.section-nav{flex-direction:row;overflow-x:auto;padding:0 20px}.nav-item{justify-content:center;min-width:120px;padding:12px 15px;white-space:nowrap}.nav-item.active{border-bottom:3px solid #0056b3;border-right:none}.form-content{padding:20px}.form-row{gap:15px}.form-row,.options-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.form-header h1{font-size:20px}.form-section h2{font-size:18px}.nav-item{min-width:100px;padding:10px 12px}.nav-label{font-size:12px}}.edit-question-form{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.breadcrumb{color:#666;margin-bottom:15px}.breadcrumb span:first-child{color:#007bff;cursor:pointer;text-decoration:underline}.breadcrumb span:first-child:hover{color:#0056b3}.separator{color:#ccc}.header-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.header-info h1{color:#333;font-size:28px;font-weight:600;margin:0 0 10px}.header-info p{color:#666;font-size:16px;margin:0 0 15px}.question-meta{display:flex;flex-wrap:wrap;gap:20px}.meta-item{background:#f8f9fa;border-radius:15px;color:#666;font-size:12px;font-weight:500;padding:5px 12px}.changes-indicator{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px}.changes-badge{animation:pulse 2s infinite;background:#ffc107;border-radius:15px;padding:5px 12px}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.btn-reset{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 15px;transition:background-color .2s ease}.btn-reset:hover{background:#c82333}.form-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:20px;overflow:hidden}.form-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;padding:20px 0;width:250px}.section-nav{gap:5px}.nav-item{padding:15px 20px}.nav-item:hover{background:#e9ecef}.nav-item.active{background:#007bff;border-right:3px solid #0056b3;color:#fff}.form-content{flex:1 1}.form-section h2{border-bottom:2px solid #e9ecef;color:#333;font-size:22px;font-weight:600;margin:0 0 25px;padding-bottom:10px}.form-group label{font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 15px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.error-message{color:#dc3545;display:block;font-size:12px;margin-top:5px}.tags-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:15px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag{background:#007bff;border-radius:20px;display:inline-flex;font-size:12px;gap:5px;padding:5px 10px}.tag,.tag button{align-items:center;color:#fff}.tag button{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;padding:0;transition:background-color .2s ease;width:16px}.tag button:hover{background:#fff3}.tag-input{display:flex;gap:10px}.tag-input input{border:1px solid #e9ecef;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.tag-input button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:background-color .2s ease}.tag-input button:hover{background:#218838}.options-grid{margin-bottom:20px}.option-card.selected{background:#f8f9ff}.option-content h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.option-meta{display:flex;gap:10px}.option-category,.option-type{background:#e9ecef;border-radius:12px;color:#666;font-size:11px;font-weight:500;padding:2px 8px}.option-checkbox{font-size:12px;height:20px;width:20px}.selected-options{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:15px}.selected-option{background:#007bff;color:#fff;font-size:12px}.selected-option button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;padding:0;transition:background-color .2s ease;width:16px}.selected-option button:hover{background:#fff3}.checkbox-label{font-weight:500;gap:10px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.checkmark{align-items:center;border:2px solid #e9ecef;border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#007bff;border-color:#007bff;color:#fff}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";font-size:12px;font-weight:700}.field-help{color:#666;font-size:12px;font-style:italic;margin:5px 0 0}.form-actions{padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}@media (max-width:768px){.edit-question-form{padding:10px}.form-header{padding:20px}.header-content{align-items:stretch;flex-direction:column}.header-info h1{font-size:24px}.question-meta{gap:10px}.changes-indicator{justify-content:center}.form-container{flex-direction:column}.form-sidebar{border-bottom:1px solid #e9ecef;border-right:none;width:100%}.section-nav{flex-direction:row;overflow-x:auto;padding:0 20px}.nav-item{justify-content:center;min-width:120px;padding:12px 15px;white-space:nowrap}.nav-item.active{border-bottom:3px solid #0056b3;border-right:none}.form-content{padding:20px}.form-row{gap:15px}.form-row,.options-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.header-info h1{font-size:20px}.form-section h2{font-size:18px}.nav-item{min-width:100px;padding:10px 12px}.nav-label{font-size:12px}.question-meta{flex-direction:column;gap:5px}.meta-item{font-size:11px}}.answers-management-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.answers-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:0}.table-header,.table-row{grid-template-columns:200px 1fr 150px 120px 140px 80px 80px}.table-row{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.user-content{padding:12px 20px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{flex:1 1;min-width:0}.user-name{color:#333;font-size:14px;font-weight:600;margin:0 0 4px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;font-size:12px;margin:0}.question-content{padding:12px 20px}.question-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;overflow:hidden}.answer-content{padding:12px 20px}.answer-display{align-items:center;display:flex;gap:8px}.answer-icon{font-size:16px}.answer-text{font-size:14px;font-weight:600}.category-info,.date-info,.time-info{padding:12px 20px}.time-text{color:#666;font-size:12px;font-weight:500}.action-btn{background:none;font-size:16px;padding:8px;transition:all .2s ease}.view-btn:hover{background:#e3f2fd;transform:scale(1.1)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modal-close:hover{background:#f8f9fa;color:#333}.modal-body{padding:30px}.detail-section{margin-bottom:30px}.detail-section:last-child{margin-bottom:0}.detail-section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.detail-item label{color:#666;font-size:14px;font-weight:600}.detail-item span{color:#333;font-size:14px}.answer-highlight{font-size:16px;font-weight:600}.modal-footer{border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:20px 30px}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:180px 1fr 120px 100px 120px 70px 70px}}@media (max-width:768px){.answers-management-container{padding:10px}.management-header{flex-direction:column;gap:20px;padding:20px}.header-actions{justify-content:center;width:100%}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{gap:15px;padding:20px}.stat-icon{font-size:24px;height:50px;width:50px}.stat-number{font-size:20px}.filters-section{padding:20px}.filters-row{gap:10px;grid-template-columns:1fr}.table-header,.table-row{gap:0;grid-template-columns:1fr}.header-cell{display:none}.table-cell{border-bottom:1px solid #e9ecef;padding:10px 20px}.table-cell:before{color:#666;content:attr(data-label);font-weight:600;margin-right:10px;min-width:100px}.user-content:before{content:"User:"}.question-content:before{content:"Question:"}.answer-content:before{content:"Answer:"}.category-info:before{content:"Category:"}.date-info:before{content:"Date:"}.time-info:before{content:"Time:"}.action-buttons:before{content:"Actions:"}.modal-content{margin:10px;max-height:90vh}.modal-body,.modal-footer,.modal-header{padding:20px}}@media (max-width:480px){.management-header h1{font-size:24px}.stat-card{gap:10px;padding:15px}.stat-icon{font-size:20px;height:40px;width:40px}.stat-number{font-size:18px}.filters-section{padding:15px}.table-cell{padding:8px 15px}.modal-header h2{font-size:18px}.modal-body,.modal-footer,.modal-header{padding:15px}}.voting-management-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.management-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:30px}.btn{padding:12px 20px}.btn-primary:hover{background:#0056b3}.btn-icon{font-size:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;gap:20px;padding:25px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{background:#f8f9fa;font-size:32px}.stat-content{flex:1 1}.stat-number{color:#333;font-size:24px;margin-bottom:5px}.stat-label{font-size:14px}.filters-section{box-shadow:0 2px 10px #0000001a;padding:25px}.filters-section,.search-box{margin-bottom:20px}.search-icon{color:#666;font-size:16px;left:15px}.search-input{border:2px solid #e9ecef;font-size:14px;padding:12px 15px 12px 45px;transition:border-color .2s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filters-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-select{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:10px 15px;transition:border-color .2s ease}.filter-select:focus{border-color:#007bff}.votes-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:hidden}.table-header{color:#475569;font-size:12px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 140px;padding:16px 20px}.header-cell,.table-header{letter-spacing:.5px;text-transform:uppercase}.header-cell{color:#333;font-size:14px;font-weight:600;padding:15px 20px}.table-body{max-height:600px;overflow-y:auto}.table-row{align-items:center;grid-template-columns:2fr 1fr 1fr 1fr 1fr 140px;padding:20px;transition:all .2s ease}.table-row:hover{background:#f8f9fa}.table-cell{font-size:14px;padding:15px 20px}.title-content{align-items:flex-start;padding:12px 20px}.vote-title{color:#333;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:4px}.vote-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden}.category-content{padding:12px 20px}.category-badge{background:#e9ecef;border-radius:12px;color:#666;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.options-content{align-items:flex-start;flex-direction:column;padding:12px 20px}.options-count{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.options-preview{display:flex;flex-wrap:wrap;gap:4px}.option-tag{background:#f8f9fa}.option-more,.option-tag{border-radius:8px;color:#666;font-size:11px;font-weight:500;padding:2px 6px}.option-more{background:#e9ecef}.votes-content{align-items:center;flex-direction:column;padding:12px 20px}.votes-count{color:#333;font-size:18px;font-weight:700;margin-bottom:2px}.votes-label{color:#666;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.status-content{padding:12px 20px}.status-badge{font-size:11px;padding:4px 12px}.status-active{background:#d4edda;color:#155724}.status-completed{background:#cce5ff;color:#004085}.status-draft{background:#fff3cd;color:#856404}.status-expired{background:#f8d7da;color:#721c24}.date-content{padding:12px 20px}.date-text{color:#666;font-size:12px;white-space:nowrap}.action-buttons{gap:8px;justify-content:center;padding:12px 20px}.action-btn{border-radius:8px;font-size:1rem;height:36px;width:36px}.action-btn.view{background:#eff6ff;color:#1d4ed8}.action-btn.view:hover{background:#dbeafe}.action-btn.edit:hover,.action-btn.view:hover{transform:translateY(-2px)}.action-btn.delete{background:#fef2f2}.action-btn.delete:hover{background:#fee2e2;transform:translateY(-2px)}.action-btn .action-icon{font-size:1rem}.results-summary{color:#666;font-size:14px;margin-bottom:20px;text-align:center}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:2fr 100px 120px 80px 80px 100px 100px}}@media (max-width:768px){.voting-management-container{padding:10px}.management-header{flex-direction:column;gap:20px;padding:20px}.header-actions{justify-content:center;width:100%}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{gap:15px;padding:20px}.stat-icon{font-size:24px;height:50px;width:50px}.stat-number{font-size:20px}.filters-section{padding:20px}.filters-row{gap:10px;grid-template-columns:1fr}.table-header,.table-row{gap:0;grid-template-columns:1fr}.header-cell{display:none}.table-cell{border-bottom:1px solid #e9ecef;padding:10px 20px}.table-cell:before{color:#666;content:attr(data-label);font-weight:600;margin-right:10px;min-width:100px}.title-content:before{content:"Vote:"}.category-content:before{content:"Category:"}.options-content:before{content:"Options:"}.votes-content:before{content:"Votes:"}.status-content:before{content:"Status:"}.date-content:before{content:"Expires:"}.action-buttons:before{content:"Actions:"}}@media (max-width:480px){.management-header h1{font-size:24px}.stat-card{gap:10px;padding:15px}.stat-icon{font-size:20px;height:40px;width:40px}.stat-number{font-size:18px}.filters-section{padding:15px}.table-cell{padding:8px 15px}.vote-title{font-size:14px}.vote-description{font-size:12px}}.add-vote-form-container{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.form-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 10px}.form-header p{color:#666;font-size:16px;margin:0}.btn{padding:12px 24px}@media (max-width:768px){.add-vote-form-container{padding:10px}.form-layout{gap:15px;grid-template-columns:1fr}.form-sidebar{order:2;position:static}.form-content{order:1;padding:20px}.form-header{padding:20px}.form-header h1{font-size:24px}.sidebar-nav{display:flex;overflow-x:auto;padding:10px}.nav-item{border-radius:8px;flex-shrink:0;margin-right:10px;white-space:nowrap}.nav-item.active{background:#e3f2fd;border-right:none}.options-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{justify-content:center}}@media (max-width:480px){.form-header h1{font-size:20px}.form-content,.form-header{padding:15px}.option-card{padding:12px}.selected-options-list{gap:8px}.selected-option{font-size:13px;padding:6px 10px}}.edit-vote-form-container{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.changes-indicator{gap:15px}.btn{font-size:12px;padding:8px 16px}.btn-outline{border-color:#dc3545;color:#dc3545}.btn-outline:hover{background:#dc3545}.form-group{margin-bottom:25px}.form-help{color:#666;display:block;font-size:12px;margin-top:5px}.options-info{margin-bottom:25px}.info-card{align-items:flex-start;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;display:flex;gap:15px;padding:20px}.info-icon{font-size:20px;margin-top:2px}.info-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.info-content p{color:#666;font-size:14px;line-height:1.5;margin:0}.selected-options{margin-bottom:25px}.selected-options h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.selected-options-list{display:flex;flex-wrap:wrap;gap:10px}.selected-option{background:#e3f2fd;border-radius:20px;font-size:14px;font-weight:500;gap:8px;padding:8px 12px}.remove-option,.selected-option{align-items:center;color:#007bff;display:flex}.remove-option{background:none;border:none;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.remove-option:hover{background:#007bff1a}.available-options h3{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.option-card{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:all .2s ease}.option-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.option-card.selected{background:#e3f2fd;border-color:#007bff}.option-content{flex:1 1}.option-text{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.option-category{color:#666;display:block;font-size:12px;font-weight:400}.option-checkbox{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:4px;color:#007bff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.option-card.selected .option-checkbox{background:#007bff;border-color:#007bff;color:#fff}.vote-stats{margin-bottom:25px}.vote-stats h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;justify-content:space-between;padding:12px 15px}.stat-label{color:#666;font-size:13px}.stat-value{color:#333;font-size:14px}.settings-info{margin-top:25px}.settings-info .info-card{background:#f0f8ff;border-left-color:#28a745}.settings-info .info-content ul{margin:10px 0 0;padding-left:20px}.settings-info .info-content li{color:#666;font-size:14px;margin-bottom:5px}@media (max-width:768px){.edit-vote-form-container{padding:10px}.form-layout{gap:15px;grid-template-columns:1fr}.form-sidebar{order:2;position:static}.form-content{order:1;padding:20px}.form-header{flex-direction:column;gap:15px;padding:20px}.header-content h1{font-size:24px}.changes-indicator{align-items:flex-start;flex-direction:column;gap:10px}.sidebar-nav{display:flex;overflow-x:auto;padding:10px}.nav-item{border-radius:8px;flex-shrink:0;margin-right:10px;white-space:nowrap}.nav-item.active{background:#e3f2fd;border-right:none}.options-grid,.stats-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{justify-content:center}}@media (max-width:480px){.header-content h1{font-size:20px}.form-content,.form-header{padding:15px}.option-card{padding:12px}.selected-options-list{gap:8px}.selected-option{font-size:13px;padding:6px 10px}.stat-item{padding:10px 12px}}.admin-dashboard{background:#f8fafc;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.admin-dashboard .back-btn{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.admin-dashboard .back-btn:hover{background:#d97706;transform:translateY(-1px)}@media (max-width:768px){.dashboard-sidebar{display:none}.dashboard-main{margin-left:0;padding:20px 16px 80px}.mobile-bottom-nav{display:flex}.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:16px}.stat-icon{height:50px;width:50px}.stat-icon,.stat-number{font-size:1.5rem}.action-bar{flex-direction:column}.search-input{min-width:auto}}@media (max-width:480px){.dashboard-main{padding:16px 12px 80px}.main-header h1{font-size:1.6rem}.dashboard-content{padding:16px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:14px}.stat-icon{height:45px;width:45px}.stat-icon,.stat-number{font-size:1.3rem}}.edit-profile-form-container{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.breadcrumb{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:20px}.breadcrumb-link{color:#007bff;font-size:14px;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#666}.breadcrumb-current{color:#333;font-weight:500}.form-header{align-items:flex-start;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:30px}.header-content h1{color:#333;font-size:28px;font-weight:600;margin:0 0 10px}.header-content p{color:#666;font-size:16px;margin:0}.header-actions{align-items:center;gap:15px}.changes-indicator{align-items:center;display:flex;gap:10px}.changes-badge{background:#fff3cd;border-radius:12px;color:#856404;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.btn{background:#fff;border:2px solid #6c757d;border-radius:6px;color:#6c757d;display:flex;font-size:14px;gap:8px}.btn:hover{background:#6c757d;color:#fff}.btn-outline{border-color:#007bff;color:#007bff}.btn-outline:hover{background:#007bff;color:#fff}.form-layout{grid-gap:20px;gap:20px;grid-template-columns:250px 1fr}.form-sidebar{box-shadow:0 2px 10px #0000001a;top:20px}.sidebar-header{border-bottom:1px solid #e9ecef;padding:20px}.sidebar-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.sidebar-nav{padding:10px 0}.nav-item{color:#666;font-size:14px;padding:12px 20px;transition:all .2s ease}.nav-item:hover{background:#f8f9fa;color:#333}.nav-item.active{background:#e3f2fd;border-right:3px solid #007bff;color:#007bff}.nav-icon{font-size:16px;width:20px}.nav-label{font-weight:500}.form-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-section,.section-header{margin-bottom:30px}.section-header{border-bottom:2px solid #e9ecef;padding-bottom:15px}.section-header h2{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.section-header p{color:#666;font-size:14px;margin:0}.profile-image-section{margin-bottom:30px;text-align:center}.image-preview{display:inline-block;position:relative}.image-preview img{border:4px solid #e9ecef;border-radius:50%;height:120px;object-fit:cover;width:120px}.change-image-btn{align-items:center;background:#007bff;border:none;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:0;transition:all .2s ease;width:36px}.change-image-btn:hover{background:#0056b3;transform:scale(1.1)}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:2px solid #e9ecef;font-family:inherit;font-size:14px;padding:12px 15px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.skills-section{margin-bottom:30px}.skills-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.skills-input input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;margin-bottom:15px;padding:10px 15px;width:100%}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:#e3f2fd;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.remove-skill,.skill-tag{align-items:center;color:#007bff}.remove-skill{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.remove-skill:hover{background:#007bff1a}.certifications-section,.interests-section,.languages-section{margin-bottom:30px}.certifications-section h3,.interests-section h3,.languages-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.certification-item,.interest-item,.language-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.certification-item .form-input,.interest-item .form-input,.language-item .form-input{flex:1 1;margin-bottom:0}.remove-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.remove-btn:hover{background:#c82333}.add-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:10px 16px;transition:all .2s ease}.add-btn:hover{background:#218838}.education-section{margin-bottom:30px}.education-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.education-item{background:#f8f9fa;border-left:4px solid #007bff;margin-bottom:20px;padding:20px}.education-item .form-group,.education-item .form-row{margin-bottom:15px}.experience-section{margin-bottom:30px}.experience-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.experience-item{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;margin-bottom:20px;padding:20px}.experience-item .form-group,.experience-item .form-row{margin-bottom:15px}.experience-item label input[type=checkbox]{margin-right:8px}.social-links-section{margin-bottom:30px}.social-links-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.form-actions{border-top:1px solid #e9ecef;gap:15px;margin-top:30px;padding-top:30px}.btn-primary{align-items:center;background:#007bff;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.btn-primary:disabled{background:#6c757d;cursor:not-allowed;transform:none}.btn-secondary{align-items:center;background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:#545b62;transform:translateY(-1px)}@media (max-width:768px){.edit-profile-form-container{padding:10px}.form-layout{gap:15px;grid-template-columns:1fr}.form-sidebar{order:2;position:static}.form-content{order:1;padding:20px}.form-header{flex-direction:column;gap:15px;padding:20px}.header-content h1{font-size:24px}.changes-indicator,.header-actions{align-items:flex-start;flex-direction:column;gap:10px}.sidebar-nav{display:flex;overflow-x:auto;padding:10px}.nav-item{border-radius:8px;flex-shrink:0;margin-right:10px;white-space:nowrap}.nav-item.active{background:#e3f2fd;border-right:none}.form-row{gap:15px;grid-template-columns:1fr}.certification-item,.interest-item,.language-item{align-items:stretch;flex-direction:column}.certification-item .form-input,.interest-item .form-input,.language-item .form-input{margin-bottom:10px}.form-actions{flex-direction:column}.btn{justify-content:center}}@media (max-width:480px){.header-content h1{font-size:20px}.form-content,.form-header{padding:15px}.image-preview img{height:100px;width:100px}.change-image-btn{font-size:14px;height:32px;width:32px}.education-item,.experience-item{padding:15px}}.hr-articles-management-container{background:#f8fafc;min-height:100vh;padding:2rem}.articles-header{align-items:flex-start;display:flex;justify-content:space-between;padding:2rem}.articles-header,.filters-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.filters-section{padding:1.5rem}.search-box{margin-bottom:1.5rem;position:relative}.search-input{border:2px solid #e2e8f0;font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#667eea}.search-icon{color:#94a3b8;font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-controls{display:flex;flex-wrap:wrap;gap:2rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{color:#374151;font-size:.9rem;font-weight:600}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:border-color .3s ease}.filter-select:focus{border-color:#667eea;outline:none}.articles-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.articles-stats{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;padding:1.5rem 2rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.articles-table-container{overflow-x:auto}.articles-table{min-width:800px;width:100%}.table-header{grid-gap:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;display:grid;font-size:.9rem;font-weight:600;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:1rem 2rem}.header-cell{align-items:center;display:flex}.table-body{display:flex;flex-direction:column}.table-row{grid-gap:1rem;border-bottom:1px solid #f1f5f9;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:1.5rem 2rem;transition:background-color .3s ease}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;display:flex;font-size:.9rem}.title-content{display:flex;flex-direction:column;gap:.5rem}.hr-article-title{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.4;margin:0}.hr-article-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.featured-badge{align-self:flex-start;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem}.article-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background:#e2e8f0;color:#4a5568}.tag,.tag-more{border-radius:8px;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.tag-more{background:#cbd5e1;color:#64748b}.category-name{background:#f1f5f9;border-radius:12px;color:#475569;font-weight:600}.category-name,.status-badge{font-size:.8rem;padding:.4rem .8rem}.status-badge{letter-spacing:.5px}.publish-date{color:#64748b;font-size:.85rem}.stats-content{display:flex;flex-direction:column;gap:.25rem}.stats-content .stat-item{align-items:center;flex-direction:row;gap:.5rem}.stats-content .stat-icon{font-size:.8rem}.stats-content .stat-value{color:#374151;font-size:.8rem;font-weight:600}.action-buttons{gap:.5rem}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.action-btn.view{background:#dbeafe;color:#2563eb}.action-btn.view:hover{background:#bfdbfe;transform:translateY(-1px)}.action-btn.edit{background:#fef3c7;color:#d97706}.action-btn.edit:hover{background:#fde68a;transform:translateY(-1px)}.action-btn.delete{background:#fee2e2;color:#dc2626}.action-btn.delete:hover{background:#fecaca;transform:translateY(-1px)}.action-icon{font-size:.9rem}.no-articles{color:#64748b;padding:4rem 2rem;text-align:center}.no-articles-icon{font-size:4rem;margin-bottom:1rem}.no-articles h3{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.no-articles p{font-size:1rem;margin:0 0 2rem}@media (max-width:1024px){.hr-articles-management-container{padding:1rem}.articles-header{align-items:stretch;flex-direction:column;gap:1rem}.articles-stats,.filter-controls{gap:1rem}.table-header,.table-row{gap:.5rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.table-cell.stats{display:none}}@media (max-width:768px){.page-title{font-size:1.5rem}.filter-controls{flex-direction:column;gap:1rem}.articles-stats{flex-wrap:wrap;gap:1rem}.table-header,.table-row{gap:.5rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem}.table-cell.category{display:none}.action-buttons{flex-direction:column;gap:.25rem}.action-btn{height:28px;width:28px}}@media (max-width:480px){.hr-articles-management-container{padding:.5rem}.articles-header,.filters-section{padding:1rem}.table-header,.table-row{gap:.25rem;grid-template-columns:2fr 1fr 1fr;padding:.75rem}.table-cell.date{display:none}.hr-article-title{font-size:.9rem}.hr-article-excerpt{font-size:.8rem}}.hr-add-article-container{background:#f8fafc;min-height:100vh;padding:2rem}.hr-notice{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.notice-text{color:#1e40af}@media (max-width:1024px){.hr-add-article-container{padding:1rem}.form-layout{gap:1.5rem;grid-template-columns:1fr}.form-sidebar{order:-1;position:static}.section-nav{flex-direction:row;gap:.5rem;overflow-x:auto}.section-btn{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}}@media (max-width:480px){.hr-add-article-container{padding:.5rem}.form-header,.form-main{padding:1rem}.section-nav{flex-direction:column}.section-btn{justify-content:center}}.hr-edit-article-container{background:#f8fafc;min-height:100vh;padding:2rem}.form-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:2rem}.header-content{margin:0 auto;max-width:1200px}.breadcrumb{margin-bottom:1rem}.breadcrumb-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;transition:color .3s ease}.breadcrumb-link:hover{color:#5a67d8}.form-title{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.form-subtitle{color:#64748b;font-size:1rem;margin:0}.hr-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem}.notice-content{align-items:flex-start;display:flex;gap:.75rem}.notice-icon{font-size:1.2rem;margin-top:.1rem}.notice-text{color:#92400e;flex:1 1;font-size:.9rem;line-height:1.5}.form-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1200px}.form-sidebar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.section-nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.section-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease}.section-btn:hover{background:#f1f5f9;color:#374151}.section-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.section-icon{font-size:1.1rem}.section-label{font-weight:600}.change-indicator{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:.8rem;gap:.5rem;padding:.75rem}.change-icon{font-size:1rem}.change-text{flex:1 1;font-weight:600}.reset-btn{background:#f59e0b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;padding:.25rem .5rem;transition:background-color .3s ease}.reset-btn:hover{background:#d97706}.form-main{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.form-section{margin-bottom:2rem}.section-title{border-bottom:2px solid #e2e8f0;margin:0 0 1.5rem;padding-bottom:.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-label{color:#374151;font-size:.9rem;font-weight:600}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;outline:none}.form-input:read-only{background:#f8fafc;color:#64748b;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.content-editor{font-family:Inter,sans-serif;line-height:1.6;min-height:400px}.tags-input{display:flex;flex-direction:column;gap:.5rem}.tag-input-group{align-items:center;display:flex;gap:.5rem}.tag-input{flex:1 1}.remove-tag-btn{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.remove-tag-btn:hover{background:#fecaca;transform:scale(1.1)}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.75rem}.form-checkbox{accent-color:#667eea;height:18px;width:18px}.checkmark{font-size:.9rem}.help-text{color:#64748b;font-size:.8rem;line-height:1.4;margin:.25rem 0 0}.content-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem}.content-help p{color:#374151;font-weight:600;margin:0 0 .5rem}.content-help ul{color:#64748b;margin:0;padding-left:1.5rem}.content-help li{font-size:.9rem;margin-bottom:.25rem}.char-count{color:#64748b;font-size:.8rem;margin-top:.25rem;text-align:right}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#475569}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.hr-edit-article-container{padding:1rem}.form-layout{gap:1.5rem;grid-template-columns:1fr}.form-sidebar{order:-1;position:static}.section-nav{flex-direction:row;gap:.5rem;overflow-x:auto}.section-btn{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}}@media (max-width:768px){.form-header{padding:1.5rem}.form-title{font-size:1.5rem}.form-main{padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{justify-content:center}}@media (max-width:480px){.hr-edit-article-container{padding:.5rem}.form-header,.form-main{padding:1rem}.section-nav{flex-direction:column}.section-btn{justify-content:center}}.hr-questionnaire-dashboard{background:#f8fafc;min-height:100vh;padding:2rem}.result-item{border-left:4px solid #24bbeb}.result-number .number{background:#24bbeb}.answer-value{background:#e0f2fe;color:#24bbeb}@media (max-width:1024px){.hr-questionnaire-dashboard{padding:1rem}.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-content{flex-direction:column;gap:1.5rem;text-align:center}.action-buttons{justify-content:center}}@media (max-width:768px){.page-title{font-size:1.5rem}.summary-cards{grid-template-columns:1fr}.result-item{flex-direction:column;gap:1rem;text-align:center}.result-number{align-self:center}.answer-section{flex-direction:column;gap:.5rem}.action-buttons{flex-direction:column;width:100%}.btn{justify-content:center}}@media (max-width:480px){.hr-questionnaire-dashboard{padding:.5rem}.action-section,.dashboard-header,.results-section{padding:1rem}.section-header{padding:1rem 1rem .5rem}.results-list{padding:.5rem 1rem 1rem}.result-item{padding:1rem}.question-text{font-size:1rem}.answer-value{font-size:.9rem}}.hr-voting-dashboard{background:#f8fafc;min-height:100vh;padding:2rem}.dashboard-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content{flex:1 1}.page-title{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.page-subtitle{color:#64748b;font-size:1rem;margin:0}.header-actions{display:flex;gap:1rem}.btn{align-items:center;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.btn-secondary:hover{background:#e2e8f0;color:#475569}.btn-icon{font-size:1rem}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.summary-card:hover{transform:translateY(-2px)}.card-icon{font-size:2rem;opacity:.8}.card-content{flex:1 1}.card-title{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.card-value{color:#1e293b;font-size:1.25rem;font-weight:700}.results-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.section-header{border-bottom:1px solid #f1f5f9;padding:2rem 2rem 1rem}.section-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.section-subtitle{color:#64748b;font-size:1rem;margin:0}.results-list{padding:1rem 2rem 2rem}.result-item{align-items:flex-start;background:#f8fafc;border-left:4px solid #10b981;border-radius:12px;display:flex;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.result-item:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.result-item:last-child{margin-bottom:0}.result-number{flex-shrink:0}.result-number .number{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.result-content{flex:1 1}.question-text{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.answer-section{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.answer-label{color:#64748b;font-size:.9rem;font-weight:600}.answer-value{background:#dcfce7;border-radius:8px;color:#166534;font-size:.95rem;font-weight:600;padding:.5rem 1rem}.vote-meta{gap:1rem}.vote-date,.vote-meta{align-items:center;display:flex}.vote-date{color:#64748b;font-size:.85rem;gap:.5rem}.meta-icon{font-size:.9rem}.impact-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.impact-header{margin-bottom:2rem;text-align:center}.impact-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.impact-header p{color:#64748b;font-size:1rem;line-height:1.5;margin:0}.impact-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.impact-stat{align-items:center;background:#f8fafc;border-left:4px solid #10b981;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.impact-stat:hover{transform:translateY(-2px)}.impact-stat .stat-icon{font-size:2rem;opacity:.8}.impact-stat .stat-content{flex:1 1}.impact-stat .stat-number{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.impact-stat .stat-label{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.action-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.action-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.action-info h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.action-info p{color:#64748b;font-size:1rem;line-height:1.5;margin:0}.action-buttons{flex-shrink:0;gap:1rem}@media (max-width:1024px){.hr-voting-dashboard{padding:1rem}.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.impact-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.action-content{flex-direction:column;gap:1.5rem;text-align:center}.action-buttons{justify-content:center}}@media (max-width:768px){.page-title{font-size:1.5rem}.summary-cards{grid-template-columns:1fr}.result-item{flex-direction:column;gap:1rem;text-align:center}.result-number{align-self:center}.answer-section{flex-direction:column;gap:.5rem}.vote-meta{justify-content:center}.impact-stats{grid-template-columns:1fr}.action-buttons{flex-direction:column;width:100%}.btn{justify-content:center}}@media (max-width:480px){.hr-voting-dashboard{padding:.5rem}.action-section,.dashboard-header,.impact-section,.results-section{padding:1rem}.section-header{padding:1rem 1rem .5rem}.results-list{padding:.5rem 1rem 1rem}.result-item{padding:1rem}.question-text{font-size:1rem}.answer-value{font-size:.9rem}.impact-stat{padding:1rem}}.hr-dashboard{background:#f8fafc;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.dashboard-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 40px);left:20px;position:fixed;top:20px;transition:all .3s ease;width:280px;z-index:100}.dashboard-sidebar:hover{box-shadow:0 25px 80px #00000026;transform:translateY(-2px)}.sidebar-header{border-bottom:1px solid #e2e8f0;padding:24px}.logo-section{align-items:center;display:flex;gap:12px}.logo-icon{color:#fff;font-size:1.1rem;font-weight:700;padding:12px 16px}.logo-title{color:#1e293b;font-size:1.1rem}.logo-subtitle{color:#64748b}.sidebar-nav{flex:1 1;padding:16px 0}.nav-item{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:14px 24px;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:#f1f5f9;color:#24bbeb}.nav-item.active{background:#eff6ff;border-right:3px solid #24bbeb;color:#24bbeb}.nav-icon{font-size:1.2rem;text-align:center;width:24px}.nav-label{flex:1 1}.sidebar-footer{border-top:1px solid #e2e8f0;padding:20px 24px}.hr-dashboard .back-btn{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.hr-dashboard .back-btn:hover{background:#d97706;transform:translateY(-1px)}.dashboard-main{flex:1 1;margin-left:320px;min-height:100vh;padding:24px}.main-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.main-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.dashboard-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.content-header{margin-bottom:24px}.content-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 8px}.content-header p{color:#64748b;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:16px;padding:20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-info h3{color:#64748b;font-size:.9rem;font-weight:600;margin:0 0 4px}.stat-number{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0 0 4px}.stat-change{font-size:.8rem;font-weight:500}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.stat-change.neutral{color:#6b7280}.content-body{margin-top:24px}.action-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.primary-btn{background:linear-gradient(135deg,#24bbeb,#285996);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.primary-btn:hover{box-shadow:0 4px 12px #24bbeb4d;transform:translateY(-1px)}.secondary-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.secondary-btn:hover{border-color:#24bbeb;color:#24bbeb}.search-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:.9rem;min-width:200px;padding:10px 12px;transition:all .3s ease}.search-input:focus{border-color:#24bbeb;box-shadow:0 0 0 3px #24bbeb1a;outline:none}.table-placeholder{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;padding:40px;text-align:center}.profile-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:24px}.profile-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.profile-avatar{align-items:center;background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.profile-info h3{color:#1e293b;font-size:1.4rem;font-weight:600;margin:0 0 4px}.profile-info p{color:#64748b;font-size:.95rem;margin:0 0 8px}.profile-location{color:#6b7280;font-size:.85rem}.profile-details{color:#64748b;padding:20px;text-align:center}.mobile-bottom-nav{background:#fff;border-top:1px solid #e2e8f0;bottom:0;display:none;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.bottom-nav-item{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.7rem;gap:4px;padding:8px 4px;transition:all .3s ease}.bottom-nav-item.active,.bottom-nav-item:hover{color:#24bbeb}.bottom-nav-icon{font-size:1.2rem}.bottom-nav-label{font-weight:500}@media (max-width:1024px){.dashboard-sidebar{height:calc(100vh - 30px);left:15px;top:15px;width:240px}.dashboard-main{margin-left:280px}.sidebar-header{padding:20px}.nav-item{padding:12px 20px}}@media (max-width:768px){.dashboard-sidebar{display:none}.dashboard-main{margin-left:0;padding:20px 16px 80px}.mobile-bottom-nav{display:flex}.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:16px}.stat-icon{height:50px;width:50px}.stat-icon,.stat-number{font-size:1.5rem}.action-bar{flex-direction:column}.search-input{min-width:auto}.profile-header{flex-direction:column;text-align:center}.profile-avatar{font-size:2rem;height:70px;width:70px}}@media (max-width:480px){.dashboard-main{padding:16px 12px 80px}.main-header h1{font-size:1.6rem}.dashboard-content{padding:16px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:14px}.stat-icon{height:45px;width:45px}.stat-icon,.stat-number{font-size:1.3rem}.profile-preview{padding:16px}.profile-avatar{font-size:1.8rem;height:60px;width:60px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.hr-profile-container,body{background:#f8fafc;min-height:100vh}.hr-profile-container{padding-top:20px}.profile-main{margin:0 auto;max-width:1400px;padding:1rem 2rem 2rem}.profile-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:360px 1fr;min-height:calc(100vh - 200px)}.profile-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:120px}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.profile-info{border-bottom:1px solid #f1f5f9;margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.avatar-container{display:inline-block;margin-bottom:1rem;position:relative}.profile-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;height:100px;object-fit:cover;width:100px}.online-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:5px;height:16px;position:absolute;right:5px;width:16px}.profile-name{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:.25rem}.profile-title{color:#64748b;font-size:13px;line-height:1.4;margin-bottom:.75rem}.profile-location{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:.5rem;justify-content:center}.location-icon{font-size:12px}.stats-compact{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;margin:1.5rem 0;padding:1rem}.stat-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.5rem 0}.stat-row:last-child{border-bottom:none}.stat-label{color:#64748b;font-size:12px;font-weight:500}.stat-value{color:#3b82f6;font-size:13px;font-weight:600}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-primary.following{background:#10b981}.btn-primary.following:hover{background:#059669}.btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.contact-icons{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;gap:1rem;margin:1.5rem 0;padding:1rem}.contact-icon-btn,.contact-icons{display:flex;justify-content:center}.contact-icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:16px;height:36px;text-decoration:none;transition:all .2s ease;width:36px}.contact-icon-btn:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.about-skills{margin-top:2rem}.about-skills .skills-list{display:flex;flex-direction:column;gap:1rem}.about-skills .skill-item{margin-bottom:.25rem}.about-skills .skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.about-skills .skill-name{color:#475569;font-size:13px;font-weight:500}.about-skills .skill-percentage{color:#3b82f6;font-size:12px;font-weight:600}.about-skills .skill-bar{background:#f1f5f9;border-radius:2px;height:4px;overflow:hidden}.about-skills .skill-progress{background:#3b82f6;border-radius:2px;height:100%;transition:width 1.5s ease-in-out}.content-main{display:flex;flex-direction:column}.content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex:1 1;padding:1.5rem}.tab-navigation{border-bottom:1px solid #f1f5f9;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:0}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.tab-btn.active,.tab-btn:hover{background:#f8fafc;color:#3b82f6}.tab-btn.active{border-bottom-color:#3b82f6}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-content{max-width:none}.about-bio{margin-bottom:2rem}.about-bio p{color:#475569;font-size:14px;line-height:1.7;margin-bottom:1rem}.about-highlights{margin-top:2rem}.highlights-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:1rem}.highlights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.highlight-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:1rem;text-align:center;transition:all .2s ease}.highlight-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.highlight-number{color:#3b82f6;font-size:20px;font-weight:700;margin-bottom:.25rem}.highlight-text{color:#64748b;font-size:12px;font-weight:500}.experience-content{max-width:none}.experience-timeline{padding-left:1.5rem;position:relative}.experience-timeline:before{background:#e2e8f0;border-radius:1px;bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:2rem;padding-left:1.5rem;position:relative}.timeline-marker{background:#fff;border:3px solid #3b82f6;border-radius:50%;height:12px;left:-22px;position:absolute;top:0;width:12px}.timeline-item.current .timeline-marker{background:#3b82f6;border-color:#2563eb}.timeline-content{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:1.25rem;transition:all .2s ease}.timeline-content:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}.experience-header{margin-bottom:1rem}.position-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:.5rem}.company-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.company-name{color:#3b82f6;font-size:14px;font-weight:500}.time-period{color:#64748b;font-size:12px;font-weight:500}.current-badge{background:#10b981;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.experience-description{color:#475569;font-size:13px;line-height:1.6;margin-bottom:1rem}.achievements-list{display:flex;flex-wrap:wrap;gap:.5rem}.achievement-tag{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;color:#3b82f6;font-size:11px;font-weight:500;padding:.25rem .75rem}.education-content{max-width:none}.education-list{display:flex;flex-direction:column;gap:1.5rem}.education-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.education-item:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.education-icon{align-self:flex-start;font-size:2rem;text-align:center;width:60px}.education-details{flex:1 1}.education-degree{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:.25rem}.education-institution{color:#3b82f6;font-size:14px;font-weight:500;margin-bottom:.25rem}.education-specialization{color:#64748b;font-size:13px;margin-bottom:.5rem}.education-year{color:#94a3b8;font-size:12px;font-weight:500}.certifications-content{max-width:none}.certifications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.certification-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:1.25rem;transition:all .2s ease}.certification-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.cert-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.cert-icon{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;font-size:2rem;height:50px;justify-content:center;width:50px}.cert-icon,.cert-status{align-items:center;display:flex}.status-badge{border-radius:12px;font-size:10px;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.cert-content{text-align:left}.cert-name{color:#1e293b;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:.5rem}.cert-issuer{color:#3b82f6;font-size:12px;font-weight:500;margin-bottom:.25rem}.cert-year{color:#64748b;font-size:11px;font-weight:500}@media (max-width:1200px){.profile-layout{grid-template-columns:340px 1fr}}@media (max-width:1024px){.profile-layout{gap:1.5rem;grid-template-columns:1fr}.profile-sidebar{position:static}.profile-main{padding:1.5rem}}@media (max-width:768px){.profile-main{padding:1rem}.content-card,.profile-card{padding:1.25rem}.tab-navigation{flex-wrap:wrap;gap:.25rem}.tab-btn{font-size:12px;padding:.5rem .75rem}.certifications-grid{grid-template-columns:1fr}.highlights-grid{grid-template-columns:repeat(2,1fr)}.education-item{flex-direction:column;gap:.75rem;text-align:center}.education-icon{width:auto}.company-info{align-items:flex-start;flex-direction:column;gap:.5rem}.current-badge{align-self:flex-start}}@media (max-width:480px){.profile-main{padding:.75rem}.content-card,.profile-card{border-radius:8px;padding:1rem}.profile-name{font-size:18px}.profile-title{font-size:12px}.highlights-grid{grid-template-columns:1fr}.timeline-content{padding:1rem}.position-title{font-size:14px}.contact-item{padding:.75rem}.contact-icon-wrapper{height:32px;width:32px}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;padding:.6rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{gap:.6rem}.logo-icon{background:linear-gradient(135deg,#24bbeb,#285996);border-radius:10px;overflow:hidden;padding:.8rem 1.2rem;position:relative}.logo-icon:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 20q30-10 60 0 10 30 0 60-30 10-60 0-10-30 0-60' fill='none' stroke='rgba(255,255,255,0.2)' stroke-width='2'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.ghcs-text{color:#fff;font-size:1.2rem;font-weight:700;position:relative;z-index:1}.logo-text{display:flex;flex-direction:column}.logo-title{color:#24bbeb;font-size:.9rem;font-weight:700;letter-spacing:.5px}.logo-subtitle{color:#666;font-size:.8rem;margin-top:2px}.nav-menu{align-items:center;display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}.nav-link{background:none;border:none;color:#666;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:after{background:linear-gradient(135deg,#24bbeb,#285996);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:#24bbeb}.nav-link:hover:after{width:100%}.nav-link.active{color:#24bbeb}.nav-link.active:after{width:100%}.nav-actions{align-items:center;display:flex}.sign-in-btn{background:linear-gradient(135deg,#24bbeb,#285996);border:none;border-radius:5px;box-shadow:0 4px 15px #24bbeb4d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.sign-in-btn:hover{background:linear-gradient(135deg,#285996,#3a9ecc);box-shadow:0 6px 20px #24bbeb66;transform:translateY(-2px)}@media (max-width:768px){.nav-container{padding:0 1rem}.logo-text,.nav-menu{display:none}.nav-logo{gap:.5rem}}@media (max-width:480px){.navbar{padding:.8rem 0}.sign-in-btn{font-size:.9rem;padding:.6rem 1.5rem;white-space:nowrap}.nav-container{gap:1rem}}.footer-section{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;overflow:hidden;position:relative}.footer-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='%23334155' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:1}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}.footer-main{grid-gap:40px;border-bottom:1px solid #334155;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;padding:60px 0 40px}.company-info{max-width:300px}.footer-logo{margin-bottom:20px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24bbeb,#285996);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.company-description{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin-bottom:25px}.contact-info{display:flex;flex-direction:column;gap:12px}.contact-item{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:10px}.contact-icon{flex-shrink:0;font-size:1.1rem}.contact-text{color:#cbd5e1}.footer-column{display:flex;flex-direction:column}.footer-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:20px;position:relative}.footer-title:after{background:linear-gradient(135deg,#24bbeb,#285996);border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-link{color:#94a3b8;display:inline-block;font-size:.9rem;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#24bbeb;transform:translateX(5px)}.newsletter-social{max-width:280px}.newsletter-section{margin-bottom:30px}.newsletter-text{color:#cbd5e1;font-size:.9rem;line-height:1.5;margin-bottom:15px}.newsletter-form{display:flex;gap:8px}.newsletter-input{background:#1e293b;border:1px solid #475569;border-radius:8px;color:#fff;flex:1 1;font-size:.9rem;padding:10px 12px;transition:all .3s ease}.newsletter-input::placeholder{color:#64748b}.newsletter-input:focus{border-color:#24bbeb;box-shadow:0 0 0 2px #24bbeb33;outline:none}.newsletter-btn{background:linear-gradient(135deg,#24bbeb,#285996);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.newsletter-btn:hover{box-shadow:0 4px 15px #24bbeb4d;transform:translateY(-2px)}.social-section{margin-top:20px}.social-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:15px}.social-links{display:flex;gap:12px}.social-link{align-items:center;background:#1e293b;border:2px solid #0000;border-radius:50%;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:var(--social-color);border-color:var(--social-color);box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.social-icon{align-items:center;display:flex;filter:brightness(.9);height:20px;justify-content:center;width:20px}.social-icon svg{height:100%;width:100%}.social-link:hover .social-icon{filter:brightness(1)}.footer-bottom{border-top:1px solid #334155;padding:25px 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.copyright{color:#94a3b8;font-size:.9rem}.copyright p{margin:0}.footer-bottom-links{display:flex;flex-wrap:wrap;gap:20px}.bottom-link{color:#94a3b8;font-size:.85rem;text-decoration:none;transition:color .3s ease}.bottom-link:hover{color:#24bbeb}@media (max-width:1024px){.footer-container{padding:0 15px}.footer-main{gap:40px 30px;grid-template-columns:1fr 1fr}.company-info,.newsletter-social{grid-column:1/-1;max-width:none}}@media (max-width:768px){.footer-main{gap:30px;grid-template-columns:1fr;padding:40px 0 30px}.footer-column{text-align:center}.footer-title:after{left:50%;transform:translateX(-50%)}.newsletter-form{align-items:center;flex-direction:column}.newsletter-btn,.newsletter-input{max-width:300px;width:100%}.social-links{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}}@media (max-width:480px){.footer-container{padding:0 10px}.footer-main{gap:25px;padding:30px 0 20px}.logo-text{font-size:1.8rem}.company-description{font-size:.9rem}.footer-title{font-size:1.1rem;margin-bottom:15px}.footer-links{gap:10px}.footer-link,.newsletter-text{font-size:.85rem}.newsletter-input{font-size:.85rem;padding:8px 10px}.newsletter-btn{font-size:.85rem;padding:8px 14px}.social-link{height:35px;width:35px}.social-icon{font-size:1rem}.bottom-link,.copyright{font-size:.8rem}}
/*# sourceMappingURL=main.f2be97be.css.map*/