@import"https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&display=swap";.tech-card-wrapper{padding:.5rem;margin-bottom:1.5rem;height:100%;display:flex;flex-direction:column}.tech-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:220px;cursor:pointer}.tech-card:hover{transform:translateY(-8px);background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);box-shadow:0 20px 40px rgba(0,0,0,.2)}.tech-card .tech-icon{transition:all .3s ease;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:1.2rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1rem}.tech-card:hover .tech-card .tech-icon{transform:scale(1.05) translateY(-2px);background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.3)}.tech-card .tech-icon img,.tech-card .tech-icon svg{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tech-card .tech-info .tech-name{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-top:0}.tech-card .tech-info .tech-link{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem 1rem;border:1px solid hsla(0,0%,100%,.3);border-radius:25px;transition:all .3s ease;display:inline-block;background:rgba(0,0,0,0);cursor:pointer}.tech-card .tech-info .tech-link:hover{background:hsla(0,0%,100%,.2);color:#fff;border-color:hsla(0,0%,100%,.5);transform:translateY(-2px)}@media(max-width:768px){.tech-card{padding:1.5rem 1rem;min-height:150px}.tech-card .tech-icon{margin-bottom:.75rem}.tech-card .tech-info .tech-name{font-size:1rem}}.modern-tech-stack{background:linear-gradient(135deg,#1a202c,#2d3748);position:relative;overflow:hidden}.modern-tech-stack:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 0,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none}.modern-tech-stack .container{position:relative;z-index:2}.modern-tech-stack .sec-head h6{color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:2px;font-weight:500}.modern-tech-stack .sec-head h3{color:#fff;font-weight:700;margin-bottom:1.5rem}.modern-tech-stack .sec-head p{color:hsla(0,0%,100%,.9);font-size:1.1rem;line-height:1.6}.modern-tech-stack .tech-grid .row{gap:1rem 0}.modern-tech-stack .tech-grid .row-equal-height{display:flex;flex-wrap:wrap}.modern-tech-stack .tech-grid .row-equal-height>[class*=col-]{display:flex;flex-direction:column}.modern-tech-stack.variant-dark{background:linear-gradient(135deg,#2c3e50,#3498db)}.modern-tech-stack.variant-purple{background:linear-gradient(135deg,#8360c3,#2ebf91)}.modern-tech-stack.variant-orange{background:linear-gradient(135deg,#ff9a9e,#fecfef 50%,#fecfef)}.modern-tech-stack.variant-green{background:linear-gradient(135deg,#a8edea,#fed6e3)}.tech-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:999999}.tech-modal{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;color:#fff;z-index:999999}.tech-modal .modal-close{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:1.2rem;transition:all .3s ease}.tech-modal .modal-close:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.tech-modal .modal-header{text-align:center;margin-bottom:2rem;padding-top:1rem}.tech-modal .modal-header h3{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#fff}.tech-modal .modal-header .experience-badge{background:hsla(0,0%,100%,.2);padding:.4rem 1rem;border-radius:20px;font-size:1rem;font-weight:500;display:inline-block}.tech-modal .modal-content .tech-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:hsla(0,0%,100%,.9);text-align:left}.tech-modal .modal-content .projects-section h4{margin-bottom:1rem;color:#fff;font-size:1.3rem;font-weight:600}.tech-modal .modal-content .projects-section .projects-list{list-style:none;padding:0}.tech-modal .modal-content .projects-section .projects-list li{background:hsla(0,0%,100%,.1);padding:.8rem 1rem;margin-bottom:.5rem;border-radius:10px;border-left:3px solid hsla(0,0%,100%,.3)}.tech-modal .modal-content .projects-section .projects-list li:before{content:"•";color:hsla(0,0%,100%,.7);margin-right:.5rem}@media(max-width:768px){.tech-modal{margin:1rem;padding:1.5rem;max-width:none;width:calc(100% - 2rem)}.tech-modal .modal-header h3{font-size:1.5rem}.tech-modal .modal-content .tech-description{font-size:1rem}}.intro-section{background:linear-gradient(135deg,#8360c3,#2ebf91);position:relative;overflow:hidden}.intro-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0,transparent 50%);animation:float 25s ease-in-out infinite;pointer-events:none}.intro-section .container{position:relative;z-index:2}.intro-section .sec-head .cool-title{font-family:Montserrat Alternates,sans-serif;color:#2d3748;font-weight:800;font-size:3rem;margin-bottom:1rem;letter-spacing:-1px;text-transform:uppercase;background:linear-gradient(135deg,#2d3748,#1a202c);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;position:relative}.intro-section .sec-head .cool-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg,#68d391,#63b3ed);border-radius:2px}@media(max-width:768px){.intro-section .sec-head .cool-title{font-size:2.2rem;letter-spacing:-.5px}.intro-section .sec-head .cool-title:after{width:60px;height:2px}}.intro-section .opportunity-card,.intro-section .vision-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:30px;transition:all .3s ease;height:100%;position:relative;overflow:hidden}.intro-section .opportunity-card:hover,.intro-section .vision-card:hover{transform:translateY(-10px);background:hsla(0,0%,100%,.15);box-shadow:0 20px 40px rgba(0,0,0,.3)}.intro-section .opportunity-card:before,.intro-section .vision-card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;opacity:.2;z-index:0;transition:all .3s ease}.intro-section .opportunity-card:hover:before,.intro-section .vision-card:hover:before{opacity:.3;transform:translate(-50%,-50%) scale(1.02)}.intro-section .opportunity-card h4,.intro-section .opportunity-card p,.intro-section .vision-card h4,.intro-section .vision-card p{position:relative;z-index:1}.intro-section .opportunity-card h4,.intro-section .vision-card h4{color:#2d3748;font-weight:600;font-size:1.5rem;margin-bottom:1rem}.intro-section .opportunity-card p,.intro-section .vision-card p{color:#1a202c;font-size:1.1rem;font-weight:600;line-height:1.6;margin:0}.intro-section .vision-card:before{content:"👁️";color:#f7fafc;display:flex;align-items:center;justify-content:center;font-size:150px}.intro-section .opportunity-card:before{content:"💻";display:flex;align-items:center;justify-content:center;font-size:150px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(3deg)}}@media(max-width:992px){.intro-section .opportunity-card,.intro-section .vision-card{margin-bottom:2rem}}@media(max-width:768px){.intro-section .opportunity-card,.intro-section .vision-card{padding:2rem 1.5rem}.intro-section .opportunity-card .icon-wrapper i,.intro-section .vision-card .icon-wrapper i{font-size:3rem}.intro-section .opportunity-card .content h4,.intro-section .vision-card .content h4{font-size:1.3rem}.intro-section .opportunity-card .content p,.intro-section .vision-card .content p{font-size:1rem}}.projects.section-padding{padding:100px 0}.projects .sec-head{margin-bottom:80px}.projects .sec-head h6{color:var(--color-main);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:15px}.projects .sec-head h3{font-size:48px;line-height:1.2;font-weight:700;margin-bottom:20px}@media(max-width:768px){.projects .sec-head h3{font-size:36px}}.projects .sec-head p{font-size:16px;line-height:1.6;color:#8b9199}.project-filters .filter-links{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}@media(max-width:768px){.project-filters .filter-links{gap:15px}}.project-filters .filter-links li{cursor:pointer;padding:12px 24px;border:2px solid rgba(0,0,0,0);border-radius:30px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;background:hsla(0,0%,100%,.05)}@media(max-width:768px){.project-filters .filter-links li{padding:8px 16px;font-size:12px}}.project-filters .filter-links li.active,.project-filters .filter-links li:hover{border-color:var(--color-main);background:var(--color-main);color:#fff;transform:translateY(-2px)}.projects-grid{display:flex;flex-direction:column;gap:60px}@media(max-width:768px){.projects-grid{gap:40px}}.project-card{position:relative;border-radius:20px;overflow:hidden;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card.horizontal .project-card-content{display:flex;flex-direction:row;height:500px}@media(max-width:768px){.project-card.horizontal .project-card-content{flex-direction:column;height:auto}}.project-card.horizontal .project-image{flex:0 0 40%;position:relative;overflow:hidden;max-width:400px}@media(max-width:768px){.project-card.horizontal .project-image{flex:none;height:250px;max-width:none}}.project-card.horizontal .project-image a{display:block;height:100%;position:relative}.project-card.horizontal .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card.horizontal .project-image .featured-badge{right:15px;background:var(--color-main);text-transform:uppercase;letter-spacing:1px;opacity:1;transform:translateY(0)}.project-card.horizontal .project-image .featured-badge,.project-card.horizontal .project-image .status-badge{position:absolute;top:15px;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;z-index:3}.project-card.horizontal .project-image .status-badge{left:15px;background:rgba(0,0,0,.8);text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card.horizontal .project-content{flex:1 1;padding:40px;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:768px){.project-card.horizontal .project-content{padding:30px}}.project-card.horizontal .project-content .project-info{flex:1 1}.project-card.horizontal .project-content .project-info a{text-decoration:none;color:inherit}.project-card.horizontal .project-content .project-info a:hover .project-title{color:var(--color-main)}.project-card.horizontal .project-content .project-info .project-title{font-size:28px;line-height:1.3;margin-bottom:20px;color:#fff;font-weight:600;transition:color .3s ease}@media(max-width:768px){.project-card.horizontal .project-content .project-info .project-title{font-size:24px;margin-bottom:15px}}.project-card.horizontal .project-content .project-info .project-description{font-size:16px;line-height:1.6;color:#b8c0c8;margin-bottom:25px}@media(max-width:768px){.project-card.horizontal .project-content .project-info .project-description{font-size:15px;margin-bottom:20px}}.project-card.horizontal .project-content .project-info .technologies .tech-tags{display:flex;flex-wrap:wrap;gap:10px}.project-card.horizontal .project-content .project-info .technologies .tech-tags .tech-tag{background:hsla(0,0%,100%,.1);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.project-card.horizontal .project-content .project-info .technologies .tech-tags .tech-tag:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.2)}.project-card.horizontal .project-content .project-info .technologies .tech-tags .tech-tag.more{background:var(--color-main);border-color:var(--color-main);color:#fff}.project-card.horizontal .project-content .project-links{display:flex;gap:15px;align-items:center;margin-top:30px}@media(max-width:768px){.project-card.horizontal .project-content .project-links{margin-top:25px}}.project-card.horizontal .project-content .project-links .link-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid}@media(max-width:768px){.project-card.horizontal .project-content .project-links .link-btn{padding:10px 20px;font-size:13px}}.project-card.horizontal .project-content .project-links .link-btn svg{width:16px;height:16px}.project-card.horizontal .project-content .project-links .link-btn.view-project{background:var(--color-main);border-color:var(--color-main);color:#fff}.project-card.horizontal .project-content .project-links .link-btn.view-project:hover{background:rgba(0,0,0,0);color:var(--color-main);transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,161,102,.3)}.project-card.horizontal .project-content .project-links .link-btn.view-code{background:rgba(0,0,0,0);border-color:hsla(0,0%,100%,.3);color:#fff}.project-card.horizontal .project-content .project-links .link-btn.view-code:hover{border-color:#fff;background:#fff;color:#000;transform:translateY(-3px);box-shadow:0 8px 25px hsla(0,0%,100%,.2)}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.2)}.project-card:hover .img img{transform:scale(1.05)}.project-card:hover .imgio:before{opacity:.7}.project-card.featured{border-color:var(--color-main);box-shadow:0 10px 30px rgba(255,161,102,.2)}.project-card.featured .featured-badge{opacity:1;transform:translateY(0)}.project-card .content{height:100%;display:flex;flex-direction:column}.project-card .img{position:relative;height:250px;overflow:hidden}.project-card .img .imgio{position:relative;display:block;height:100%}.project-card .img .imgio:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-main) 0,rgba(255,161,102,.8) 100%);opacity:0;transition:opacity .3s ease;z-index:2}.project-card .img .imgio img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card .img .featured-badge{right:15px;background:var(--color-main);text-transform:uppercase;letter-spacing:1px;opacity:0;transform:translateY(-10px);transition:all .3s ease}.project-card .img .featured-badge,.project-card .img .status-badge{position:absolute;top:15px;color:#fff;padding:5px 12px;border-radius:15px;font-size:11px;font-weight:600;z-index:3}.project-card .img .status-badge{left:15px;background:rgba(0,0,0,.7);text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card .cont{padding:30px;flex:1 1;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:768px){.project-card .cont{padding:20px}}.project-card .cont .info{margin-bottom:20px}.project-card .cont .info .sub-title{color:var(--color-main);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.project-card .cont .info .title{font-size:18px;line-height:1.4;margin-bottom:15px;color:#fff;font-weight:500}@media(max-width:768px){.project-card .cont .info .title{font-size:16px}}.project-card .cont .info .technologies{margin-top:15px}.project-card .cont .info .technologies .tech-tags{display:flex;flex-wrap:wrap;gap:8px}.project-card .cont .info .technologies .tech-tags .tech-tag{background:hsla(0,0%,100%,.1);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;border:1px solid hsla(0,0%,100%,.1)}.project-card .cont .info .technologies .tech-tags .tech-tag.more{background:var(--color-main);border-color:var(--color-main)}.project-card .cont .links{display:flex;gap:15px;align-items:center}.project-card .cont .links .link-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid}@media(max-width:768px){.project-card .cont .links .link-btn{padding:8px 16px;font-size:12px}}.project-card .cont .links .link-btn svg{width:14px;height:14px}.project-card .cont .links .link-btn.view-project{background:var(--color-main);border-color:var(--color-main);color:#fff}.project-card .cont .links .link-btn.view-project:hover{background:rgba(0,0,0,0);color:var(--color-main);transform:translateY(-2px)}.project-card .cont .links .link-btn.view-code{background:rgba(0,0,0,0);border-color:hsla(0,0%,100%,.3);color:#fff}.project-card .cont .links .link-btn.view-code:hover{border-color:#fff;background:#fff;color:#000;transform:translateY(-2px)}@media(max-width:1200px){.projects-grid{gap:50px}}@media(max-width:768px){.projects .sec-head{margin-bottom:50px;text-align:center}.project-filters{margin-bottom:50px!important}.projects-grid{gap:40px}.project-card.horizontal:hover{transform:translateY(-5px)}}.dark .project-card{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.dark .project-card:hover{border-color:hsla(0,0%,100%,.2)}.auth-buttons{display:flex;align-items:center;gap:.75rem}.auth-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:.375rem;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(0,0,0,0);white-space:nowrap}.auth-btn:hover{text-decoration:none;transform:translateY(-1px)}.auth-btn:active{transform:translateY(0)}.auth-btn-login{color:#fff;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3)}.auth-btn-login:hover{color:#fff;background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.auth-btn-register{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid rgba(0,0,0,0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-btn-register:hover{color:#fff;background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 8px rgba(0,0,0,.15)}.auth-authenticated{display:flex;align-items:center;gap:.75rem}.dashboard-link{color:#fff;font-size:.875rem;font-weight:500;text-decoration:none;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s ease-in-out}.dashboard-link:hover{color:#667eea;text-decoration:none;background:hsla(0,0%,100%,.1)}.auth-loading{display:flex;align-items:center;gap:.75rem}.loading-placeholder{width:4rem;height:2rem;background:hsla(0,0%,100%,.1);border-radius:.375rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.auth-avatar{width:2rem;height:2rem;border:2px solid hsla(0,0%,100%,.2);border-radius:50%}.clerk-modal-content{background:#1a1a1a!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:.75rem!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 10px 10px -5px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.clerk-card{background:rgba(0,0,0,0)!important;border:none!important;box-shadow:none!important}.clerk-header-title{color:#fff!important;font-size:1.5rem!important;font-weight:600!important;margin-bottom:.5rem!important}.clerk-header-subtitle{color:hsla(0,0%,100%,.7)!important;font-size:.875rem!important}.clerk-form-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:.5rem!important;color:#fff!important;font-weight:500!important;padding:.75rem 1.5rem!important;transition:all .2s ease!important}.clerk-form-button:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important}.clerk-input{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:.5rem!important;color:#fff!important;padding:.75rem 1rem!important;transition:all .2s ease!important}.clerk-input:focus{background:hsla(0,0%,100%,.1)!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.1)!important;outline:none!important}.clerk-input::placeholder{color:hsla(0,0%,100%,.5)!important}.clerk-footer-link{color:#667eea!important;text-decoration:none!important;font-weight:500!important;transition:color .2s ease!important}.clerk-footer-link:hover{color:#764ba2!important}.clerk-preview-text{color:hsla(0,0%,100%,.8)!important}.clerk-divider{border-color:hsla(0,0%,100%,.1)!important}.clerk-divider-text{color:hsla(0,0%,100%,.6)!important;background:#1a1a1a!important;font-size:.875rem!important}.clerk-social-button{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:.5rem!important;color:#fff!important;transition:all .2s ease!important}.clerk-social-button:hover{background:hsla(0,0%,100%,.1)!important;border-color:hsla(0,0%,100%,.3)!important}.clerk-close-button{color:hsla(0,0%,100%,.7)!important;transition:color .2s ease!important}.clerk-close-button:hover{color:#fff!important}:global(.cl-modalBackdrop){background:rgba(0,0,0,.8)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}:global(.cl-formFieldLabel){color:hsla(0,0%,100%,.9)!important;font-weight:500!important}:global(.cl-formFieldHintText){color:hsla(0,0%,100%,.6)!important}:global(.cl-formFieldErrorText){color:#ff6b6b!important}@media(max-width:768px){.auth-buttons{gap:.5rem}.auth-btn{padding:.4rem .8rem;font-size:.8rem}.clerk-modal-content{margin:1rem!important;max-width:calc(100vw - 2rem)!important}}:root{--dashboard-card-bg:#e8dcc6;--dashboard-button-bg:#eee7d4;--dashboard-text-main:#2c5aa0;--dashboard-text-highlight:#53b2e2;--dashboard-text-secondary:#6b7fa3;--dashboard-icon-color:#5a7ba8;--dashboard-border:#d4c4a8}.dashboard-container{min-height:100vh;display:flex;background:var(--bg-color-4,#111215);font-family:Poppins,sans-serif}.dashboard-sidebar{width:280px;background:var(--bg-color-3,#1a1d21);border-right:1px solid var(--border-color,#232323);flex-shrink:0;display:flex;flex-direction:column}.dashboard-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--dashboard-border)}.dashboard-sidebar-header .logo{display:flex;align-items:center;gap:.5rem;color:var(--dashboard-text-main);text-decoration:none}.dashboard-sidebar-header .logo .logo-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:rgba(0,0,0,0);flex-shrink:0}.dashboard-sidebar-header .logo .logo-icon svg{width:1rem;height:1rem;color:var(--dashboard-text-highlight)}.dashboard-sidebar-header .logo .logo-text{display:flex;flex-direction:column;gap:.125rem;line-height:1}.dashboard-sidebar-header .logo .logo-text .logo-title{font-weight:600;font-size:.875rem}.dashboard-sidebar-header .logo .logo-text .logo-title.color-font{background:linear-gradient(90deg,#12c2e9,#c471ed,#f64f59);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:600}.dashboard-sidebar-header .logo .logo-text .logo-subtitle{font-weight:400;font-size:.75rem;color:var(--dashboard-text-secondary)}.dashboard-sidebar-nav{padding:1rem 0;flex:1 1}.dashboard-sidebar-nav .nav-group{margin-bottom:2rem}.dashboard-sidebar-nav .nav-group-label{padding:0 1.5rem .5rem;color:var(--p-color,#a4a7b1);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.dashboard-sidebar-nav .nav-group-items .nav-item{display:block;padding:.75rem 1.5rem;color:var(--p-color,#a4a7b1);text-decoration:none;display:flex;align-items:center;gap:.75rem;font-weight:500;transition:all .2s ease}.dashboard-sidebar-nav .nav-group-items .nav-item.active,.dashboard-sidebar-nav .nav-group-items .nav-item:hover{background:var(--bg-color-6,rgba(197,164,126,.1));color:var(--main-color,#c5a47e)}.dashboard-sidebar-nav .nav-group-items .nav-item i,.dashboard-sidebar-nav .nav-group-items .nav-item svg{width:1.25rem;height:1.25rem;opacity:.8}.dashboard-main{flex:1 1;display:flex;flex-direction:column;min-width:0}.dashboard-main-header{background:var(--bg-color-3,#1a1d21);border-bottom:1px solid var(--border-color,#232323);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.dashboard-main-header .header-left{display:flex;align-items:center;gap:1rem}.dashboard-main-header .header-left .search-box{position:relative}.dashboard-main-header .header-left .search-box input{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:.5rem;padding:.5rem .75rem .5rem 2.5rem;color:var(--dashboard-text-main);font-size:.875rem;width:300px}.dashboard-main-header .header-left .search-box input::placeholder{color:var(--dashboard-text-secondary)}.dashboard-main-header .header-left .search-box input:focus{outline:none;border-color:var(--dashboard-text-highlight)}.dashboard-main-header .header-left .search-box .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--dashboard-text-secondary);width:1rem;height:1rem}.dashboard-main-header .header-right{display:flex;align-items:center;gap:1rem}.dashboard-main-header .header-right .header-btn{background:none;border:none;color:var(--p-color,#a4a7b1);padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.dashboard-main-header .header-right .header-btn:hover{background:var(--bg-color-6,rgba(197,164,126,.1));color:var(--main-color,#c5a47e)}.dashboard-main-header .header-right .header-btn svg{width:1.25rem;height:1.25rem}.dashboard-main-header .header-right .user-menu{position:relative}.dashboard-main-header .header-right .user-menu .user-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--main-color,#c5a47e);color:var(--bg-color-4,#111215);display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer}.dashboard-main-content{flex:1 1;padding:2rem;background:var(--bg-color-4,#111215);overflow-y:auto}.dashboard-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.dashboard-grid.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-grid.content-grid{grid-template-columns:repeat(7,1fr);gap:1.5rem}.dashboard-card{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:.75rem;padding:0;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.dashboard-card:hover{border-color:var(--dashboard-text-highlight);box-shadow:0 4px 12px rgba(83,178,226,.15);transform:translateY(-1px)}.dashboard-card.stat-card{position:relative;overflow:hidden}.dashboard-card.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--dashboard-text-highlight) 0,#7c3aed 100%)}.dashboard-card.stat-card .card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem .5rem;background:rgba(0,0,0,0);border:none;margin-bottom:0}.dashboard-card.stat-card .card-header .card-title{color:var(--dashboard-text-main);font-size:.875rem;font-weight:500;margin:0;padding:0;text-transform:none;letter-spacing:-.025em;background:rgba(0,0,0,0);border:none;line-height:1.25;flex:1 1;text-align:left;display:block;width:100%}.dashboard-card.stat-card .card-header .card-icon{color:var(--dashboard-icon-color);opacity:1;margin-left:0;flex-shrink:0}.dashboard-card.stat-card .card-header .card-icon svg{width:1rem;height:1rem}.dashboard-card.stat-card .card-content{padding:0 1.5rem 1.5rem}.dashboard-card.stat-card .card-value{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#12c2e9,#c471ed,#f64f59);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.25rem;line-height:1;margin-top:0}.dashboard-card.stat-card .card-subtitle{color:var(--dashboard-text-secondary);font-size:.75rem;margin:0;font-weight:400}.dashboard-card .card-title{color:var(--dashboard-text-main);font-size:1.5rem;font-weight:600;margin:0;line-height:1;letter-spacing:-.025em}.dashboard-card .card-description{color:var(--dashboard-icon-color);font-size:.875rem;margin:.375rem 0 0}.dashboard-card .card-header:not(.stat-card .card-header){display:flex;flex-direction:column;gap:.25rem;padding:1.5rem 1.5rem 1rem;background:rgba(0,0,0,0);border:none}.dashboard-card .card-header:not(.stat-card .card-header) .card-title{font-size:1.5rem;font-weight:600;background:rgba(0,0,0,0);border:none}.dashboard-card .card-header:not(.stat-card .card-header) .card-description{font-size:.875rem}.dashboard-card .card-content{padding:0 1.5rem 1.5rem}.recent-projects{display:flex;flex-direction:column;gap:1rem}.recent-projects .project-item{display:flex;align-items:center;gap:1rem}.recent-projects .project-item .project-icon{width:3rem;height:3rem;border-radius:.5rem;background:linear-gradient(135deg,#eee7d4,#e8dcc6);border:1px solid #b09669;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-projects .project-item .project-icon svg{width:1.5rem;height:1.5rem;color:var(--dashboard-text-main)}.recent-projects .project-item .project-info{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.recent-projects .project-item .project-info .project-title-row{display:flex;align-items:center;gap:.5rem}.recent-projects .project-item .project-info .project-title-row .project-title{color:var(--dashboard-text-main);font-weight:600;font-size:.875rem;margin:0}.recent-projects .project-item .project-info .project-title-row .featured-star{width:.75rem;height:.75rem;color:#eab308;fill:#eab308}.recent-projects .project-item .project-info .project-meta{display:flex;align-items:center;gap:.5rem}.recent-projects .project-item .project-info .project-meta .project-status{background:linear-gradient(90deg,#12c2e9,#c471ed);color:#fff;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:none}.recent-projects .project-item .project-info .project-meta .project-status.completed{background:#d4c4a8;color:var(--dashboard-text-main);border:1px solid #c5a47e}.recent-projects .project-item .project-info .project-meta .project-tech-tags{display:flex;gap:.25rem}.recent-projects .project-item .project-info .project-meta .project-tech-tags .tech-tag{background:#f2ead8;color:var(--dashboard-text-main);border:1px solid #c5a47e;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.recent-projects .project-item .project-actions{display:flex;gap:.25rem}.recent-projects .project-item .project-actions .action-btn{background:rgba(0,0,0,0);border:none;color:var(--dashboard-icon-color);padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.recent-projects .project-item .project-actions .action-btn:hover{background:#ddd0b8}.recent-projects .project-item .project-actions .action-btn svg{width:.75rem;height:.75rem}.quick-actions .action-list{display:flex;flex-direction:column;gap:.75rem}.quick-actions .action-list .action-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--dashboard-button-bg);border:1px solid var(--dashboard-border);border-radius:.5rem;color:var(--dashboard-text-main);text-decoration:none;cursor:pointer;transition:all .2s ease}.quick-actions .action-list .action-btn:hover{background:var(--dashboard-text-highlight);border-color:var(--dashboard-text-highlight);color:#fff;transform:translateY(-1px)}.quick-actions .action-list .action-btn.primary{background:linear-gradient(90deg,#12c2e9,#c471ed);border-color:rgba(0,0,0,0);color:#fff}.quick-actions .action-list .action-btn.primary:hover{background:linear-gradient(90deg,#c471ed,#f64f59)}.quick-actions .action-list .action-btn svg{width:1rem;height:1rem}.quick-actions .action-list .action-btn .action-text{font-weight:600;font-size:.875rem}.dashboard-content{text-align:center;max-width:500px;margin:0 auto}.dashboard-icon{margin-bottom:2rem}.dashboard-icon svg{color:#667eea;margin:0 auto;display:block;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3))}.dashboard-title{font-size:3rem;color:#fff;margin-bottom:1rem;font-family:Montserrat Alternates,sans-serif;letter-spacing:-.02em}.dashboard-subtitle{font-size:1.125rem;color:hsla(0,0%,100%,.8);margin-bottom:2.5rem;line-height:1.6;font-weight:400}.dashboard-container .dashboard-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;font-size:1rem;font-family:Poppins,sans-serif;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3)}.dashboard-container .dashboard-back-btn:focus,.dashboard-container .dashboard-back-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4);text-decoration:none;color:#fff;font-family:Poppins,sans-serif;font-weight:500;font-size:1rem}.dashboard-container .dashboard-back-btn:active{transform:translateY(0)}.dashboard-container .dashboard-back-btn:visited{color:#fff;text-decoration:none}.dashboard-container .dashboard-back-btn svg{color:currentColor}@media(max-width:1024px){.dashboard-grid.content-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{width:100%;height:auto}.dashboard-sidebar-nav{padding:.5rem 0}.dashboard-sidebar-nav .nav-group{margin-bottom:1rem}.dashboard-sidebar-nav .nav-group-items{display:flex;overflow-x:auto;gap:.5rem;padding:0 1rem}.dashboard-sidebar-nav .nav-group-items .nav-item{white-space:nowrap;flex-shrink:0;padding:.5rem 1rem;border-radius:.5rem}.dashboard-main-header{padding:1rem;flex-direction:column;gap:1rem}.dashboard-main-header .header-left,.dashboard-main-header .header-left .search-box input{width:100%}.dashboard-main-header .header-right{justify-content:space-between;width:100%}.dashboard-main-content{padding:1rem}.dashboard-grid{gap:1rem}.dashboard-grid.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard-card{padding:1rem}.dashboard-card.stat-card .card-value{font-size:1.5rem}.recent-projects .project-item{flex-direction:column;align-items:flex-start;gap:.75rem}.recent-projects .project-item .project-info{width:100%}.recent-projects .project-item .project-actions{align-self:flex-end}.quick-actions .action-list .action-btn{padding:1rem}.quick-actions .action-list .action-btn .action-text{font-size:1rem}}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}.dashboard-text-main{color:var(--dashboard-text-main)}.dashboard-text-highlight{color:var(--dashboard-text-highlight)}.dashboard-text-secondary{color:var(--dashboard-text-secondary)}.dashboard-title{color:var(--dashboard-text-highlight);font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-subtitle{color:#fafafe;font-size:1rem}.dashboard-project-card{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:.75rem;padding:1.5rem;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.dashboard-project-card:hover{border-color:var(--dashboard-text-highlight);box-shadow:0 4px 12px rgba(83,178,226,.15);transform:translateY(-1px)}.dashboard-tech-tag{background:var(--dashboard-button-bg);color:var(--dashboard-text-main);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.dashboard-project-meta{color:var(--dashboard-text-secondary);font-size:.75rem}.dashboard-chart-bar{background:var(--dashboard-text-highlight);border-radius:.25rem .25rem 0 0}.dashboard-insight-box{padding:1rem;background:var(--dashboard-button-bg);border-radius:.5rem;border:1px solid var(--dashboard-border)}.projects-page .projects-header{margin-bottom:1rem}.projects-page .projects-header .header-content{display:flex;align-items:center;justify-content:space-between}.projects-page .projects-header .header-content .projects-title{font-size:1.875rem;font-weight:700;margin:0;line-height:1.2}.projects-page .projects-header .header-content .projects-subtitle{color:var(--dashboard-text-secondary);font-size:.875rem;margin:.375rem 0 0}.projects-page .projects-header .header-content .add-project-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(90deg,#12c2e9,#c471ed);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.projects-page .projects-header .header-content .add-project-btn:hover{background:linear-gradient(90deg,#c471ed,#f64f59)}.projects-page .projects-header .header-content .add-project-btn svg{width:1rem;height:1rem}.projects-page .projects-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.projects-page .projects-filters .search-box{position:relative;flex:1 1;max-width:24rem}.projects-page .projects-filters .search-box .search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--dashboard-text-secondary)}.projects-page .projects-filters .search-box input{width:100%;height:2.5rem;padding:.5rem .75rem .5rem 2rem;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:.375rem;color:var(--dashboard-text-main);font-size:.875rem}.projects-page .projects-filters .search-box input::placeholder{color:var(--dashboard-text-secondary)}.projects-page .projects-filters .search-box input:focus{outline:none;border-color:var(--dashboard-text-highlight);box-shadow:0 0 0 2px rgba(83,178,226,.2)}.projects-page .projects-filters .columns-btn,.projects-page .projects-filters .filter-dropdown{display:flex;align-items:center;justify-content:space-between;height:2.5rem;padding:0 .75rem;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:.375rem;color:var(--dashboard-text-main);font-size:.875rem;cursor:pointer;transition:all .2s ease}.projects-page .projects-filters .columns-btn:hover,.projects-page .projects-filters .filter-dropdown:hover{background:var(--dashboard-button-bg)}.projects-page .projects-filters .columns-btn svg,.projects-page .projects-filters .filter-dropdown svg{width:1rem;height:1rem;margin-left:.5rem;opacity:.5}.projects-page .projects-filters .filter-dropdown{width:11.25rem;position:relative}.projects-page .projects-filters .filter-dropdown .dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:.375rem;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:10;overflow:hidden}.projects-page .projects-filters .filter-dropdown .dropdown-menu .dropdown-item{padding:.75rem 1rem;color:var(--dashboard-text-main);font-size:.875rem;cursor:pointer;transition:all .2s ease}.projects-page .projects-filters .filter-dropdown .dropdown-menu .dropdown-item:hover{background:var(--dashboard-button-bg)}.projects-page .projects-filters .filter-dropdown .dropdown-menu .dropdown-item.active{background:var(--dashboard-text-highlight);color:#fff}.projects-page .projects-filters .filter-dropdown .dropdown-menu .dropdown-item:not(:last-child){border-bottom:1px solid var(--dashboard-border)}.projects-page .projects-table-container{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:.75rem;overflow:hidden;margin-bottom:1rem}.projects-page .projects-table-container .projects-table{width:100%;overflow-x:auto}.projects-page .projects-table-container .projects-table table{width:100%;border-collapse:collapse;font-size:.875rem}.projects-page .projects-table-container .projects-table table thead tr{border-bottom:1px solid var(--dashboard-border)}.projects-page .projects-table-container .projects-table table thead tr th{height:3rem;padding:0 1rem;text-align:left;font-weight:500;color:var(--dashboard-text-secondary);vertical-align:middle}.projects-page .projects-table-container .projects-table table thead tr th.checkbox-col{width:3rem;padding:0 1rem}.projects-page .projects-table-container .projects-table table thead tr th.sortable .sort-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--dashboard-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;margin:-.625rem -1rem;border-radius:.375rem;transition:all .2s ease}.projects-page .projects-table-container .projects-table table thead tr th.sortable .sort-btn:hover{background:var(--dashboard-button-bg);color:var(--dashboard-text-main)}.projects-page .projects-table-container .projects-table table thead tr th.sortable .sort-btn svg{width:1rem;height:1rem}.projects-page .projects-table-container .projects-table table tbody tr{border-bottom:1px solid var(--dashboard-border);transition:background-color .2s ease}.projects-page .projects-table-container .projects-table table tbody tr:hover{background:rgba(83,178,226,.05)}.projects-page .projects-table-container .projects-table table tbody tr:last-child{border-bottom:none}.projects-page .projects-table-container .projects-table table tbody tr td{padding:1rem;vertical-align:middle}.projects-page .projects-table-container .projects-table table tbody tr td .project-title{font-weight:500;color:var(--dashboard-text-main)}.projects-page .projects-table-container .projects-table table tbody tr td .status-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.projects-page .projects-table-container .projects-table table tbody tr td .status-badge.status-active{background:linear-gradient(90deg,#12c2e9,#c471ed);color:#fff}.projects-page .projects-table-container .projects-table table tbody tr td .status-badge.status-archived{background:#d4c4a8;color:var(--dashboard-text-main);border:1px solid #c5a47e}.projects-page .projects-table-container .projects-table table tbody tr td .status-badge.status-draft{background:rgba(0,0,0,0);color:var(--dashboard-text-main);border:1px solid var(--dashboard-border)}.projects-page .projects-table-container .projects-table table tbody tr td .featured-toggle{position:relative}.projects-page .projects-table-container .projects-table table tbody tr td .featured-toggle .toggle-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.75rem;height:1.5rem;background:var(--dashboard-border);border-radius:9999px;position:relative;cursor:pointer;transition:background-color .2s ease}.projects-page .projects-table-container .projects-table table tbody tr td .featured-toggle .toggle-switch:checked{background:var(--dashboard-text-highlight)}.projects-page .projects-table-container .projects-table table tbody tr td .featured-toggle .toggle-switch:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.projects-page .projects-table-container .projects-table table tbody tr td .featured-toggle .toggle-switch:checked:after{transform:translateX(1.25rem)}.projects-page .projects-table-container .projects-table table tbody tr td .tech-tags{display:flex;flex-wrap:wrap;gap:.25rem}.projects-page .projects-table-container .projects-table table tbody tr td .tech-tags .tech-tag,.projects-page .projects-table-container .projects-table table tbody tr td .tech-tags .tech-tag-more{display:inline-flex;align-items:center;padding:.125rem .625rem;background:rgba(0,0,0,0);border:1px solid var(--dashboard-border);border-radius:9999px;font-size:.75rem;font-weight:600;color:var(--dashboard-text-main)}.projects-page .projects-table-container .projects-table table tbody tr td .row-actions{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:.375rem;color:var(--dashboard-text-secondary);cursor:pointer;transition:all .2s ease}.projects-page .projects-table-container .projects-table table tbody tr td .row-actions:hover{background:var(--dashboard-button-bg);color:var(--dashboard-text-main)}.projects-page .projects-table-container .projects-table table tbody tr td .row-actions svg{width:1rem;height:1rem}.projects-page .projects-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.projects-page .projects-pagination .pagination-info{font-size:.875rem;color:var(--dashboard-text-secondary)}.projects-page .projects-pagination .pagination-controls{display:flex;gap:.5rem}.projects-page .projects-pagination .pagination-controls button{height:2.25rem;padding:0 .75rem;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:.375rem;color:var(--dashboard-text-main);font-size:.875rem;cursor:pointer;transition:all .2s ease}.projects-page .projects-pagination .pagination-controls button:hover:not(:disabled){background:var(--dashboard-button-bg)}.projects-page .projects-pagination .pagination-controls button:disabled{opacity:.5;cursor:not-allowed}input[type=\"checkbox\"].row-select,input[type=\"checkbox\"].select-all{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:1px solid var(--dashboard-text-highlight);border-radius:.125rem;background:rgba(0,0,0,0);cursor:pointer;position:relative}input[type=\"checkbox\"].row-select:checked,input[type=\"checkbox\"].select-all:checked{background:var(--dashboard-text-highlight)}input[type=\"checkbox\"].row-select:checked:after,input[type=\"checkbox\"].select-all:checked:after{content:"";position:absolute;top:.125rem;left:.25rem;width:.25rem;height:.5rem;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}@media(max-width:480px){.dashboard-sidebar-header{padding:1rem}.dashboard-sidebar-header .logo{font-size:1rem}.dashboard-grid.stats-grid{grid-template-columns:1fr}.dashboard-card.stat-card .card-header .card-title{font-size:.75rem}.dashboard-card.stat-card .card-value{font-size:1.25rem}.dashboard-card.stat-card .card-subtitle{font-size:.625rem}}.project-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.project-form-container{background-color:var(--dashboard-card-bg,#fff);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.15);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;padding:1.5rem}.project-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--dashboard-border-color,#e5e7eb)}.project-form-header h2{font-size:1.25rem;font-weight:600;color:var(--dashboard-text-primary,#111827);margin:0}.close-button{background:rgba(0,0,0,0);border:none;color:var(--dashboard-text-secondary,#6b7280);cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.close-button:hover{background-color:var(--dashboard-hover-bg,#f3f4f6);color:var(--dashboard-text-primary,#111827)}.form-group{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}label{display:block;font-size:.875rem;font-weight:500;color:var(--dashboard-text-primary,#111827);margin-bottom:.5rem}input[type=number],input[type=text],input[type=url],select,textarea{width:100%;padding:.625rem;border:1px solid var(--dashboard-border-color,#d1d5db);border-radius:.375rem;font-size:.875rem;color:var(--dashboard-text-primary,#111827);background-color:var(--dashboard-input-bg,#fff);transition:border-color .2s,box-shadow .2s}input[type=number]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none;border-color:var(--dashboard-primary,#2c5aa0);box-shadow:0 0 0 2px rgba(44,90,160,.2)}input.error,select.error,textarea.error{border-color:var(--dashboard-error,#ef4444)}.field-error{font-size:.75rem;margin-top:.25rem}.error-message,.field-error{color:var(--dashboard-error,#ef4444)}.error-message{background-color:rgba(239,68,68,.1);border-left:3px solid var(--dashboard-error,#ef4444);padding:.75rem 1rem;margin-bottom:1.5rem;border-radius:.25rem;font-size:.875rem}.checkbox-group,.checkbox-label{display:flex;align-items:center}.checkbox-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}input[type=checkbox]{margin-right:.5rem;width:1rem;height:1rem;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--dashboard-border-color,#e5e7eb)}.cancel-button,.submit-button{padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.cancel-button{background-color:rgba(0,0,0,0);color:var(--dashboard-text-secondary,#6b7280);border:1px solid var(--dashboard-border-color,#d1d5db)}.cancel-button:hover:not(:disabled){background-color:var(--dashboard-hover-bg,#f3f4f6);color:var(--dashboard-text-primary,#111827)}.submit-button{background-color:var(--dashboard-primary,#2c5aa0);color:#fff;border:none}.submit-button:hover:not(:disabled){background-color:var(--dashboard-primary-dark,#224a85)}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.project-detail-page{padding:80px 0}.project-detail-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.project-detail-page .project-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:40px}.project-detail-page .project-header .project-title{font-size:2.5rem;font-weight:700;margin:0;color:var(--color-font);flex:1 1}.project-detail-page .project-header .project-badges{display:flex;gap:10px;margin:10px 0}.project-detail-page .project-header .project-badges .featured-badge,.project-detail-page .project-header .project-badges .status-badge{padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:500;text-transform:capitalize}.project-detail-page .project-header .project-badges .status-badge{background-color:var(--color-secondary-light);color:var(--color-secondary)}.project-detail-page .project-header .project-badges .status-badge.status-in_development,.project-detail-page .project-header .project-badges .status-badge.status-in_progress{background-color:#f0e6d2;color:#b7791f}.project-detail-page .project-header .project-badges .status-badge.status-completed{background-color:#d1fae5;color:#047857}.project-detail-page .project-header .project-badges .status-badge.status-archived{background-color:#e5e7eb;color:#4b5563}.project-detail-page .project-header .project-badges .featured-badge{background-color:#fef3c7;color:#d97706}.project-detail-page .project-header .edit-project-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--color-primary);color:#fff;border-radius:4px;font-weight:500;text-decoration:none;transition:background-color .2s}.project-detail-page .project-header .edit-project-btn:hover{background-color:var(--color-primary-dark)}.project-detail-page .project-header .edit-project-btn svg{width:16px;height:16px}.project-detail-page .project-image{margin-bottom:40px;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}.project-detail-page .project-image img{display:block;width:100%;height:auto}.project-detail-page .project-content{display:grid;grid-template-columns:2fr 1fr;grid-gap:40px;gap:40px}@media(max-width:768px){.project-detail-page .project-content{grid-template-columns:1fr}}.project-detail-page .project-content .project-description h2{font-size:1.75rem;margin-bottom:20px;color:var(--color-font)}.project-detail-page .project-content .project-description p{font-size:1.1rem;line-height:1.6;color:var(--color-text);white-space:pre-line}.project-detail-page .project-content .project-meta h3{font-size:1.25rem;margin-bottom:15px;color:var(--color-font)}.project-detail-page .project-content .project-meta .project-technologies{margin-bottom:30px}.project-detail-page .project-content .project-meta .project-technologies .tech-tags{display:flex;flex-wrap:wrap;gap:8px}.project-detail-page .project-content .project-meta .project-technologies .tech-tags .tech-tag{padding:6px 12px;background-color:var(--color-secondary-light);color:var(--color-secondary);border-radius:4px;font-size:.85rem;font-weight:500}.project-detail-page .project-content .project-meta .project-links{margin-bottom:30px}.project-detail-page .project-content .project-meta .project-links .links-container{display:flex;flex-direction:column;gap:10px}.project-detail-page .project-content .project-meta .project-links .links-container .link-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:4px;font-weight:500;text-decoration:none;transition:background-color .2s}.project-detail-page .project-content .project-meta .project-links .links-container .link-btn svg{width:16px;height:16px}.project-detail-page .project-content .project-meta .project-links .links-container .link-btn.view-project{background-color:var(--color-primary);color:#fff}.project-detail-page .project-content .project-meta .project-links .links-container .link-btn.view-project:hover{background-color:var(--color-primary-dark)}.project-detail-page .project-content .project-meta .project-links .links-container .link-btn.view-code{background-color:var(--color-secondary-light);color:var(--color-secondary)}.project-detail-page .project-content .project-meta .project-links .links-container .link-btn.view-code:hover{background-color:var(--color-secondary-lighter)}.project-detail-page .project-content .project-meta .project-metadata{padding-top:20px;border-top:1px solid var(--color-border)}.project-detail-page .project-content .project-meta .project-metadata p{margin:8px 0;font-size:.9rem;color:var(--color-text-light)}.project-detail-page .project-content .project-meta .project-metadata p strong{font-weight:600;color:var(--color-text)}.project-detail-page .back-link{margin-top:60px}.project-detail-page .back-link a{display:inline-flex;align-items:center;color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s}.project-detail-page .back-link a:hover{color:var(--color-primary-dark);text-decoration:underline}.project-card .project-card-link{display:block;text-decoration:none;color:inherit;height:100%}.project-card .project-card-link:hover .content{transform:translateY(-5px)}.project-card .project-card-link .content{transition:transform .3s ease}.image-upload-container{width:100%;margin-bottom:.5rem}.image-upload-container .file-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.image-upload-container .upload-area{border:2px dashed #ccc;border-radius:8px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .2s ease;background-color:rgba(0,0,0,.02)}.image-upload-container .upload-area.drag-active,.image-upload-container .upload-area:hover{border-color:#53b2e2;background-color:rgba(83,178,226,.05)}.image-upload-container .upload-area .upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.image-upload-container .upload-area .upload-icon{width:48px;height:48px;color:#53b2e2;margin-bottom:.5rem}.image-upload-container .upload-area .upload-text{font-size:1rem;font-weight:500;margin:0}.image-upload-container .upload-area .upload-hint{font-size:.8rem;color:#666;margin:0}.image-upload-container .image-preview{margin-top:.5rem}.image-upload-container .image-preview .preview-container{position:relative;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.image-upload-container .image-preview .preview-container img{width:100%;height:auto;display:block;max-height:200px;object-fit:cover}.image-upload-container .image-preview .preview-container .remove-image{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background-color:hsla(0,0%,100%,.9);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.image-upload-container .image-preview .preview-container .remove-image:hover{background-color:#fff;transform:scale(1.05)}.image-upload-container .image-preview .preview-container .remove-image svg{width:16px;height:16px;color:#ff4d4f}.image-upload-container .image-preview .image-url{font-size:.8rem;color:#666;margin:.5rem 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.image-upload-container .upload-error{color:#ff4d4f;font-size:.85rem;margin-top:.5rem;padding:.5rem;background-color:rgba(255,77,79,.05);border-radius:4px;border-left:3px solid #ff4d4f}.dark .image-upload-container .upload-area{border-color:#444;background-color:hsla(0,0%,100%,.05)}.dark .image-upload-container .upload-area.drag-active,.dark .image-upload-container .upload-area:hover{border-color:#53b2e2;background-color:rgba(83,178,226,.1)}.dark .image-upload-container .image-preview .image-url,.dark .image-upload-container .upload-area .upload-hint{color:#aaa}.dark .image-upload-container .image-preview .preview-container{box-shadow:0 2px 8px rgba(0,0,0,.3)}.dark .image-upload-container .image-preview .preview-container .remove-image{background-color:rgba(30,30,30,.9)}.dark .image-upload-container .image-preview .preview-container .remove-image:hover{background-color:#333}.dark .image-upload-container .image-preview .preview-container .remove-image svg{color:#ff6b6b}.dark .image-upload-container .upload-error{background-color:rgba(255,77,79,.1)}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:100%;width:400px;pointer-events:none}.toast-container.toast-position-top-right{top:1rem;right:1rem}.toast-container.toast-position-top-left{top:1rem;left:1rem}.toast-container.toast-position-bottom-right{bottom:1rem;right:1rem}.toast-container.toast-position-bottom-left{bottom:1rem;left:1rem}.toast-container.toast-position-top-center{top:1rem;left:50%;transform:translateX(-50%)}.toast-container.toast-position-bottom-center{bottom:1rem;left:50%;transform:translateX(-50%)}.toast{background-color:var(--color-background);color:var(--color-text);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;transition:all .3s ease;opacity:0;transform:translateY(1rem);pointer-events:auto}.toast.toast-visible{opacity:1;transform:translateY(0)}.toast.toast-hidden{opacity:0;transform:translateY(-1rem)}.toast.toast-error{border-left:4px solid var(--color-error,#e53935)}.toast.toast-error .toast-icon{color:var(--color-error,#e53935)}.toast.toast-warning{border-left:4px solid var(--color-warning,#f9a825)}.toast.toast-warning .toast-icon{color:var(--color-warning,#f9a825)}.toast.toast-info{border-left:4px solid var(--color-info,#2196f3)}.toast.toast-info .toast-icon{color:var(--color-info,#2196f3)}.toast.toast-success{border-left:4px solid var(--color-success,#43a047)}.toast.toast-success .toast-icon{color:var(--color-success,#43a047)}.toast-content{display:flex;align-items:flex-start;padding:1rem}.toast-icon{flex-shrink:0;margin-right:.75rem;display:flex;align-items:center;justify-content:center}.toast-message{flex:1 1}.toast-message p{margin:0;line-height:1.5}.toast-close{background:none;border:none;color:var(--color-text-muted,#757575);cursor:pointer;padding:.25rem;margin-left:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toast-close:hover{color:var(--color-text,#212121)}.toast-close:focus{outline:none;box-shadow:0 0 0 2px rgba(33,150,243,.4);border-radius:4px}.toast-details-toggle{background:none;border:none;color:var(--color-primary,#2196f3);cursor:pointer;padding:.25rem 0;margin-top:.5rem;font-size:.875rem;text-align:left}.toast-details-toggle:hover{text-decoration:underline}.toast-details-toggle:focus{outline:none;box-shadow:0 0 0 2px rgba(33,150,243,.4);border-radius:4px}.toast-details{margin-top:.5rem;padding:.5rem;background-color:var(--color-background-alt,#f5f5f5);border-radius:.25rem;font-size:.875rem}.toast-details p{margin:0 0 .5rem}.toast-details p:last-child{margin-bottom:0}.toast-details .toast-request-id{font-family:monospace;font-size:.75rem;color:var(--color-text-muted,#757575)}@media(max-width:640px){.toast-container{width:calc(100% - 2rem)}.toast-container.toast-position-top-center,.toast-container.toast-position-top-left,.toast-container.toast-position-top-right{top:.5rem;right:.5rem;left:.5rem;transform:none}.toast-container.toast-position-bottom-center,.toast-container.toast-position-bottom-left,.toast-container.toast-position-bottom-right{bottom:.5rem;right:.5rem;left:.5rem;transform:none}}.error-handling-demo{max-width:1200px;margin:2rem auto;padding:1.5rem;background-color:var(--color-background,#ffffff);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.error-handling-demo h1{font-size:2rem;margin-bottom:1rem;color:var(--color-heading,#333333)}.error-handling-demo p{margin-bottom:1.5rem;line-height:1.6;color:var(--color-text,#555555)}.demo-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.demo-section{padding:1.5rem;background-color:var(--color-background-alt,#f8f9fa);border-radius:.5rem;border:1px solid var(--color-border,#e0e0e0)}.demo-section h2{font-size:1.5rem;color:var(--color-heading,#333333)}.demo-section h2,.demo-section p{margin-bottom:1rem}.button-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.demo-button{padding:.5rem 1rem;background-color:var(--color-primary,#2196f3);color:#fff;border:none;border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.demo-button:hover{background-color:var(--color-primary-dark,#1976d2)}.demo-button:active{transform:translateY(1px)}.demo-button:disabled{background-color:var(--color-disabled,#cccccc);cursor:not-allowed}.demo-button.error-button{background-color:var(--color-error,#e53935)}.demo-button.error-button:hover{background-color:var(--color-error-dark,#c62828)}.demo-button.warning-button{background-color:var(--color-warning,#f9a825)}.demo-button.warning-button:hover{background-color:var(--color-warning-dark,#f57f17)}.demo-button.info-button{background-color:var(--color-info,#2196f3)}.demo-button.info-button:hover{background-color:var(--color-info-dark,#1565c0)}.demo-button.success-button{background-color:var(--color-success,#43a047)}.demo-button.success-button:hover{background-color:var(--color-success-dark,#2e7d32)}.error-display{margin-top:1rem;padding:1rem;background-color:var(--color-error-bg,#ffebee);border:1px solid var(--color-error-border,#ffcdd2);border-radius:.25rem}.error-display h3{color:var(--color-error,#e53935);margin-bottom:.5rem;font-size:1rem}.error-display p{margin-bottom:.5rem;font-size:.875rem}.error-display p:last-child{margin-bottom:0}.response-display{margin-top:1rem;padding:1rem;background-color:var(--color-success-bg,#e8f5e9);border:1px solid var(--color-success-border,#c8e6c9);border-radius:.25rem}.response-display h3{color:var(--color-success,#43a047);margin-bottom:.5rem;font-size:1rem}.response-display pre{font-family:monospace;font-size:.875rem;white-space:pre-wrap;word-break:break-word;background-color:hsla(0,0%,100%,.5);padding:.5rem;border-radius:.25rem;max-height:200px;overflow-y:auto}.network-status{margin-top:1rem;padding:1rem;background-color:var(--color-background,#ffffff);border:1px solid var(--color-border,#e0e0e0);border-radius:.25rem}.network-status p{margin-bottom:.5rem}.network-status p:last-child{margin-bottom:0}.offline-message{margin-top:.5rem;padding:.75rem;background-color:var(--color-warning-bg,#fff8e1);border:1px solid var(--color-warning-border,#ffecb3);border-radius:.25rem}.offline-message p{margin:0;font-size:.875rem;color:var(--color-warning-dark,#f57f17)}@media(max-width:768px){.demo-sections{grid-template-columns:1fr}.button-group{flex-direction:column;align-items:stretch}.button-group button{width:100%}}.blog-crv .item{display:flex;align-items:center;height:100%}.block-sec .testim-box .slick-dots li button{display:block;opacity:0;width:0;height:0}.slider .social-icon a{margin:0 3px}.navbar .navbar-nav .nav-link,.video .vid .vid-butn .icon,.video-wrapper .vid .vid-butn .icon{cursor:pointer}.block-sec .vid-area{z-index:99}.div-tooltip-sub,.div-tooltip-tit{display:block;padding:0}.contact-page .pages-header,section.testimonials{overflow:hidden}div#ieatmaps iframe{width:100%;height:100%;border:0}button.nb{background:rgba(0,0,0,0);color:#fff;cursor:pointer}button.nb:hover{background:#fff;color:#222}.replay{cursor:pointer}.pace-done #preloader:after{bottom:0}#preloader{top:0;left:0}.pace-done #preloader{visibility:hidden;transition-delay:1.5s}.pace-done #preloader:after,.pace-done #preloader:before{height:0;transition:all .7s cubic-bezier(1,0,.55,1);transition-delay:1s}body.hideX #preloader{display:none!important;z-index:-1111111;height:0;width:0;overflow:hidden}body.hideX .pace{display:none!important;background-color:rgba(0,0,0,0)}.app-footer .social a{margin-right:4px}