@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);.studio-header{align-items:center;background:#0000;display:flex;font-family:Michroma,sans-serif;height:120px;left:0;position:fixed;top:0;transition:all .5s cubic-bezier(.16,1,.3,1);width:100%;z-index:2000}.studio-header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050505e6;border-bottom:1px solid #ffffff0d;height:85px}.header-container-fluid{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1700px;width:92%}.logo-box-xl{cursor:pointer;height:90px;position:relative;transition:transform .4s ease;width:90px}.studio-header.scrolled .logo-box-xl{height:65px;width:65px}.logo-img-xl{border-radius:4px;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.logo-glow-pure{background:radial-gradient(circle,#00d9ff59 0,#0000 70%);inset:-15px;opacity:0;position:absolute;transition:.4s ease;z-index:1}.logo-box-xl:hover{transform:scale(1.08)}.logo-box-xl:hover .logo-glow-pure{opacity:1}.header-center-wrapper{align-items:center;display:flex;gap:30px}.nav-list{display:flex;gap:40px;list-style:none}.nav-btn{background:#0000;border:none;color:#ccc;cursor:pointer;font-family:Michroma,sans-serif;font-size:11px;letter-spacing:2.5px;padding:8px 0;position:relative;transition:.3s}.nav-btn.active,.nav-btn:hover{color:#fff}.nav-glow-bar{background:#00d9ff;bottom:0;box-shadow:0 0 12px #00d9ff;height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.16,1,.3,1);width:0}.nav-btn.active .nav-glow-bar,.nav-btn:hover .nav-glow-bar{width:100%}.header-contact-slider{height:25px;min-width:180px;overflow:hidden;position:relative}.slider-container{height:100%;position:relative;width:100%}.slide-item{align-items:center;display:flex;gap:8px;height:100%;left:0;opacity:0;position:absolute;text-decoration:none;top:100%;transition:all .6s cubic-bezier(.16,1,.3,1);width:100%}.slide-item.active{opacity:1;top:0}.slide-flag{background-position:50%;background-repeat:no-repeat;background-size:contain;border:.5px solid #ffffff1a;border-radius:2px;box-shadow:0 1px 2px #0003;display:inline-block;flex-shrink:0;height:14px;vertical-align:middle;width:18px}.slide-flag[data-flag=mg]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath style='fill:%23fff' d='M0 0h10v20H0z'/%3E%3Cpath style='fill:%23fc3d32' d='M10 0h20v10H10z'/%3E%3Cpath style='fill:%23007e39' d='M10 10h20v10H10z'/%3E%3C/svg%3E")}.slide-flag[data-flag=fr]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath fill='%23fff' d='M0 0h30v20H0z'/%3E%3Cpath fill='%23002666' d='M0 0h10v20H0z'/%3E%3Cpath fill='%23c23' d='M20 0h10v20H20z'/%3E%3C/svg%3E")}.slide-flag-fallback{border:.5px solid #ffffff1a;border-radius:2px;box-shadow:0 1px 2px #0003;display:inline-flex;flex-shrink:0;height:14px;overflow:hidden;position:relative;width:18px}.slide-num{color:#00d9ff;font-size:10px;letter-spacing:1px;white-space:nowrap}.contact-cta-minimal{background:#0000;border:1px solid #00d9ff80;color:#fff;cursor:pointer;font-family:Michroma,sans-serif;font-size:10px;letter-spacing:2px;padding:12px 28px;transition:.4s}.contact-cta-minimal:hover{background:#00d9ff;box-shadow:0 0 25px #00d9ff66;color:#000}.modern-burger{background:#0000;border:none;cursor:pointer;display:none;height:40px;position:relative;width:40px;z-index:3500}.burger-bar{background:#fff;height:2px;left:5px;position:absolute;transition:.4s;width:30px}.burger-bar.top{top:15px}.burger-bar.bottom{bottom:15px}.modern-burger.open .top{transform:translateY(4px) rotate(45deg)}.modern-burger.open .bottom{transform:translateY(-4px) rotate(-45deg)}.mobile-nav-panel{inset:0;position:fixed;transition:.5s;visibility:hidden;z-index:3000}.mobile-nav-panel.active{visibility:visible}.panel-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;inset:0;opacity:0;position:absolute;transition:.5s}.mobile-nav-panel.active .panel-overlay{opacity:1}.panel-drawer{background:#000!important;box-shadow:-10px 0 50px #000;display:flex;flex-direction:column;height:100vh;max-width:450px;opacity:1;padding:120px 40px 40px;position:absolute;right:-100%;top:0;transition:.6s cubic-bezier(.16,1,.3,1);width:80%}.mobile-nav-panel.active .panel-drawer{right:0}.drawer-nav{display:flex;flex-direction:column;gap:30px}.drawer-link{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-family:Michroma,sans-serif;font-size:clamp(16px,5vw,22px);gap:20px;text-align:left;transition:.3s}.drawer-link.active,.drawer-link:hover{color:#00d9ff;padding-left:10px}.drawer-num{color:#00d9ff;font-size:10px;opacity:.5}.drawer-cta-blue{background:#00d9ff;border:none;-webkit-clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);color:#000;font-family:Michroma,sans-serif;font-size:12px;letter-spacing:2px;margin-top:auto;padding:22px;width:100%}@media (max-width:1100px){.contact-cta-minimal,.header-center{display:none}.modern-burger{display:block}.header-container-fluid{align-items:center;display:flex;justify-content:space-between}.header-left{flex:1 1;order:1}.header-center-wrapper{flex:2 1;justify-content:center;order:2}.header-right{display:flex;flex:1 1;justify-content:flex-end;order:3}.header-contact-slider{min-width:175px}.slide-item{gap:8px;justify-content:center}.slide-num{font-size:10px}}@media (max-width:768px){.slide-flag,.slide-flag-fallback{height:14px!important;width:18px!important}}@media (max-width:480px){.logo-box-xl{height:60px;width:60px}.header-contact-slider{min-width:170px}.slide-num{font-size:9px;letter-spacing:.5px}.panel-drawer{width:90%}.slide-flag,.slide-flag-fallback{border-radius:2px!important;height:14px!important;width:18px!important}}@media (max-width:360px){.slide-flag,.slide-flag-fallback{height:14px!important;width:18px!important}.header-contact-slider{min-width:165px}.slide-num{font-size:8.5px;letter-spacing:.3px}}@media (max-width:320px){.slide-flag,.slide-flag-fallback{height:13px;width:17px}.slide-num{font-size:8px}}.studio-footer{background-color:#050505;border-top:1px solid #00d9ff1a;color:#fff;font-family:Michroma,sans-serif;overflow:hidden;padding:80px 0 40px;position:relative}.footer-glow-top{background:radial-gradient(circle,#00d9ff14 0,#0000 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:-150px;transform:translateX(-50%);width:80%}.footer-container{margin:0 auto;max-width:1400px;position:relative;width:90%;z-index:2}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.5fr .8fr 1fr 1.2fr;margin-bottom:60px}.footer-logo-box{height:70px;margin-bottom:20px;position:relative;width:70px}.footer-logo-img{height:100%;object-fit:contain;width:100%}.logo-neon-line{background:#00d9ff;bottom:-5px;box-shadow:0 0 10px #00d9ff;height:2px;left:0;position:absolute;width:30px}.footer-description{color:#ccc;font-size:10px;letter-spacing:.5px;line-height:1.8;margin-bottom:25px;max-width:300px}.social-links{display:flex;gap:12px}.social-icon{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;height:38px;justify-content:center;transition:all .4s ease;width:38px}.social-icon:hover{background:#00d9ff;border-color:#00d9ff;box-shadow:0 5px 15px #00d9ff4d;color:#000;transform:translateY(-3px)}.footer-title{color:#00d9ff;font-size:12px;font-weight:400;letter-spacing:3px;margin-bottom:30px}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:15px}.footer-links button,.footer-links span{background:#0000;border:none;color:#ccc;cursor:pointer;font-family:Michroma,sans-serif;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;transition:.3s ease}.footer-links button:hover{color:#00d9ff;transform:translateX(5px)}.contact-info-list{display:flex;flex-direction:column;gap:20px}.contact-info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#aaa;font-size:8px;font-weight:700;letter-spacing:2px}.info-value{color:#fff;font-size:10px;line-height:1.5;text-decoration:none;transition:.3s}.email-link:hover{color:#00d9ff;text-decoration:underline}.phone-row{align-items:center;display:flex;gap:8px}.flag-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;border:.5px solid #0000001a;border-radius:2px;box-shadow:0 1px 2px #0003;display:inline-block;flex-shrink:0;height:12px;vertical-align:middle;width:16px}.flag-fr{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath fill='%23fff' d='M0 0h30v20H0z'/%3E%3Cpath fill='%23002666' d='M0 0h10v20H0z'/%3E%3Cpath fill='%23c23' d='M20 0h10v20H20z'/%3E%3C/svg%3E")}.flag-mg{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath style='fill:%23fff' d='M0 0h10v20H0z'/%3E%3Cpath style='fill:%23fc3d32' d='M10 0h20v10H10z'/%3E%3Cpath style='fill:%23007e39' d='M10 10h20v10H10z'/%3E%3C/svg%3E")}.flag-fallback{border:.5px solid #ffffff1a;border-radius:2px;box-shadow:0 1px 2px #0003;display:inline-flex;flex-shrink:0;height:12px;overflow:hidden;position:relative;width:16px}.flag-fr-fallback{background:linear-gradient(90deg,#002666 33.33%,#fff 0,#fff 66.67%,#c23 0)}.flag-mg-fallback{background:#fff;overflow:hidden;position:relative}.flag-mg-fallback:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:33.33%}.flag-mg-fallback:after{background:#fc3d32;content:"";height:50%;position:absolute;right:0;top:0;width:66.67%}.flag-mg-fallback .mg-green-part{background:#007e39;bottom:0;height:50%;position:absolute;right:0;width:66.67%}.flag-icon-small{border-radius:1.5px;height:10px;width:14px}.flag-fallback:hover,.flag-icon:hover{box-shadow:0 1px 4px #00d9ff1a;transform:scale(1.05);transition:transform .2s ease}.footer-bottom{border-top:1px solid #ffffff0d;padding-top:30px;text-align:center}.copyright-text{color:#888;font-size:9px;letter-spacing:2px}.highlight{color:#00d9ff99}@media (max-width:1024px){.footer-grid{gap:50px;grid-template-columns:1fr 1fr}}@media (max-width:650px){.footer-grid{grid-template-columns:1fr;text-align:center}.footer-logo-box,.phone-row,.social-links{justify-content:center;margin-left:auto;margin-right:auto}.footer-description{margin-left:auto;margin-right:auto}.footer-links button:hover{transform:none}.flag-fallback,.flag-icon{border-radius:1.5px;height:10px;width:14px}}@media (max-width:480px){.flag-fallback,.flag-icon{border-radius:1px;height:9px;width:12px}}:root{--black-depth:#030303;--electric-blue:#007bff;--glow-intensity:#007bff99;--font-studio:"Michroma",sans-serif}.hero{align-items:center;background-color:#030303;background-color:var(--black-depth);box-sizing:border-box;color:#fff;display:flex;font-family:Michroma,sans-serif;font-family:var(--font-studio);height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative}.hero-background-black{background-color:#000;z-index:1}.hero-background-black,.hero-gif-container{height:100%;inset:0;position:absolute;width:100%}.hero-gif-container{align-items:center;display:flex;justify-content:center;pointer-events:none;z-index:2}.hero-gif{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.cursor-aura{background:radial-gradient(circle,#007bff26 0,#0000 70%);height:650px;mix-blend-mode:screen;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:left .25s ease-out,top .25s ease-out;width:650px;z-index:10}.hero-action-area{bottom:80px;box-sizing:border-box;padding:0 20px;position:absolute;width:100%;z-index:20}.cta-stack{align-items:center;display:flex;gap:25px;justify-content:center;margin:0 auto;max-width:700px}.rico-btn-glow{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:1px solid #007bff;border:1px solid var(--electric-blue);box-shadow:0 0 20px #007bff4d;color:#fff;cursor:pointer;flex-shrink:0;font-family:Michroma,sans-serif;font-family:var(--font-studio);font-size:.85rem;letter-spacing:3px;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:18px 40px;position:relative;text-align:center;transition:all .4s ease;white-space:nowrap;word-break:keep-all;z-index:21}.rico-btn-glow:hover{background:#007bff;background:var(--electric-blue);box-shadow:0 0 40px #007bff;box-shadow:0 0 40px var(--electric-blue);color:#000;transform:translateY(-5px)}.rico-btn-outline{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:1px solid #fff9;color:#fff;cursor:pointer;flex-shrink:0;font-family:Michroma,sans-serif;font-family:var(--font-studio);font-size:.85rem;letter-spacing:3px;min-width:-webkit-fit-content;min-width:fit-content;padding:18px 40px;text-align:center;transition:all .4s ease;white-space:nowrap;word-break:keep-all;z-index:21}.rico-btn-outline:hover{background:#ffffffe6;border-color:#fff;color:#000;transform:translateY(-5px)}@media (min-width:1025px){.hero-gif{height:100%;object-fit:cover;width:100%}}@media (max-width:1024px) and (min-width:769px){.hero{min-height:600px}.hero-gif{height:100%;object-fit:contain;width:100%}.cursor-aura{height:400px;width:400px}}@media (max-width:768px){.hero{min-height:550px}.hero-gif{height:100%;object-fit:contain;width:100%}.cta-stack{flex-direction:column;gap:15px;max-width:300px;width:100%}.rico-btn-glow,.rico-btn-outline{background:#0009;font-size:.7rem;letter-spacing:2px;padding:15px 20px;width:100%}.hero-action-area{bottom:60px}.cursor-aura{height:350px;width:350px}}@media (max-width:480px){.hero{min-height:500px}.hero-gif{object-fit:contain}.hero-action-area{bottom:50px;padding:0 12px}.cta-stack{gap:12px;max-width:280px}.rico-btn-glow,.rico-btn-outline{background:#000000b3;font-size:.65rem;padding:14px 18px}.cursor-aura{height:300px;width:300px}}@media (max-width:360px){.hero{min-height:450px}.hero-gif{object-fit:contain}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:300px}.hero-gif{object-fit:contain}.hero-action-area{bottom:20px}.cta-stack{flex-direction:row;max-width:500px}.rico-btn-glow,.rico-btn-outline{font-size:.7rem;padding:10px 20px}}.services-section{background-color:#050505;color:#fff;font-family:Michroma,sans-serif;overflow-x:hidden;padding:80px 0;text-transform:uppercase;width:100%}.services-header-modern{padding:0 50px 60px}.pre-title{color:#007bff;font-size:12px;letter-spacing:4px;margin-bottom:10px;text-shadow:0 0 10px #007bff80}.main-section-title{font-size:32px;letter-spacing:2px}.services-list-container{display:flex;flex-direction:column}.service-row{align-items:center;border-top:1px solid #ffffff0d;cursor:pointer;display:flex;height:280px;overflow:hidden;position:relative;transition:height .4s ease;width:100%}.service-row-bg{background-position:50%;background-size:cover;filter:grayscale(100%) brightness(.2);inset:0;position:absolute;transition:transform .8s cubic-bezier(.2,1,.3,1),filter .5s ease;z-index:1}.service-row-glow{background:linear-gradient(90deg,#050505 10%,#0000 60%);inset:0;position:absolute;transition:.5s;z-index:2}.service-row-content{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 50px;position:relative;width:100%;z-index:10}.service-left{align-items:center;display:flex;gap:40px}.service-index{color:#007bff;font-size:14px;opacity:.6}.service-row-title{font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:1px;transition:.4s ease}.service-right{align-items:center;display:flex;gap:60px;text-align:right}.service-row-desc{color:#ccc;font-size:11px;line-height:1.8;max-width:400px;opacity:0;transform:translateX(30px);transition:all .5s ease}.service-circle-btn{align-items:center;border:1px solid #fff3;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;transition:.4s ease;width:60px}.arrow-icon{color:#fff;font-size:24px;transition:transform .4s ease}.service-row:hover{height:320px}.service-row:hover .service-row-bg{filter:grayscale(0) brightness(.4);transform:scale(1.05)}.service-row:hover .service-row-glow{background:linear-gradient(90deg,#007bff33,#0000 80%)}.service-row:hover .service-row-title{color:#007bff;text-shadow:0 0 20px #007bff99;transform:translateX(20px)}.service-row:hover .service-row-desc{color:#fff;opacity:1;transform:translateX(0)}.service-row:hover .service-circle-btn{background-color:#007bff;border-color:#007bff;box-shadow:0 0 20px #007bff}.service-row:hover .arrow-icon{transform:rotate(-45deg)}.bottom-light-bar{background:#007bff;bottom:0;box-shadow:0 0 10px #007bff;height:2px;left:0;position:absolute;transition:width .6s ease;width:0}.service-row:hover .bottom-light-bar{width:100%}.service-modal-overlay{animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#000000f2;inset:0;padding:20px;position:fixed;z-index:9999}.service-modal-content,.service-modal-overlay{align-items:center;display:flex;justify-content:center}.service-modal-content{background:#000;border:1px solid #ffffff1a;box-shadow:0 0 60px #007bff26;max-width:1000px;min-height:60vh;overflow:hidden;position:relative;width:100%}.modal-bg-blur{background-position:50%;background-size:cover;filter:blur(8px) brightness(.5);inset:0;position:absolute;transform:scale(1.05);z-index:1}.modal-bg-blur:after{background:radial-gradient(circle,#0000 20%,#000 100%);content:"";inset:0;opacity:.7;position:absolute}.modal-body{max-width:800px;padding:60px;position:relative;text-align:center;z-index:2}.animate-in .modal-index{animation:slideUp .6s ease .1s forwards;opacity:0}.animate-in .modal-title{animation:slideUp .6s ease .2s forwards;opacity:0}.animate-in .modal-divider{animation:scaleX .6s ease .3s forwards;opacity:0;transform:scaleX(0)}.animate-in .modal-description{animation:slideUp .6s ease .4s forwards;opacity:0}.modal-index{color:#007bff;display:block;font-size:16px;letter-spacing:6px;margin-bottom:15px}.modal-title{font-size:clamp(22px,5vw,42px);letter-spacing:2px;line-height:1.2;margin-bottom:25px}.modal-divider{background:#007bff;box-shadow:0 0 15px #007bff;height:2px;margin:0 auto 30px;transform-origin:center;width:80px}.modal-description{color:#eee;font-size:15px;letter-spacing:.5px;line-height:1.8;text-transform:none}.modal-close-btn{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;right:40px;top:40px;transition:.3s;width:50px;z-index:10}.modal-close-btn:hover{background:#007bff;box-shadow:0 0 20px #007bff;transform:rotate(90deg)}@keyframes scaleX{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (max-width:768px){.service-modal-content{min-height:80vh}.modal-body{padding:40px 20px}.modal-title{font-size:16px}.modal-description{font-size:13px;line-height:1.6}.modal-close-btn{height:45px;right:20px;top:20px;width:45px}.service-row{height:auto;min-height:180px;padding:30px 0}.service-row-content{align-items:flex-start;flex-direction:column;gap:20px;padding:0 20px}.service-left{width:100%}.service-row-title{font-size:14px}.service-right{justify-content:space-between;width:100%}.service-row-desc{font-size:10px;max-width:100%;opacity:1;transform:none}}@media (max-width:325px){.main-section-title{font-size:18px}.modal-body{padding:60px 10px 30px}.modal-title{font-size:16px;-webkit-hyphens:none;hyphens:none;letter-spacing:.5px;overflow-wrap:normal;word-break:normal}.modal-description{font-size:10px;line-height:1.5}.modal-close-btn{font-size:14px;height:35px;right:10px;top:10px;width:35px}.modal-divider{margin-bottom:15px;width:40px}.modal-index{font-size:12px;margin-bottom:8px}}.technos-section{background-color:#020205;color:#fff;font-family:Michroma,sans-serif;overflow:hidden;padding:150px 0;position:relative;text-transform:uppercase}.technos-header{margin-bottom:90px;position:relative;text-align:center;z-index:5}.tech-pretitle{color:#007bff;font-size:10px;letter-spacing:8px;margin-bottom:12px}.tech-main-title{font-size:clamp(1.5rem,3.5vw,2.8rem);font-weight:300;letter-spacing:5px}.infinite-wrapper{display:flex;flex-direction:column;gap:50px}.tech-slider{display:flex;mask-image:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000);overflow:hidden;width:100%}.tech-track{display:flex;padding:40px 0;width:-webkit-max-content;width:max-content}.scroll-left .tech-track{animation:slideLeft 65s linear infinite}.scroll-right .tech-track{animation:slideRight 65s linear infinite}.tech-slider:hover .tech-track{animation-play-state:running}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-33.33%)}}@keyframes slideRight{0%{transform:translateX(-33.33%)}to{transform:translateX(0)}}.tech-card-modern{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:2px;display:flex;gap:30px;margin:0 35px;padding:22px 48px;position:relative;transition:all .6s cubic-bezier(.165,.84,.44,1)}.tech-logo-box{height:40px;transition:.6s ease;width:40px}.tech-logo-box img{filter:grayscale(100%) brightness(.8);height:100%;object-fit:contain;transition:.6s ease;width:100%}.tech-text{color:#ccc;font-size:13px;letter-spacing:2px;transition:.6s ease}.tech-card-modern:hover{background:#007bff0d;border-color:#007bff80;transform:translateY(-8px)}.tech-card-modern:hover .tech-logo-box img{filter:grayscale(0) brightness(1.2) drop-shadow(0 0 8px rgba(0,123,255,.4))}.tech-card-modern:hover .tech-text{color:#fff}.card-light-glow{background:radial-gradient(circle at center,#007bff26 0,#0000 80%);inset:0;opacity:0;position:absolute;transition:opacity .6s ease}.tech-card-modern:hover .card-light-glow{opacity:1}.bg-aurora{background:radial-gradient(ellipse at center,#007bff0d 0,#0000 70%);height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}@media (max-width:768px){.technos-section{padding:50px 0}.tech-card-modern{margin:0 15px;padding:15px 30px}.tech-logo-box{height:30px;width:30px}.tech-text{font-size:11px}}:root{--bg-deep:#0a0a0a;--neon-blue:#00d2ff;--glow-blue:#00d2ff66;--text-white:#fff}.portfolio{background-color:#0a0a0a;background-color:var(--bg-deep);color:#fff;color:var(--text-white);font-family:Michroma,sans-serif;overflow-x:hidden;padding:100px 0;text-transform:uppercase}.container{margin:0 auto;max-width:1300px;padding:0 20px}.container,.main-title{box-sizing:border-box;width:100%}.main-title{font-size:clamp(50px,8vw,80px);letter-spacing:clamp(8px,1.5vw,20px);margin-bottom:-40px;opacity:.1;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.portfolio-header{margin-bottom:60px;position:relative;text-align:center;width:100%;z-index:1}.subtitle-top{color:#00d2ff;color:var(--neon-blue);font-size:12px;letter-spacing:4px;text-shadow:0 0 10px #00d2ff66;text-shadow:0 0 10px var(--glow-blue)}.section-headline{font-size:28px;letter-spacing:2px;margin:20px 0}.portfolio-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.portfolio-card,.portfolio-grid{box-sizing:border-box;width:100%}.portfolio-card{cursor:pointer;transition:transform .3s ease}.image-wrapper{aspect-ratio:1/1;border:1px solid #222;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.image-wrapper img{box-sizing:border-box;filter:grayscale(70%);height:100%;object-fit:cover;transition:.5s ease;width:100%}.card-icon{color:#fff;font-size:18px;opacity:.8;position:absolute;right:15px;top:15px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.portfolio-card:hover .image-wrapper{border-color:#00d2ff;border-color:var(--neon-blue);box-shadow:0 0 20px #00d2ff66;box-shadow:0 0 20px var(--glow-blue)}.portfolio-card:hover .image-wrapper img{filter:grayscale(0);transform:scale(1.1)}.portfolio-card:hover .overlay-glow{box-shadow:inset 0 0 50px #00d2ff66;box-shadow:inset 0 0 50px var(--glow-blue);inset:0;position:absolute;z-index:2}.portfolio-card:hover .card-icon{color:#00d2ff;color:var(--neon-blue);opacity:1;text-shadow:0 0 8px #00d2ff;text-shadow:0 0 8px var(--neon-blue);transform:rotate(90deg) scale(1.2)}.card-info{margin-top:20px}.p-category{color:#00d2ff;color:var(--neon-blue);font-size:10px;margin-bottom:10px;transition:color .3s ease,text-shadow .3s ease}.p-title{display:inline-block;font-size:18px;letter-spacing:1px;transition:all .4s ease}.portfolio-card:hover .p-category{color:#fff;text-shadow:0 0 5px #ffffff80}.portfolio-card:hover .p-title{color:#00d2ff;color:var(--neon-blue);letter-spacing:3px;text-shadow:0 0 10px #00d2ff66;text-shadow:0 0 10px var(--glow-blue);transform:translateX(5px)}.btn-container{display:flex;justify-content:center;margin-top:80px;width:100%}.btn-view-more{background:#0000;border:1px solid #00d2ff;border:1px solid var(--neon-blue);box-shadow:0 0 10px #00d2ff66;box-shadow:0 0 10px var(--glow-blue);color:#fff;color:var(--text-white);cursor:pointer;font-family:Michroma,sans-serif;letter-spacing:3px;padding:15px 40px;transition:.4s}.btn-view-more:hover{background:#00d2ff;background:var(--neon-blue);box-shadow:0 0 30px #00d2ff;box-shadow:0 0 30px var(--neon-blue);color:#000}.modal-overlay{animation:fadeIn .3s ease;background:#000000f2;box-sizing:border-box;inset:0;z-index:1000}.modal-content{border:1px solid #00d2ff;border:1px solid var(--neon-blue);box-shadow:0 0 50px #00d2ff66;box-shadow:0 0 50px var(--glow-blue);box-sizing:border-box;max-height:80vh;max-width:90%}.modal-content img{box-sizing:border-box;display:block;width:100%}.close-btn{background:none;border:none;color:#00d2ff;color:var(--neon-blue);cursor:pointer;font-size:40px;position:absolute;right:0;top:-50px}@media (max-width:1024px){.main-title{font-size:clamp(45px,7vw,70px);letter-spacing:clamp(6px,1.2vw,15px)}}@media (max-width:768px){.portfolio{padding:60px 0}.container{padding:0 15px}.portfolio-grid{gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.section-headline{font-size:24px;padding:0 10px}.main-title{align-items:center;display:flex;font-size:clamp(40px,10vw,60px);justify-content:center;letter-spacing:clamp(5px,1.5vw,12px);margin-bottom:-30px;min-height:60px;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:480px){.portfolio{padding:40px 0}.container{padding:0 12px}.portfolio-grid{gap:25px;grid-template-columns:1fr}.main-title{font-size:clamp(35px,12vw,50px);left:50%;letter-spacing:clamp(4px,2vw,10px);margin-bottom:-20px;min-height:50px;overflow:hidden;padding:0;position:relative;text-overflow:clip;transform:translateX(-50%);white-space:nowrap;width:100vw}.section-headline{font-size:20px}}@media (max-width:360px){.main-title{font-size:32px;letter-spacing:3px;margin-bottom:-15px;min-height:45px}}@media (max-width:320px){.main-title{font-size:30px;letter-spacing:2px;line-height:1;min-height:auto;overflow:visible;padding:0;text-overflow:clip;white-space:normal;word-break:keep-all}}.process-section{background-color:#020205;color:#fff;font-family:Michroma,sans-serif;padding:100px 5%}.process-header{margin-bottom:80px;text-align:center}.process-pretitle{color:#007bff;font-size:11px;letter-spacing:6px;margin-bottom:12px;text-transform:uppercase}.process-main-title{font-size:clamp(1.8rem,4.5vw,3rem);font-weight:400;letter-spacing:3px;text-transform:uppercase}.process-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px}.process-card{background-color:#050505;border:1px solid #ffffff08;cursor:pointer;height:480px;overflow:hidden;position:relative}.card-bg-image{background-position:50%;background-size:cover;filter:brightness(.6) grayscale(.5);inset:0;position:absolute;transition:transform 1s cubic-bezier(.2,1,.3,1),filter .7s ease}.process-card:hover .card-bg-image{filter:brightness(.4) grayscale(0);transform:scale(1.1)}.card-overlay{background:linear-gradient(0deg,#020205f2 5%,#0000 70%);inset:0;position:absolute;z-index:1}.step-number-badge{align-items:center;background-color:#fff;box-shadow:0 0 20px #007bff66;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,0 70%);clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,0 70%);color:#000;display:flex;font-size:16px;font-weight:700;height:42px;justify-content:center;position:absolute;right:25px;top:25px;width:42px;z-index:3}.card-content{bottom:0;left:0;padding:45px 35px;position:absolute;transition:transform .5s ease;width:100%;z-index:2}.card-title{font-size:16px;letter-spacing:1.5px;line-height:1.4;margin-bottom:0;text-transform:uppercase;transition:color .4s ease,margin-bottom .5s ease}.process-card:hover .card-title{color:#007bff;margin-bottom:18px}.card-description-wrapper{max-height:0;opacity:0;overflow:hidden;transition:max-height .7s cubic-bezier(.4,0,.2,1),opacity .5s ease}.process-card:hover .card-description-wrapper{max-height:200px;opacity:1}.card-description{color:#ddd;font-size:10.5px;letter-spacing:.5px;line-height:1.8;text-transform:uppercase}.card-glow-bar{background-color:#007bff;bottom:0;box-shadow:0 0 15px #007bffcc;height:3px;left:0;position:absolute;transition:width .6s ease;width:0;z-index:4}.process-card:hover .card-glow-bar{width:100%}@media (max-width:768px){.process-card{height:400px}.card-description-wrapper{max-height:200px;opacity:1}.card-title{color:#007bff;margin-bottom:15px}}.equipes-section{background-color:#020205;font-family:Michroma,sans-serif;overflow:hidden;padding:100px 0;position:relative}.equipes-header{margin-bottom:60px;text-align:center}.equipes-pretitle{color:#007bff;font-size:10px;letter-spacing:8px;margin-bottom:15px;text-transform:uppercase}.equipes-main-title{color:#fff;font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:4px;text-transform:uppercase}.equipes-slider{display:flex;width:100%}.equipes-track{animation:scrollTeams 40s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.equipes-slider:hover .equipes-track{animation-play-state:paused}@keyframes scrollTeams{0%{transform:translateX(0)}to{transform:translateX(-25%)}}.team-card{background-color:#000;cursor:pointer;height:550px;min-width:300px;overflow:hidden;position:relative;width:25vw}.team-image{background-position:50%;background-size:cover;filter:grayscale(100%) brightness(.5);inset:0;position:absolute;transition:all .8s cubic-bezier(.165,.84,.44,1)}.team-overlay{background:radial-gradient(circle at center,#007bff33 0,#0000 80%);inset:0;transition:opacity .6s ease;z-index:2}.team-info,.team-overlay{opacity:0;position:absolute}.team-info{bottom:0;left:0;padding:40px;transform:translateY(20px);transition:all .5s ease;width:100%;z-index:5}.team-name{color:#fff;font-size:14px;letter-spacing:2px}.team-card:hover .team-image{filter:grayscale(0) brightness(.8);transform:scale(1.08)}.team-card:hover .team-overlay{opacity:1}.team-card:hover .team-info{opacity:1;transform:translateY(0)}.team-card:hover .team-glow-line{width:80%}.lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;padding:40px}.lightbox img{border:1px solid #ffffff1a;box-shadow:0 0 50px #007bff4d;max-height:90vh;max-width:90%}.lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:60px;line-height:1;position:absolute;right:40px;top:30px;transition:color .3s ease}.lightbox-close:hover{color:#007bff}.equipes-bg-glow{background:radial-gradient(circle,#007bff08 0,#0000 70%);height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media (max-width:1024px){.team-card{width:50vw}}@media (max-width:600px){.equipes-section{padding:0}.team-card{width:100%}}.about-page{background-color:#000;color:#fff;font-family:Michroma,sans-serif;min-height:100vh;opacity:0;overflow:hidden;padding:clamp(100px,10vw,160px) 0 clamp(80px,8vw,120px);transition:opacity 1s ease}.about-page.fade-in{opacity:1}.about-hero{margin-bottom:clamp(80px,8vw,140px);overflow:hidden;padding:0 clamp(15px,3vw,40px)}.about-hero,.bg-title-about{box-sizing:border-box;text-align:center;width:100%}.bg-title-about{color:hsla(0,0%,100%,.144);font-size:clamp(32px,12vw,140px);font-weight:900;letter-spacing:clamp(4px,2vw,30px);line-height:1;margin:0;overflow:visible;padding:0 clamp(5px,1.5vw,20px);text-overflow:clip;text-transform:uppercase;white-space:nowrap;word-break:keep-all}.title-content-about{box-sizing:border-box;margin-top:clamp(-30px,-4vw,-50px);width:100%}.subtitle-about{color:#00d9ff;display:block;font-size:clamp(10px,1vw,14px);letter-spacing:clamp(3px,.8vw,10px);margin-bottom:clamp(8px,1vw,15px)}.main-title-about,.subtitle-about{text-align:center;white-space:nowrap;word-break:keep-all}.main-title-about{font-size:clamp(16px,3vw,40px);letter-spacing:clamp(1.5px,.6vw,5px);line-height:1.2}.about-container{box-sizing:border-box;margin:0 auto;max-width:1600px;padding:0 clamp(10px,2vw,20px);width:85%}.about-section{grid-gap:clamp(40px,6vw,100px);align-items:center;display:grid;gap:clamp(40px,6vw,100px);grid-template-columns:1fr 1fr;margin-bottom:clamp(80px,10vw,170px)}.about-text-content{position:relative}.section-number{color:#00d9ff;font-size:clamp(9px,.9vw,12px);letter-spacing:clamp(2px,.4vw,5px);margin-bottom:clamp(15px,1.5vw,20px);opacity:.6;white-space:nowrap}.section-title{font-size:clamp(16px,2vw,32px);letter-spacing:clamp(1.5px,.4vw,4px);line-height:1.3;margin-bottom:clamp(15px,2.5vw,30px);white-space:normal;word-break:keep-all}.blue-text{color:#00d9ff;text-shadow:0 0 20px #00d9ff4d}.section-description{color:#aaa;font-size:clamp(11px,1vw,14px);letter-spacing:clamp(.8px,.12vw,1.5px);line-height:clamp(1.6,1.8vw,1.8);margin-bottom:clamp(25px,3vw,40px);max-width:600px;overflow-wrap:break-word;white-space:normal;word-break:normal}.accent-line{background:#00d9ff;box-shadow:0 0 10px #00d9ff;height:2px;width:clamp(30px,4vw,60px)}.about-image-wrapper,.image-frame{position:relative;width:100%}.image-frame{border-radius:4px;max-width:100%;overflow:hidden;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.image-frame img{display:block;height:clamp(250px,30vw,500px);object-fit:cover;transition:transform .8s ease;width:100%}.image-glow{border:1px solid #00d9ff33;inset:0;pointer-events:none;position:absolute;transition:.4s}.image-frame:hover{transform:scale(1.02) translateY(-10px)}.image-frame:hover .image-glow{border-color:#00d9ff;box-shadow:inset 0 0 30px #00d9ff1a}@media (max-width:1100px){.about-section{gap:clamp(40px,5vw,60px);grid-template-columns:1fr;margin-bottom:clamp(80px,8vw,120px)}.reverse-mobile{display:flex;flex-direction:column-reverse}.about-text-content{text-align:center;width:100%}.section-description{font-size:clamp(12px,1.3vw,14px);margin:0 auto clamp(20px,2.5vw,30px);max-width:90%}.accent-line{margin:0 auto}.image-frame img{height:clamp(220px,35vw,350px)}}@media (max-width:768px){.about-page{padding:clamp(80px,9vw,120px) 0 clamp(60px,7vw,100px)}.about-container{padding:0 clamp(8px,2vw,15px);width:95%}.about-hero{margin-bottom:clamp(60px,7vw,100px);padding:0 clamp(10px,2.5vw,20px)}.bg-title-about{font-size:clamp(28px,10vw,120px);letter-spacing:clamp(3px,1.5vw,15px);margin-top:30px;padding:0 clamp(3px,1vw,10px)}.title-content-about{margin-top:clamp(-25px,-3.5vw,-40px)}.subtitle-about{font-size:clamp(9px,1.2vw,13px);letter-spacing:clamp(2px,1.2vw,8px);margin-top:30px}.main-title-about{font-size:clamp(14px,2.8vw,30px);letter-spacing:clamp(1px,.7vw,4px)}}@media (max-width:480px){.about-hero{margin-bottom:clamp(50px,6vw,80px);padding:0 clamp(8px,2vw,15px)}.bg-title-about{font-size:clamp(24px,8vw,100px);letter-spacing:clamp(2px,1vw,10px);padding:0 clamp(2px,.8vw,5px)}.title-content-about{margin-top:clamp(-20px,-3vw,-30px)}.subtitle-about{font-size:clamp(8px,1vw,11px);letter-spacing:clamp(1.5px,.8vw,4px)}.main-title-about{font-size:clamp(12px,2.5vw,24px);letter-spacing:clamp(.8px,.5vw,2px)}.about-page{padding:clamp(70px,8vw,100px) 0 clamp(50px,6vw,80px)}.about-container{padding:0 clamp(6px,1.5vw,10px)}}@media (min-width:1920px){.about-container{max-width:1800px}.bg-title-about{font-size:clamp(140px,8vw,160px);letter-spacing:clamp(30px,1.8vw,35px)}.section-description{font-size:clamp(14px,.8vw,16px);max-width:700px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.bg-title-about{font-size:clamp(35px,8vw,80px);letter-spacing:clamp(6px,1.5vw,20px)}.about-section{gap:clamp(50px,6vw,80px)}}@media (max-width:400px){.bg-title-about{font-size:clamp(20px,7vw,32px);letter-spacing:clamp(1px,.8vw,3px);padding:0 2px}.subtitle-about{font-size:clamp(7px,.9vw,10px);letter-spacing:clamp(1px,.6vw,2px)}.main-title-about{font-size:clamp(11px,2.2vw,18px);letter-spacing:clamp(.5px,.4vw,1.5px)}.about-hero{padding:0 clamp(5px,1.5vw,10px)}}@media (max-width:280px){.bg-title-about{font-size:20px;letter-spacing:1px;padding:0 1px}.subtitle-about{font-size:7px;letter-spacing:1px}.main-title-about{font-size:12px;letter-spacing:.5px}}@media (max-height:600px) and (orientation:landscape){.about-page{padding:clamp(60px,8vh,100px) 0 clamp(40px,6vh,80px)}.about-hero{margin-bottom:clamp(40px,6vh,80px)}.bg-title-about{font-size:clamp(24px,8vh,80px)}.image-frame img{height:clamp(180px,25vh,300px)}}.projects-page{background-color:#000;color:#fff;font-family:Michroma,sans-serif;min-height:100vh;opacity:0;overflow-x:hidden;padding:clamp(100px,10vw,140px) 0 clamp(80px,8vw,100px);transition:opacity .8s ease-in-out}.projects-page.fade-in{opacity:1}.projects-hero{margin-bottom:clamp(30px,4vw,40px);overflow:hidden;padding:0 clamp(15px,3vw,40px)}.bg-title,.projects-hero{box-sizing:border-box;text-align:center;width:100%}.bg-title{color:hsla(0,0%,100%,.158);font-size:clamp(32px,10vw,150px);font-weight:900;letter-spacing:clamp(5px,1.5vw,20px);line-height:1;margin:0;overflow:visible;padding:0 clamp(5px,1.5vw,20px);text-overflow:clip;text-transform:uppercase}.bg-title,.subtitle{white-space:nowrap;word-break:keep-all}.subtitle{color:#00d9ff;display:block;font-size:clamp(10px,1vw,14px);letter-spacing:clamp(3px,.8vw,8px);margin-top:clamp(-20px,-3vw,-30px);text-align:center}.filter-section{box-sizing:border-box;margin-bottom:clamp(40px,6vw,70px);padding:0 clamp(15px,3vw,40px)}.filter-container{display:flex;flex-wrap:wrap;gap:clamp(15px,3vw,40px);justify-content:center;width:100%}.filter-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-family:Michroma,sans-serif;font-size:clamp(10px,1.1vw,14px);letter-spacing:clamp(1.5px,.3vw,3px);padding:clamp(8px,1vw,10px) 0;position:relative;text-align:center;transition:.3s;white-space:nowrap;word-break:keep-all}.filter-btn.active,.filter-btn:hover{color:#00d9ff}.btn-line{background:#00d9ff;bottom:0;box-shadow:0 0 10px #00d9ff;height:1px;left:0;position:absolute;transition:.4s ease;width:0}.filter-btn.active .btn-line{width:100%}.portfolio-grid-container{box-sizing:border-box;margin:0 auto;max-width:1600px;padding:0 clamp(10px,2vw,20px);width:85%}.projects-grid{grid-gap:clamp(20px,3vw,40px);display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:repeat(3,1fr)}.project-card{cursor:pointer;position:relative;width:100%}.image-wrapper{aspect-ratio:4/3;background:#0a0a0a;border-radius:4px;overflow:hidden;position:relative;width:100%}.project-img-natural{filter:saturate(1.1);height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.165,.84,.44,1);width:100%}.card-overlay-blue{align-items:center;background:radial-gradient(circle,#00d9ff26 0,#0006 100%);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:.4s ease;z-index:2}.border-glow-effect{border:0 solid #00d9ff;inset:0;pointer-events:none;position:absolute;transition:all .4s ease;z-index:3}.plus-icon-glow{color:#00d9ff;font-size:clamp(30px,4vw,50px);font-weight:100;text-shadow:0 0 15px #00d9ff;transform:scale(.8);transition:.4s ease}.project-card:hover .project-img-natural{transform:scale(1.1)}.project-card:hover .card-overlay-blue{opacity:1}.project-card:hover .plus-icon-glow{transform:scale(1)}.project-card:hover .border-glow-effect{box-shadow:inset 0 0 15px #00d9ff4d,0 0 15px #00d9ff33}.project-info{padding:clamp(15px,2vw,25px) 0;transition:transform .4s ease}.project-card:hover .project-info{transform:translateX(10px)}.project-category{color:#00d9ff;display:block;font-size:clamp(8px,.8vw,10px);letter-spacing:clamp(1.5px,.3vw,3px);margin-bottom:clamp(4px,.5vw,8px)}.project-category,.project-title{overflow-wrap:break-word;white-space:normal;word-break:break-word}.project-title{color:#fff;font-size:clamp(14px,1.5vw,18px);font-weight:400;letter-spacing:clamp(1px,.2vw,2px);margin:0}.lightbox{align-items:center;animation:fadeIn .4s ease;background:#000000fa;box-sizing:border-box;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:clamp(20px,4vw,50px);position:fixed;z-index:9999}.lightbox img{border-radius:4px;box-shadow:0 0 60px #00d9ff1a;cursor:default;height:auto;max-height:85vh;max-width:95%;width:auto}.close-lightbox{background:#0000;border:none;color:#fff;cursor:pointer;font-size:clamp(40px,6vw,60px);line-height:1;padding:10px;position:absolute;right:clamp(20px,4vw,50px);top:clamp(20px,4vw,40px);transition:.3s;z-index:10000}.close-lightbox:hover{color:#00d9ff;transform:scale(1.2)}@media (max-width:1200px){.portfolio-grid-container{width:90%}.projects-grid{gap:clamp(20px,2.5vw,30px);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-grid{gap:clamp(20px,3vw,30px);grid-template-columns:1fr}.filter-container{gap:clamp(10px,2vw,15px);justify-content:center}.filter-btn{font-size:clamp(9px,1.3vw,12px);padding:6px 0}.bg-title{font-size:clamp(28px,9vw,80px);letter-spacing:clamp(4px,1.2vw,12px);margin-top:30px;padding:0 clamp(3px,1vw,10px)}.subtitle{font-size:clamp(9px,1.1vw,12px);letter-spacing:clamp(2px,.7vw,6px);margin-top:clamp(-15px,-2.5vw,-25px)}}@media (max-width:480px){.bg-title{font-size:clamp(24px,8vw,60px);letter-spacing:clamp(3px,1vw,8px);padding:0 5px}.subtitle{font-size:clamp(8px,1vw,11px);letter-spacing:clamp(1.5px,.6vw,4px);margin-top:clamp(-10px,-2vw,-20px)}.projects-page{padding:clamp(80px,9vw,120px) 0 clamp(60px,7vw,100px)}.filter-container{gap:8px}.filter-btn{font-size:9px;letter-spacing:1px}}@media (max-width:360px){.bg-title{font-size:22px;letter-spacing:2px}.subtitle{font-size:8px;letter-spacing:1.5px;margin-top:-12px}.projects-hero{padding:0 8px}.filter-section{padding:0 10px}}@media (min-width:1920px){.bg-title{font-size:clamp(150px,8vw,180px);letter-spacing:clamp(20px,1vw,25px)}.portfolio-grid-container{max-width:1800px}.projects-grid{gap:50px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.bg-title{font-size:clamp(35px,8vw,70px);letter-spacing:clamp(6px,1.5vw,15px)}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:320px){.bg-title{font-size:20px;letter-spacing:1.5px;padding:0 2px}.subtitle{font-size:7px;letter-spacing:1px;margin-top:-1px}.filter-btn{font-size:8px;letter-spacing:.5px}}@media (max-height:600px) and (orientation:landscape){.projects-page{padding:clamp(60px,8vh,100px) 0 clamp(40px,6vh,80px)}.projects-hero{margin-bottom:clamp(20px,3vh,30px)}.bg-title{font-size:clamp(24px,8vh,60px)}}.studio-contact-large{background-color:#0c0c0c;color:#fff;display:flex;font-family:Michroma,sans-serif;justify-content:center;overflow:hidden;padding:120px 0;position:relative}.contact-wrapper-full{max-width:1400px;position:relative;width:85%;z-index:5}.main-headline{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:5px;margin-bottom:90px;text-align:center;text-transform:uppercase}.extended-minimal-form{display:flex;flex-direction:column;gap:60px}.form-instruction{color:#fff;font-size:12px;letter-spacing:2px;margin-bottom:10px;text-align:center;text-transform:uppercase}.form-row-split{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 1fr}.form-row-full{display:block}.field-container{border-bottom:1px solid #007bff4d;display:flex;flex-direction:column;transition:all .4s ease}.field-container:focus-within{border-bottom:1px solid #00d9ff;box-shadow:0 5px 15px -10px #00d9ff80}.field-container label{color:#ccc;font-size:11px;letter-spacing:3px;margin-bottom:10px;text-transform:uppercase}.studio-input{background:#0000}.studio-input,.studio-select{border:none;color:#fff;font-family:Michroma,sans-serif;font-size:15px;outline:none;padding:12px 0;width:100%}.studio-select{background:#0c0c0c}.studio-input::placeholder{color:#ffffff80;font-size:12px}.studio-select{cursor:pointer}.textarea{min-height:120px;resize:none}.submit-area{display:flex;justify-content:center;margin-top:40px}.custom-submit-button{background-color:initial;border:2px solid #00d9ff;color:#fff;cursor:pointer;font-family:Michroma,sans-serif;font-size:14px;letter-spacing:4px;padding:18px 60px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.custom-submit-button:hover{background-color:#00d9ff;box-shadow:0 0 30px #00d9ffcc;color:#000;transform:translateY(-3px)}.ambient-blue-glow{background:radial-gradient(circle,#007bff0d 0,#0000 70%);height:1000px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1000px;z-index:1}@media (max-width:1024px){.form-row-split{gap:50px;grid-template-columns:1fr}.contact-wrapper-full{width:90%}.custom-submit-button{font-size:12px;padding:15px 30px}}.admin-landing{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a 50%,#0f0f0f);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.landing-container{max-width:800px;position:relative;text-align:center;width:100%;z-index:2}.landing-header{margin-bottom:3rem}.landing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 30px #3b82f64d}.landing-subtitle{color:#a1a1aa;font-size:1.2rem;font-weight:300;margin-bottom:2rem}.landing-buttons{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:4rem;position:relative}.landing-buttons:before{background:linear-gradient(90deg,#0000,var(--primary),#0000);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:100px}.landing-buttons a{align-items:center;border-radius:12px;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 32px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 40px #3b82f666;transform:translateY(-3px) scale(1.02)}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-secondary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 32px #f59e0b4d;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 12px 40px #f59e0b66;transform:translateY(-3px) scale(1.02)}.btn-secondary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-secondary:hover:before{left:100%}.btn-outline{box-shadow:0 8px 32px #3b82f633}.btn-outline:hover{box-shadow:0 12px 40px #3b82f666;transform:translateY(-3px)}.btn-icon{font-size:1.2rem}.landing-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{background:#ffffff14;border-color:#3b82f64d;box-shadow:0 20px 60px #3b82f626;transform:translateY(-8px) rotate(1deg)}.feature-card h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#a1a1aa;font-size:.95rem;line-height:1.5}.particle{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#3b82f64d 0,#0000 70%)}.particle:first-child{height:4px;top:20%;width:4px}.particle:nth-child(2){height:6px;top:60%;width:6px}.particle:nth-child(3){height:3px;left:60%;width:3px}.particle:nth-child(4){animation-delay:1s;height:5px;left:20%;width:5px}.particle:nth-child(5){animation-delay:3s;height:4px;top:10%;width:4px}@media (max-width:768px){.landing-title{font-size:2.5rem}.landing-buttons{gap:1rem}.landing-buttons a{font-size:1rem;min-width:160px;padding:.8rem 1.5rem}.landing-features{grid-template-columns:1fr}.feature-card{padding:1.5rem}}@media (max-width:480px){.landing-buttons{align-items:center;flex-direction:column}.landing-buttons a{max-width:280px;width:100%}}.admin-login-page{align-items:center;background:radial-gradient(ellipse at top left,#1e293b66 0,#0000 50%),radial-gradient(ellipse at bottom right,#0f172a66 0,#0000 50%),linear-gradient(135deg,#000,#0f172a);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.admin-login-page:before{animation:pulse 8s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#3b82f626 0,#0000 40%),radial-gradient(circle at 80% 20%,#2563eb1a 0,#0000 40%),radial-gradient(circle at 40% 40%,#1d4ed814 0,#0000 50%)}.admin-login-page:after,.admin-login-page:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.admin-login-page:after{background-image:linear-gradient(#3b82f60d 1px,#0000 0),linear-gradient(90deg,#3b82f60d 1px,#0000 0);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at center,#000 30%,#0000 70%);mask-image:radial-gradient(circle at center,#000 30%,#0000 70%)}.login-container{animation:slideUp .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172ab3;border:1px solid #3b82f633;border-radius:20px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #3b82f61a,inset 0 1px 0 #ffffff0d,0 0 40px #3b82f61a;max-width:440px;padding:48px;position:relative;width:100%;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container:before{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#3b82f666,#60a5fa99,#3b82f666,#0000);border-radius:21px;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;z-index:-1}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:.8}}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;position:relative;text-align:center}.login-title:after{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;content:"";display:block;height:3px;margin:16px auto 24px;opacity:.8;width:60px}.login-subtitle{color:#cbd5e1;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:40px;opacity:.9;text-align:center}.login-form{display:flex;flex-direction:column;gap:28px}.success-message{background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;color:#86efac}.error-message,.success-message{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:15px;font-weight:500;padding:16px 20px;text-align:center}.error-message{background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{align-items:center;color:#e2e8f0;display:flex;font-size:14px;font-weight:600;gap:4px;letter-spacing:.5px;text-transform:uppercase}.form-group label:after{color:#ef4444;content:"*";font-size:12px}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:2px solid #3b82f626;border-radius:12px;color:#fff;font-size:16px;font-weight:400;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder{color:#94a3b8;opacity:.7}.form-group input:focus{background:#1e293bcc;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 10px 20px #0003;outline:none;transform:translateY(-1px)}.form-group input:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 10px 25px #2563eb4d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:12px;overflow:hidden;padding:18px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 15px 30px #2563eb66,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:active:not(:disabled){transform:translateY(0);transition:all .1s}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.login-links{border-top:1px solid #3b82f61a;margin-top:32px;padding-top:24px;text-align:center}.login-links p{color:#94a3b8;font-size:14px;font-weight:400;margin-bottom:16px}.signup-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.signup-link{border:1px solid #0000;border-radius:10px;font-size:14px;font-weight:600;min-width:160px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.signup-link.admin{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.signup-link.user{background:#8b5cf61a;border-color:#8b5cf64d;color:#a78bfa}.signup-link:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.signup-link.admin:hover{background:#3b82f633;border-color:#3b82f680}.signup-link.user:hover{background:#8b5cf633;border-color:#8b5cf680}.particles{pointer-events:none;z-index:1}.particle{animation:float 20s linear infinite;background:radial-gradient(circle at center,#3b82f666 0,#3b82f633 50%,#0000 70%);filter:blur(1px)}.particle:first-child{animation-duration:25s;height:120px;top:10%;width:120px}.particle:nth-child(2){animation-delay:5s;animation-duration:30s;height:80px;left:80%;top:70%;width:80px}.particle:nth-child(3){animation-delay:10s;animation-duration:35s;height:150px;left:85%;top:40%;width:150px}.particle:nth-child(4){animation-delay:15s;animation-duration:28s;height:100px;left:15%;top:80%;width:100px}.particle:nth-child(5){animation-delay:20s;animation-duration:32s;height:90px;top:20%;width:90px}@media (max-width:768px){.admin-login-page{padding:20px}.login-container{max-width:400px;padding:40px 32px}.login-title{font-size:28px}.login-subtitle{font-size:15px}.signup-options{align-items:stretch;flex-direction:column}.signup-link{min-width:auto;width:100%}}@media (max-width:480px){.login-container{border-radius:16px;padding:32px 24px}.login-title{font-size:24px}.login-title:after{margin:12px auto 20px;width:50px}.login-subtitle{font-size:14px;margin-bottom:32px}.login-form{gap:24px}.form-group input{font-size:15px;padding:14px 16px}.btn-primary{font-size:15px;padding:16px 24px}.login-links{margin-top:28px;padding-top:20px}}*{box-sizing:border-box}body{color:#fff;margin:0}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f172acc!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-group input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn-primary:focus-visible{outline:2px solid #fff;outline-offset:2px}.signup-link:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}:root{--softimad-signup-bg:#0a0a0f;--softimad-signup-gradient-1:linear-gradient(135deg,#667eea,#764ba2);--softimad-signup-gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--softimad-signup-gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--softimad-signup-card-bg:#ffffff05;--softimad-signup-card-border:#8b5cf61a;--softimad-signup-text-primary:#fff;--softimad-signup-text-secondary:#94a3b8;--softimad-signup-text-muted:#64748b;--softimad-signup-accent:#8b5cf6;--softimad-signup-accent-light:#a78bfa;--softimad-signup-accent-dark:#7c3aed;--softimad-signup-error:#ef4444;--softimad-signup-success:#10b981;--softimad-signup-warning:#f59e0b;--softimad-signup-radius-lg:24px;--softimad-signup-radius-md:16px;--softimad-signup-radius-sm:8px;--softimad-signup-shadow-lg:0 25px 50px -12px #00000080;--softimad-signup-shadow-xl:0 35px 60px -15px #8b5cf64d;--softimad-signup-transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--softimad-signup-transition-fast:all 0.2s ease}.softimad-signup{align-items:center;background:#0a0a0f;background:var(--softimad-signup-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.softimad-signup-background{inset:0;position:fixed;z-index:0}.softimad-bg-gradient{animation:gradientPulse 15s ease-in-out infinite;border-radius:50%;filter:blur(80px);position:absolute}.softimad-bg-gradient.gradient-1{animation-delay:0s;background:radial-gradient(circle,#8b5cf633 0,#8b5cf61a 30%,#0000 70%);height:600px;left:-100px;top:-100px;width:600px}.softimad-bg-gradient.gradient-2{animation-delay:5s;background:radial-gradient(circle,#3b82f626 0,#3b82f60d 30%,#0000 70%);bottom:-100px;height:500px;right:-100px;width:500px}@keyframes gradientPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.softimad-bg-grid{background-image:linear-gradient(#8b5cf608 1px,#0000 0),linear-gradient(90deg,#8b5cf608 1px,#0000 0);background-size:50px 50px;inset:0;-webkit-mask-image:radial-gradient(circle at center,#000 40%,#0000 70%);mask-image:radial-gradient(circle at center,#000 40%,#0000 70%);position:absolute}.softimad-bg-floating{inset:0;pointer-events:none;position:absolute}.softimad-floating-element{animation:floatElement var(--float-duration) linear infinite;animation-delay:var(--float-delay);left:var(--float-x);opacity:.1;position:absolute;top:-50px}@keyframes floatElement{0%{opacity:0;transform:translateY(0) rotate(0deg) scale(.5)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(100vh) rotate(1turn) scale(1)}}.softimad-floating-inner{align-items:center;display:flex;font-size:calc(var(--float-size)*.5);height:var(--float-size);justify-content:center;width:var(--float-size)}.softimad-signup-container{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff05;background:var(--softimad-signup-card-bg);border:1px solid #8b5cf61a;border:1px solid var(--softimad-signup-card-border);border-radius:24px;border-radius:var(--softimad-signup-radius-lg);box-shadow:0 35px 60px -15px #8b5cf64d;box-shadow:var(--softimad-signup-shadow-xl);max-width:800px;overflow:hidden;padding:50px 60px;position:relative;width:100%;z-index:1}.softimad-signup-container:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--softimad-signup-gradient-1);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.softimad-signup-header{margin-bottom:50px;position:relative;text-align:center}.softimad-header-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:50px;display:inline-flex;gap:8px;margin-bottom:24px;padding:10px 20px}.softimad-badge-icon{font-size:16px}.softimad-badge-text{color:#a78bfa;color:var(--softimad-signup-accent-light);font-size:14px;font-weight:600;letter-spacing:.5px}.softimad-signup-title{display:flex;flex-direction:column;font-size:3rem;font-weight:800;gap:8px;line-height:1.1;margin-bottom:16px}@media (max-width:768px){.softimad-signup-title{font-size:2.5rem}}@media (max-width:480px){.softimad-signup-title{font-size:2rem}}.softimad-title-line{background:linear-gradient(45deg,#fff,#fffc);background:linear-gradient(45deg,var(--softimad-signup-text-primary),#fffc);-webkit-background-clip:text;background-clip:text;color:#0000}.softimad-title-highlight{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--softimad-signup-gradient-1);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.softimad-signup-subtitle{color:#94a3b8;color:var(--softimad-signup-text-secondary);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:500px}.softimad-form-wrapper{margin-bottom:40px}.softimad-signup-form{display:flex;flex-direction:column;gap:40px}.softimad-form-section{background:#ffffff03;border:1px solid #8b5cf60d;border-radius:16px;border-radius:var(--softimad-signup-radius-md);overflow:hidden;padding:30px;position:relative}.softimad-form-section:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--softimad-signup-gradient-2);bottom:0;content:"";left:0;opacity:.5;position:absolute;top:0;width:4px}.softimad-section-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.softimad-section-icon{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;border-radius:var(--softimad-signup-radius-sm);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.softimad-section-title{color:#fff;color:var(--softimad-signup-text-primary);font-size:1.25rem;font-weight:700}.softimad-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (max-width:768px){.softimad-form-grid{grid-template-columns:1fr}}.softimad-form-stack{display:flex;flex-direction:column;gap:24px}.softimad-form-group{display:flex;flex-direction:column;gap:8px;position:relative}.softimad-form-label{align-items:center;display:flex;gap:4px}.softimad-label-text{color:#94a3b8;color:var(--softimad-signup-text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.softimad-label-required{color:#ef4444;color:var(--softimad-signup-error);font-size:12px}.softimad-label-optional{color:#64748b;color:var(--softimad-signup-text-muted);font-size:12px;font-weight:400;margin-left:4px}.softimad-file-wrapper,.softimad-input-wrapper,.softimad-select-wrapper{position:relative}.softimad-form-input,.softimad-form-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:2px solid #8b5cf61a;border-radius:8px;border-radius:var(--softimad-signup-radius-sm);color:#fff;color:var(--softimad-signup-text-primary);font-size:16px;font-weight:400;padding:16px 20px;transition:all .2s ease;transition:var(--softimad-signup-transition-fast);width:100%}.softimad-form-input::placeholder{color:#64748b;color:var(--softimad-signup-text-muted)}.softimad-form-input:focus,.softimad-form-select:focus{background:#ffffff0d;border-color:#8b5cf6;border-color:var(--softimad-signup-accent);box-shadow:0 0 0 4px #8b5cf61a,0 8px 25px #8b5cf626;outline:none}.softimad-form-input:disabled,.softimad-form-select:disabled{cursor:not-allowed;opacity:.5}.softimad-input-focus{border:2px solid #0000;border-radius:8px;border-radius:var(--softimad-signup-radius-sm);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.softimad-form-file:focus~.softimad-input-focus,.softimad-form-input:focus~.softimad-input-focus,.softimad-form-select:focus~.softimad-input-focus{border-color:#a78bfa;border-color:var(--softimad-signup-accent-light);opacity:1}.softimad-select-wrapper{position:relative}.softimad-form-select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:50px}.softimad-select-arrow{color:#64748b;color:var(--softimad-signup-text-muted);pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.softimad-form-select:focus~.softimad-select-arrow{transform:translateY(-50%) rotate(180deg)}.softimad-form-select option{background:#0a0a0f;background:var(--softimad-signup-bg);color:#fff;color:var(--softimad-signup-text-primary);padding:12px}.softimad-form-file{cursor:pointer;inset:0;opacity:0;position:absolute;z-index:2}.softimad-form-file:disabled{cursor:not-allowed}.softimad-file-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:2px solid #8b5cf61a;border-radius:8px;border-radius:var(--softimad-signup-radius-sm);padding:16px 20px;transition:all .2s ease;transition:var(--softimad-signup-transition-fast);width:100%}.softimad-file-placeholder{align-items:center;color:#64748b;color:var(--softimad-signup-text-muted);display:flex;gap:12px}.softimad-placeholder-icon{font-size:20px}.softimad-placeholder-text{font-size:16px;font-weight:400}.softimad-file-selected{align-items:center;display:flex;gap:12px}.softimad-file-icon{color:#a78bfa;color:var(--softimad-signup-accent-light);font-size:20px}.softimad-file-name{color:#fff;color:var(--softimad-signup-text-primary);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.softimad-file-size{color:#64748b;color:var(--softimad-signup-text-muted);font-size:12px;font-weight:400}.softimad-file-wrapper:hover .softimad-file-display{background:#ffffff0d;border-color:#8b5cf6;border-color:var(--softimad-signup-accent)}.softimad-file-wrapper:has(.softimad-form-file:focus) .softimad-file-display{background:#ffffff0d;border-color:#8b5cf6;border-color:var(--softimad-signup-accent);box-shadow:0 0 0 4px #8b5cf61a,0 8px 25px #8b5cf626}.softimad-input-hint{align-items:center;color:#64748b;color:var(--softimad-signup-text-muted);display:flex;font-size:12px;gap:4px;margin-top:4px}.softimad-form-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border-radius:var(--softimad-signup-radius-sm);display:flex;gap:12px;padding:16px 20px}.softimad-form-message.error{background:#ef44441a;border:1px solid #ef444433}.softimad-form-message.success{background:#22c55e1a;border:1px solid #22c55e33}.softimad-message-icon{font-size:18px}.softimad-message-text{flex:1 1;font-size:14px;font-weight:500}.softimad-form-message.error .softimad-message-text{color:#fca5a5}.softimad-form-message.success .softimad-message-text{color:#86efac}.softimad-form-actions{margin-top:10px}.softimad-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--softimad-signup-gradient-1);border:none;border-radius:16px;border-radius:var(--softimad-signup-radius-md);box-shadow:0 10px 40px #8b5cf666;color:#fff;cursor:pointer;font-size:18px;font-weight:700;overflow:hidden;padding:20px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--softimad-signup-transition);width:100%;z-index:1}.softimad-submit-button:hover:not(.loading):not(:disabled){box-shadow:0 20px 60px #8b5cf699;transform:translateY(-3px)}.softimad-submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.softimad-submit-button.loading{background:linear-gradient(135deg,#64748b,#475569)}.softimad-button-content{align-items:center;display:flex;gap:12px;justify-content:center;position:relative;z-index:1}.softimad-button-icon{font-size:20px;transition:transform .3s ease}.softimad-submit-button:hover .softimad-button-icon{transform:translateY(-2px)}.softimad-button-text{font-size:16px;font-weight:700;letter-spacing:.5px}.softimad-button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.softimad-button-glow{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--softimad-signup-gradient-2);inset:0;opacity:0;position:absolute;transition:opacity .6s ease;z-index:-1}.softimad-submit-button:hover .softimad-button-glow{opacity:.3}.softimad-form-requirements{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:16px}.softimad-requirement{align-items:center;color:#64748b;color:var(--softimad-signup-text-muted);display:flex;font-size:12px;gap:8px}.softimad-requirement-icon{color:#10b981;color:var(--softimad-signup-success);font-size:14px}.softimad-requirement-text{font-weight:500}.softimad-signup-footer{border-top:1px solid #8b5cf61a;padding-top:30px;text-align:center}.softimad-footer-text{color:#94a3b8;color:var(--softimad-signup-text-secondary);font-size:14px;margin-bottom:8px}.softimad-footer-link{align-items:center;color:#a78bfa;color:var(--softimad-signup-accent-light);display:inline-flex;font-weight:600;gap:4px;text-decoration:none;transition:all .2s ease;transition:var(--softimad-signup-transition-fast)}.softimad-footer-link:hover{color:#fff;color:var(--softimad-signup-text-primary);gap:8px}.softimad-link-arrow{font-size:12px;transition:transform .3s ease}.softimad-footer-link:hover .softimad-link-arrow{transform:translateX(4px)}.softimad-footer-note{align-items:center;color:#64748b;color:var(--softimad-signup-text-muted);display:flex;font-size:12px;gap:4px;justify-content:center}.softimad-corner-decoration{border:2px solid #8b5cf633;height:40px;opacity:.5;position:absolute;width:40px}.softimad-corner-decoration.top-left{border-bottom:none;border-right:none;border-top-left-radius:16px;border-top-left-radius:var(--softimad-signup-radius-md);left:20px;top:20px}.softimad-corner-decoration.top-right{border-bottom:none;border-left:none;border-top-right-radius:16px;border-top-right-radius:var(--softimad-signup-radius-md);right:20px;top:20px}.softimad-corner-decoration.bottom-left{border-bottom-left-radius:16px;border-bottom-left-radius:var(--softimad-signup-radius-md);border-right:none;border-top:none;bottom:20px;left:20px}.softimad-corner-decoration.bottom-right{border-bottom-right-radius:16px;border-bottom-right-radius:var(--softimad-signup-radius-md);border-left:none;border-top:none;bottom:20px;right:20px}@media (max-width:768px){.softimad-signup-container{max-width:600px;padding:40px 30px}.softimad-form-section{padding:24px}.softimad-submit-button{padding:18px 28px}}@media (max-width:480px){.softimad-signup{padding:10px}.softimad-signup-container{border-radius:20px;padding:30px 20px}.softimad-form-section{padding:20px}.softimad-form-grid{gap:16px}.softimad-signup-form{gap:30px}.softimad-form-requirements{flex-direction:column;gap:12px}.softimad-corner-decoration{height:30px;width:30px}}.softimad-loading{animation:pulse 2s ease-in-out infinite}.softimad-form-file:focus-visible,.softimad-form-input:focus-visible,.softimad-form-select:focus-visible{outline:2px solid #8b5cf6;outline:2px solid var(--softimad-signup-accent);outline-offset:2px}.admin-dashboard{background:radial-gradient(circle at top right,#1e293b,#0f172a,#020617);color:#f8fafc;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.dashboard-sidebar{-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:#0f172a99;border-right:1px solid #ffffff0d;bottom:0;box-shadow:20px 0 50px #0000004d;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;width:300px;z-index:1000}.sidebar-header{background:#3b82f60d;border-bottom:1px solid #3b82f61a;padding:24px}.sidebar-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.sidebar-header p{color:#94a3b8;font-size:.9rem;margin:0}.widgets-container{flex:1 1;padding:24px}.sidebar-widget{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;cursor:pointer;margin-bottom:12px;overflow:hidden;padding:18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar-widget:after{background:linear-gradient(135deg,#3b82f61a,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.sidebar-widget:hover{background:#ffffff0f;border-color:#3b82f64d;box-shadow:0 10px 25px #0003;transform:translateY(-2px) scale(1.02)}.sidebar-widget:hover:after{opacity:1}.sidebar-widget.active{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.widget-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.widget-header h4{color:#fff;flex:1 1;font-size:1rem;font-weight:600;margin:0}.widget-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.widget-content p{color:#94a3b8;font-size:.9rem;line-height:1.4;margin:0}.no-widgets-sidebar{color:#64748b;padding:40px 20px;text-align:center}.no-widgets-sidebar p{font-size:1.1rem;margin:0 0 8px}.time-controls-sidebar{background:#3b82f605;border-top:1px solid #3b82f61a;padding:24px}.time-controls-sidebar h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px}.time-status{display:flex;flex-direction:column;gap:12px}.btn-danger.full,.btn-success.full{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-success.full{background:#10b981;color:#fff}.btn-success.full:hover{background:#059669;transform:translateY(-2px)}.btn-danger.full{background:#ef4444;color:#fff}.btn-danger.full:hover{background:#dc2626;transform:translateY(-2px)}.time-info p{color:#10b981;font-size:.9rem;font-weight:500;margin:0 0 12px}.time-completed{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;padding:16px;text-align:center}.time-completed p{color:#10b981;font-weight:600;margin:0 0 8px}.time-completed small{color:#6ee7b7;display:block;font-size:.8rem;margin-bottom:4px}.dashboard-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:600;margin:0}.header-left p{color:#a1a1aa;font-size:.9rem;margin:.5rem 0 0}.header-right{align-items:center;display:flex;gap:1rem}.time-controls{display:flex;gap:.5rem}.btn-danger,.btn-outline,.btn-success{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #3b82f6;color:#3b82f6}.btn-outline:hover{background:#3b82f6;color:#fff;transform:translateY(-2px)}.time-completed{color:#10b981;font-weight:500}.dashboard-content{margin:0 auto;max-width:1400px;padding:2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1)}.stat-card:hover{background:#ffffff0d;border-color:#3b82f666;box-shadow:0 20px 40px #0000004d,0 0 20px #3b82f61a;transform:translateY(-10px) scale(1.02)}.stat-card:before{background:linear-gradient(90deg,var(--primary),var(--primary-dark));content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{background:#ffffff14;transform:translateY(-8px)}.stat-card h3{color:#a1a1aa;font-size:.9rem;font-weight:500;margin:0 0 1rem}.stat-number{background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb);filter:drop-shadow(0 0 15px rgba(59,130,246,.3));font-size:3rem}.dashboard-main{grid-gap:2rem;display:grid;gap:2rem}.user-section h2,.users-section h2,.widgets-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.users-list{grid-gap:1rem;display:grid;gap:1rem}.user-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.user-card:after{background:linear-gradient(90deg,#0000,var(--primary),#0000);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.user-card:hover:after{transform:scaleX(1)}.user-card:hover{background:#ffffff14;border-color:#3b82f64d;box-shadow:0 10px 30px #3b82f61a;transform:translateX(5px)}.user-info h4{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.user-info p{color:#a1a1aa;font-size:.9rem;margin:.25rem 0}.role-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.user-status{text-align:right}.status.active,.status.inactive{font-weight:500}.user-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.profile-section,.projects-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.profile-card p{color:#a1a1aa;margin:.5rem 0}.projects-placeholder{color:#a1a1aa;padding:2rem;text-align:center}.widgets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.widget-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:2px solid #0000;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.widget-card:before{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.widget-card:hover:before{opacity:1}.widget-card:hover{background:#ffffff14;border-color:#3b82f64d;box-shadow:0 15px 35px #3b82f626;transform:translateY(-5px) scale(1.02)}.widget-card h4{color:#fff;font-size:1.1rem;margin:0 0 1rem}.widget-card p{color:#a1a1aa;line-height:1.5;margin:0 0 1rem}.widget-type{background:#3b82f633;border-radius:20px;color:#3b82f6;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.no-widgets{background:#ffffff05;border:2px dashed #ffffff1a;border-radius:12px;color:#a1a1aa;grid-column:1/-1;padding:3rem;text-align:center}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:1rem;width:50px}.dashboard-error h2{color:#ef4444;margin-bottom:1rem}.dashboard-error p{color:#a1a1aa;margin-bottom:1.5rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stats-grid>*{animation:slideInUp .6s ease-out}.stats-grid>:first-child{animation-delay:.1s}.stats-grid>:nth-child(2){animation-delay:.2s}.stats-grid>:nth-child(3){animation-delay:.3s}.stats-grid>:nth-child(4){animation-delay:.4s}.users-list>*{animation:fadeInScale .5s ease-out}.users-list>:nth-child(odd){animation-delay:.1s}.users-list>:nth-child(2n){animation-delay:.2s}.widgets-grid>*{animation:slideInUp .4s ease-out}.widgets-grid>:first-child{animation-delay:0s}.widgets-grid>:nth-child(2){animation-delay:.1s}.widgets-grid>:nth-child(3){animation-delay:.2s}.widgets-grid>:nth-child(4){animation-delay:.3s}.dashboard-main{background:#0000;display:flex;flex:1 1;flex-direction:column;margin-left:300px;min-height:100vh;position:relative}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border-bottom:1px solid #3b82f61a;display:flex;justify-content:space-between;padding:24px 32px}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 4px}.header-content p{color:#94a3b8;font-size:.9rem;margin:0}.content-section{flex:1 1;padding:32px}.profile-section h2,.projects-section h2,.stats-section h2,.users-section h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:24px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card.large{grid-column:span 2}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #3b82f61a;border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.stat-card:hover{background:#ffffff0f;border-color:#3b82f64d;box-shadow:0 15px 35px #3b82f61a;transform:translateY(-5px)}.stat-icon{align-items:center;background:#3b82f61a;border-radius:12px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#94a3b8;font-size:1rem;font-weight:500;margin:0 0 8px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0;text-shadow:0 0 20px #3b82f64d}.users-table{background:#ffffff05;border:1px solid #3b82f61a;border-radius:12px;overflow:hidden}.table-header{background:#3b82f60d;border-bottom:1px solid #3b82f61a;color:#60a5fa;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr 1.5fr;padding:20px 24px}.table-row{border-bottom:1px solid #3b82f60d;transition:background-color .3s ease}.table-row:hover{background:#3b82f605}.table-row:last-child{border-bottom:none}.user-info strong{color:#fff;display:block;font-size:1rem;margin-bottom:4px}.user-info small{color:#94a3b8;font-size:.85rem}.role-badge.admin,.role-badge.user{border-radius:20px;font-size:.8rem;font-weight:500;padding:6px 12px;text-transform:uppercase}.role-badge.admin{background:#f59e0b33;color:#f59e0b}.role-badge.user{background:#3b82f633;color:#3b82f6}.status.active,.status.inactive{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px}.status.active{background:#10b98133;color:#10b981}.status.inactive{background:#ef444433;color:#ef4444}.profile-card{background:#ffffff08;border:1px solid #3b82f61a;border-radius:12px;padding:24px}.profile-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#94a3b8;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#fff;font-size:1rem;font-weight:400}@media (max-width:1024px){.dashboard-sidebar{width:280px}.dashboard-main{margin-left:280px}}@media (max-width:768px){.user-section{grid-template-columns:1fr}.admin-dashboard{flex-direction:column}.dashboard-sidebar{border-bottom:1px solid #3b82f61a;border-right:none;height:auto;position:static;width:100%}.dashboard-main{margin-left:0}.dashboard-header{flex-direction:column;gap:1rem;padding:20px 16px;text-align:center}.header-content h1{font-size:1.8rem}.content-section{padding:24px 16px}.users-table{overflow-x:auto}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1.5fr;min-width:600px}.profile-info{gap:16px;grid-template-columns:1fr}.widgets-container{padding:16px}.sidebar-widget{padding:12px}.time-controls-sidebar{padding:16px}}@media (max-width:480px){.dashboard-header{padding:16px 12px}.header-content h1{font-size:1.6rem}.content-section{padding:16px 12px}.users-table{overflow-x:auto}.table-header,.table-row{font-size:.85rem;padding:12px 16px}.widgets-container{padding:12px}.sidebar-widget{margin-bottom:12px}}.time-tracking-section{margin-bottom:2rem}.time-tracking-card{background:#ffffff0d;border:1px solid #3b82f61a;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem}.current-status-display{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:1rem;justify-content:center}.status-badge{border-radius:20px;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.status-badge.working{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.status-badge.paused{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b66}.status-badge.idle{background:linear-gradient(135deg,#64748b,#4b5563);box-shadow:0 4px 15px #64748b66}.time-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.btn-tracking{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.btn-tracking i{font-size:1.2rem}.btn-tracking.checkin{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f666}.btn-tracking.checkin:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f699;transform:translateY(-3px)}.btn-tracking.pause{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b66}.btn-tracking.pause:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b99;transform:translateY(-3px)}.btn-tracking.resume{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.btn-tracking.resume:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98199;transform:translateY(-3px)}.btn-tracking.checkout{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466}.btn-tracking.checkout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444499;transform:translateY(-3px)}.reprendre-container{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.goal-reached-badge{align-items:center;background:#10b98126;border:1px solid #10b98166;border-radius:20px;box-shadow:0 0 15px #10b98133;color:#10b981;display:flex;font-size:.95rem;font-weight:700;gap:8px;padding:8px 16px}.goal-reached-badge i{font-size:1.1rem}.time-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.summary-item{align-items:center;background:#3b82f60d;border:1px solid #3b82f626;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.summary-item span{color:#a1a1aa;font-size:.9rem}.summary-item strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.today-entry-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.today-entry-card p{color:#e2e8f0;font-size:.95rem;margin:.5rem 0}.today-entry-card p strong{color:#fff}.break-item{background:#f59e0b1a;border-radius:8px;color:#f59e0b;display:inline-block;font-size:.85rem;margin-left:10px;padding:4px 8px}.goal-reached-text{color:#10b981;font-weight:600;margin-left:8px}.goal-remaining-text{color:#94a3b8;font-size:.85rem;font-style:italic;margin-left:8px}.time-history-section{width:100%}.month-navigation{align-items:center;background:#ffffff08;border:1px solid #3b82f61a;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1rem}.month-title{color:#fff;flex:1 1;font-size:1.5rem;font-weight:700;margin:0;text-align:center;text-transform:capitalize}.btn-current-month,.btn-month-nav{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-current-month:hover,.btn-month-nav:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px)}.btn-current-month{background:#10b9811a;border-color:#10b9814d;color:#10b981}.btn-current-month:hover{background:#10b98133;border-color:#10b98180}.history-content{grid-gap:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:1rem;padding:2rem}.calendar-view h3,.weekly-totals h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.calendar-container{width:100%}.calendar-weekdays{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.weekday-header{background:#3b82f61a;border-radius:8px;color:#60a5fa;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.75rem;text-align:center;text-transform:uppercase}.calendar-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#ffffff08;border:1px solid #3b82f61a;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:.75rem;position:relative;transition:all .3s ease}.calendar-day.empty{background:#ffffff03;border:1px solid #ffffff0d;cursor:default}.calendar-day.empty:hover{background:#ffffff03;transform:none}.calendar-day.today{border:2px solid #3b82f680;box-shadow:0 0 15px #3b82f64d}.calendar-day.today .day-number{background:#3b82f633;color:#60a5fa;font-weight:800}.calendar-day:hover:not(.empty){background:#ffffff0f;border-color:#3b82f64d;transform:translateY(-3px)}.calendar-day.completed{background:#10b9811a;border-color:#10b9814d}.calendar-day.partial{background:#f59e0b1a;border-color:#f59e0b4d}.calendar-day.in_progress{background:#3b82f61a;border-color:#3b82f64d}.day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.day-number{color:#fff;font-size:1.2rem;font-weight:700}.day-status{font-size:1rem}.day-details{display:flex;flex:1 1;flex-direction:column;font-size:.85rem;gap:.25rem}.day-details small{color:#a1a1aa;line-height:1.3}.weekly-totals{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.weekly-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.week-summary{background:#3b82f614;border:1px solid #3b82f633;border-radius:10px;padding:1rem}.week-summary h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.week-stats{display:flex;font-size:.95rem;justify-content:space-between}.week-stats span{color:#e2e8f0}.monthly-total{background:linear-gradient(135deg,#3b82f64d,#10b9814d);border:1px solid #3b82f666;border-radius:10px;padding:1.2rem;text-align:center}.monthly-total h3{color:#fff;font-size:1.4rem;font-weight:700;margin:0;text-shadow:0 0 10px #3b82f680}@media (max-width:768px){.time-tracking-card{padding:1.5rem}.current-status-display{flex-direction:column;font-size:1rem;gap:.5rem}.status-badge{font-size:.9rem;padding:6px 12px}.time-actions-grid{grid-template-columns:1fr}.btn-tracking{font-size:.9rem;padding:.8rem}.time-summary-grid{grid-template-columns:1fr;margin-top:1rem}.summary-item{padding:.8rem}.summary-item strong{font-size:1.2rem}.today-entry-card{padding:1rem}.month-navigation{flex-direction:column;gap:.75rem}.month-title{font-size:1.2rem}.btn-current-month,.btn-month-nav{font-size:.85rem;padding:.6rem 1rem;width:100%}.history-content{grid-template-columns:1fr}.calendar-weekdays{gap:.25rem;grid-template-columns:repeat(7,1fr)}.weekday-header{font-size:.75rem;padding:.5rem}.calendar-grid{gap:.25rem;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:100px;padding:.5rem}.day-number{font-size:1rem}.day-details{font-size:.8rem}.weekly-totals{padding:1rem}.week-summary h4{font-size:1rem}.week-stats{font-size:.85rem}.monthly-total h3{font-size:1.2rem}}.cin-photos{gap:12px;margin-top:8px}.cin-photo-item,.cin-photos{display:flex;flex-direction:column}.cin-photo-item{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:8px;gap:8px;padding:12px}.photo-label{color:#60a5fa;font-size:.9rem;font-weight:500}.cin-photo{border:1px solid #3b82f633;border-radius:6px;cursor:pointer;height:auto;max-height:120px;max-width:200px;object-fit:cover;transition:transform .2s ease;width:auto}.cin-photo:hover{transform:scale(1.05)}.photo-error{color:#94a3b8;font-size:.8rem;font-style:italic}.user-actions{align-items:center;display:flex;gap:8px}.btn-manage{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-manage:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-delete{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 8px;transition:all .2s ease}.btn-delete:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.user-management-detail{display:flex;flex-direction:column;gap:24px}.back-button{margin-bottom:16px}.btn-back{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-back:hover{background:#3b82f633;border-color:#3b82f666}.managed-user-profile{background:#ffffff05;border:1px solid #3b82f61a;border-radius:12px;padding:20px}.managed-user-profile h3{color:#fff;font-size:1.4rem;margin-bottom:16px}.cin-photos-section{border-top:1px solid #3b82f633;margin-top:24px;padding-top:20px}.cin-photos-section h4{color:#fff;font-size:1.2rem;margin-bottom:16px;text-align:center}.cin-photos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.cin-photo-block{align-items:center;display:flex;flex-direction:column}.cin-photo-block h5{color:#60a5fa;font-size:1rem;font-weight:600;margin-bottom:12px;text-align:center}.photo-container{align-items:center;background:#3b82f60d;border:2px solid #3b82f64d;border-radius:12px;display:flex;height:180px;justify-content:center;max-width:250px;overflow:hidden;position:relative;width:100%}.cin-photo-large{border-radius:8px;cursor:pointer;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease;width:auto}.cin-photo-large:hover{transform:scale(1.05)}.no-photo{color:#94a3b8;font-size:.9rem;padding:20px;text-align:center}.no-photo span{display:block;margin-bottom:8px}.cin-upload-section{background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;margin-top:24px;padding:20px}.cin-upload-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:16px;text-align:center}.cin-upload-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:0}.cin-upload-item{background:#ffffff05;border:1px solid #3b82f61a;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.cin-upload-item label{color:#e2e8f0;font-size:14px;font-weight:600;margin-bottom:4px}.cin-upload-item input[type=file]{background:#ffffff0a;border:1px solid #3b82f633;border-radius:6px;box-sizing:border-box;color:#fff;font-size:13px;padding:8px 12px;width:100%}.cin-upload-item input[type=file]::-webkit-file-upload-button{background:#3b82f6;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;margin-right:8px;padding:4px 8px}.cin-upload-item input[type=file]::-webkit-file-upload-button:hover{background:#2563eb}.file-info{color:#60a5fa;font-size:12px;font-weight:500;margin-top:4px;word-break:break-all}.form-actions,.profile-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn-edit{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-edit:hover{box-shadow:0 8px 20px #3b82f680;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-save:hover{box-shadow:0 8px 20px #10b98180;transform:translateY(-2px)}.btn-cancel{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover{background:#ef444433;border-color:#ef444480}@media (max-width:768px){.cin-photos{gap:8px}.cin-photo-item{padding:8px}.cin-photo{max-height:90px;max-width:150px}.cin-photos-grid,.cin-upload-grid{gap:16px;grid-template-columns:1fr}.photo-container{height:150px;max-width:200px}.cin-photo-large{max-height:130px;max-width:180px}}.image-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #3b82f633;border-radius:12px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:90vw;padding:20px;position:relative}.image-modal-close{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:40px}.image-modal-close:hover{background:#dc2626;box-shadow:0 6px 20px #ef444480;transform:scale(1.1)}.image-modal-image{border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:70vh;max-width:100%;object-fit:contain}.image-modal-caption{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#fff;font-size:18px;font-weight:600;margin-top:16px;padding:12px;text-align:center}@media (max-width:768px){.image-modal-content{max-height:95vh;max-width:95vw;padding:15px}.image-modal-image{max-height:60vh}.image-modal-caption{font-size:16px;padding:10px}.image-modal-close{font-size:16px;height:35px;width:35px}}.pending-users-section{padding:24px}.pending-users-section h2{color:#fff;font-size:1.5rem;margin-bottom:24px}.pending-users-table .table-header,.pending-users-table .table-row{grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr 1.5fr 2fr}.empty-state{color:#94a3b8;font-size:1.1rem;padding:60px 20px;text-align:center}.btn-accept{background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;margin-right:8px;padding:8px 16px;transition:all .2s ease}.btn-accept:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-reject{background:linear-gradient(135deg,#ef4444,#f87171);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-reject:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}@media (max-width:1024px){.pending-users-table .table-header,.pending-users-table .table-row{grid-template-columns:1.5fr 1.5fr 1fr 1fr 1.5fr 2fr}.pending-users-table .table-header>div:nth-child(4),.pending-users-table .table-row>div:nth-child(4){display:none}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalPopUp .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#171717d9!important;border:1px solid #3b82f64d;border-radius:24px;box-shadow:0 25px 60px -12px #0009,0 0 50px #3b82f626;max-height:90vh;max-width:550px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}@keyframes modalPopUp{0%{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.task-modal h3,.viewing-tasks-modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0 0 2rem;text-align:center}.form-group-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.modal-header h3{margin:0;text-align:left}.btn-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.btn-close:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.tasks-list-full{display:flex;flex-direction:column;gap:1.2rem}.task-full-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.task-full-item:hover{background:#ffffff0d;border-color:#3b82f633;transform:translateX(4px)}.task-full-item.status-green{background:linear-gradient(90deg,#10b98114,#ffffff08);border-left:4px solid #10b981}.task-full-item.status-red{background:linear-gradient(90deg,#ef444414,#ffffff08);border-left:4px solid #ef4444}.task-full-item.status-pending{border-left:4px solid #3b82f6}.task-main-info h4{color:#fff;font-size:1.15rem;font-weight:600;margin:0 0 6px}.task-main-info p{color:#94a3b8;font-size:.9rem;margin:0}.reward-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.5px;margin-top:10px;padding:6px 12px;text-transform:uppercase}.reward-tag.on-time{background:#10b98133;color:#34d399}.reward-tag.late{background:#ef444433;color:#fca5a5}.btn-complete{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-complete:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px) scale(1.02)}.btn-resume{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;color:#e2e8f0;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-resume:hover{background:#ffffff14;border-color:#3b82f6;color:#3b82f6}.btn-delete-task{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-delete-task:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.tasks-list-full::-webkit-scrollbar{width:6px}.tasks-list-full::-webkit-scrollbar-track{background:#ffffff05}.tasks-list-full::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.empty-tasks-fav{color:#64748b;font-size:1.1rem;font-style:italic;padding:3rem 1rem;text-align:center}.calendar-loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:300px}.calendar-loading .spinner{animation:spin 1s linear infinite;border:3px solid #3b82f61a;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}.calendar-loading p{animation:pulse 2s infinite;color:#94a3b8;font-size:.95rem;font-weight:500}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.overtime-control-section.premium-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 10px 30px #0003;margin:20px 0;padding:24px;transition:all .3s ease}.overtime-control-section:hover{background:#ffffff0d;border-color:#3b82f64d}.overtime-header{justify-content:space-between;margin-bottom:20px}.ot-title,.overtime-header{align-items:center;display:flex}.ot-title{gap:12px}.ot-icon{filter:drop-shadow(0 0 8px rgba(245,158,11,.5));font-size:1.5rem}.overtime-header h3{color:#f8fafc;font-size:1.25rem;font-weight:700;margin:0}.ot-counter{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#3b82f6;display:flex;font-size:1.5rem;font-weight:800;gap:10px;padding:6px 16px}.ot-counter.active{animation:otActivePulse 2s infinite;background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}@keyframes otActivePulse{0%{box-shadow:0 0 0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 0 0 #f59e0b00}}.pulse-dot{animation:dotPulse 1.5s infinite;background-color:#f59e0b;border-radius:50%;height:10px;width:10px}@keyframes dotPulse{0%{box-shadow:0 0 0 0 #f59e0bb3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #f59e0b00;transform:scale(1)}to{box-shadow:0 0 0 0 #f59e0b00;transform:scale(.95)}}.overtime-status-banner{display:flex;justify-content:center;margin-bottom:20px}.status-text{border-radius:10px;font-size:.9rem;font-weight:600;letter-spacing:.3px;padding:8px 16px}.status-text.running{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.status-text.approved{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.status-text.pending{animation:subtlePulse 2s infinite;background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24}.status-text.ready{background:#8b5cf626;border:1px solid #8b5cf64d;color:#a78bfa}.status-text.locked{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}@keyframes subtlePulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.overtime-actions-refined{display:flex;gap:12px}.premium-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:700;justify-content:center;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-ot-request{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #2563eb4d;color:#fff}.btn-ot-request:hover:not(:disabled){box-shadow:0 8px 25px #2563eb66;transform:translateY(-2px)}.btn-ot-request:disabled{background:#ffffff0d;box-shadow:none;color:#64748b;cursor:not-allowed}.btn-ot-waiting{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#fbbf24;cursor:default}.btn-ot-launch{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #d977064d;color:#fff}.btn-ot-launch:hover{box-shadow:0 8px 25px #d9770666;transform:translateY(-2px)}.btn-ot-started{background:#10b9811a;border:1px solid #10b9814d;color:#34d399;cursor:default}.overtime-admin-actions{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:10px}.overtime-admin-actions label{color:#94a3b8;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.overtime-admin-actions .action-buttons{display:flex;gap:8px}.btn-admin-accept,.btn-admin-reject{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:800;height:32px;justify-content:center;transition:all .2s}.btn-admin-accept{background:#10b98133;color:#10b981}.btn-admin-accept:hover{background:#10b981;color:#fff;transform:scale(1.05)}.btn-admin-reject{background:#ef444433;color:#ef4444}.btn-admin-reject:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.ot-small{font-size:.75rem;margin-left:5px}.ot-small,.ot-summary{color:#fbbf24;font-weight:600}.ot-summary{align-items:center;display:flex;font-size:.9rem;gap:6px;margin-bottom:20px;margin-top:-10px}.overtime-badge{background:#f59e0b26;border-radius:6px;color:#fbbf24;display:inline-flex;font-size:.75rem;font-weight:700;margin-top:4px;padding:2px 6px}.monthly-total-refined,.week-stats-refined{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:16px}.m-stat-row,.stat-row{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;justify-content:space-between}.m-stat-row strong,.stat-row strong{color:#f8fafc}.m-stat-row.ot,.stat-row.ot{border-bottom:1px solid #fbbf241a;border-top:1px solid #fbbf241a;color:#fbbf24;font-weight:600;padding:4px 0}.m-stat-row.ot strong,.stat-row.ot strong{color:#fbbf24}.m-stat-row.grand-total,.stat-row.total{border-top:1px solid #ffffff1a;color:#3b82f6;font-weight:700;margin-top:4px;padding-top:8px}.m-stat-row.grand-total h3,.m-stat-row.grand-total h4,.stat-row.total strong{color:#3b82f6;margin:0}.monthly-total-refined{background:#3b82f60d;border:1px solid #3b82f61a}.pending-validation-page{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.pending-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:40px;text-align:center;width:100%}.pending-icon{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 30px;position:relative;width:120px}.spinner{animation:spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:100%;position:absolute;width:100%}.check-icon{font-size:48px;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pending-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;color:#f8fafc;font-size:28px;font-weight:700;margin-bottom:16px}.pending-message{color:#cbd5e1;font-size:18px;line-height:1.6;margin-bottom:20px}.pending-details{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:30px}.pending-actions{margin-top:30px}.btn-secondary{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px)}.pending-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#94a3b8;font-size:14px;line-height:1.6;margin-top:30px;padding:16px}.pending-info strong{color:#60a5fa}.particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.particle{animation:float 15s infinite;background:#3b82f680;border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{animation-delay:0s;left:10%}.particle:nth-child(2){animation-delay:2s;left:30%}.particle:nth-child(3){animation-delay:4s;left:50%}.particle:nth-child(4){animation-delay:6s;left:70%}.particle:nth-child(5){animation-delay:8s;left:90%}@keyframes float{0%,to{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) translateX(100px)}}@media (max-width:768px){.pending-container{padding:30px 20px}.pending-title{font-size:24px}.pending-message{font-size:16px}}
/*# sourceMappingURL=main.db4df4ca.css.map*/