@selfeesas/shared-components 0.7.0 → 1.0.0

package/dist/assets/shared-components.css

@@ -1 +1 @@
-.row[data-v-8dd99f80]{width:100%;gap:8px}.smooth-rotate[data-v-0e12eb7b]{transition:transform .3s ease}[data-v-a4df46a4]:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.project-environment-container[data-v-a4df46a4]{gap:12px}.project-switch-btn[data-v-a4df46a4]{padding:0 16px;border-radius:8px;font-weight:500;text-transform:capitalize;letter-spacing:.5px}.environment-badge[data-v-a4df46a4]{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;box-shadow:0 2px 4px #0000001a}.environment-badge--dev[data-v-a4df46a4]{background:linear-gradient(135deg,#4caf50,#66bb6a)}.environment-badge--hlg[data-v-a4df46a4]{background:linear-gradient(135deg,#ff9800,#ffb74d)}.environment-badge--test[data-v-a4df46a4]{background:linear-gradient(135deg,#2196f3,#42a5f5)}.project-menu[data-v-a4df46a4]{min-width:200px;padding:8px}.project-menu .q-item[data-v-a4df46a4]{border-radius:6px;margin-bottom:4px}.project-menu .q-item--disabled[data-v-a4df46a4]{opacity:.7;cursor:default}.project-menu .q-item[data-v-a4df46a4]:last-child{margin-bottom:0}@media (max-width: 768px){.project-environment-container[data-v-a4df46a4]{flex-direction:column;gap:8px;align-items:flex-end}.environment-badge[data-v-a4df46a4]{font-size:.7rem;padding:3px 8px}}[data-v-18e2dcbc]:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.user-avatar-menu[data-v-18e2dcbc]{min-width:270px}.user-menu-list[data-v-18e2dcbc]{padding:4px 0}.user-info-section[data-v-18e2dcbc]{padding:8px 16px;min-height:48px}.user-info-section .text-weight-bold[data-v-18e2dcbc]{font-size:1rem}.version-info-section[data-v-18e2dcbc]{padding:12px 16px;min-height:auto}.version-info-section .version-info[data-v-18e2dcbc]{line-height:1.4}.version-info-section .version-info .text-caption[data-v-18e2dcbc]{font-size:.75rem}.version-info-section .version-info div[data-v-18e2dcbc]:first-child{margin-bottom:4px}.logout-section[data-v-18e2dcbc]{padding:8px 16px;min-height:40px;color:var(--q-negative)}.logout-section[data-v-18e2dcbc]:hover{background-color:var(--q-negative);color:#fff}.date-range-wrapper[data-v-eee61cc0]{width:100%}.date-range-flex[data-v-eee61cc0]{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.date-range-flex>.q-input[data-v-eee61cc0]{flex:1;min-width:120px}.actions-group[data-v-eee61cc0]{display:flex;align-items:center;gap:8px;white-space:nowrap}.hint[data-v-eee61cc0]{margin-top:8px}@media (max-width: 600px){.date-range-flex[data-v-eee61cc0]{flex-direction:column;align-items:stretch;gap:8px}.date-range-flex>.q-input[data-v-eee61cc0]{width:100%}.actions-group[data-v-eee61cc0]{align-self:flex-start;margin-top:4px}}.login-page{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#0c6363,#0d9695);color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.login-page .particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.login-page .particles .particle{position:absolute;background:#fff3;border-radius:50%;opacity:.5;animation:float 8s infinite ease-in-out;box-shadow:0 0 10px #ffffff1a}.login-page .container{display:flex;width:90%;max-width:1200px;min-height:700px;background:#ffffff1a;border-radius:24px;overflow:hidden;position:relative;z-index:1;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.login-page .brand-section{flex:1;background:linear-gradient(135deg,#0c6363,#0d9695);padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-page .brand-section .logo-container{position:relative;width:280px;height:280px;margin-bottom:40px;display:flex;align-items:center;justify-content:center}.login-page .brand-section .logo-container .logo-image{width:100%;height:100%;object-fit:contain;z-index:10;position:relative;filter:drop-shadow(0 0 15px rgba(13,150,149,.4)) drop-shadow(0 0 30px rgba(12,99,99,.3)) brightness(1.1);animation:logo-float 4s infinite ease-in-out}.login-page .brand-section .logo-container .ring{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.6);transform-origin:center;opacity:0;pointer-events:none;z-index:1}.login-page .brand-section .logo-container .ring-1{width:0;height:0;border-width:1px;animation:ring-expand-1 3s infinite cubic-bezier(.34,1.56,.64,1)}.login-page .brand-section .logo-container .ring-2{width:0;height:0;border-width:1px;animation:ring-expand-2 3s infinite cubic-bezier(.34,1.56,.64,1) .5s}.login-page .brand-section .logo-container .ring-3{width:0;height:0;border-width:1px;animation:ring-expand-3 3s infinite cubic-bezier(.34,1.56,.64,1) 1s}.login-page .brand-section .tagline{font-size:1.5rem;font-weight:400;color:#fffffff2;text-transform:uppercase;letter-spacing:3px;margin-top:20px;z-index:2;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3);position:relative;padding:15px 0}.login-page .brand-section .tagline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%)}.login-page .brand-section .tagline:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%)}.login-page .brand-section .energy-wave{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(255,255,255,.12),transparent);border-radius:50% 50% 0 0;animation:wave 10s infinite ease-in-out}.login-page .brand-section .energy-wave-2{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(255,255,255,.06),transparent);border-radius:50% 50% 0 0;animation:wave 12s infinite ease-in-out 2s}.login-page .brand-section .energy-pulse{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 5s infinite ease-in-out}.login-page .brand-section .energy-dots{display:none}.login-page .login-section{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center;background:#ffffff0d}.login-page .login-section .login-header{text-align:center;margin-bottom:50px}.login-page .login-section .login-header h2{font-size:2.5rem;font-weight:600;margin-bottom:15px;background:linear-gradient(90deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-shimmer 4s infinite linear;background-size:200% auto}.login-page .login-section .login-header p{color:#fffc;font-weight:300;font-size:1.1rem;max-width:300px;margin:0 auto;line-height:1.6}.login-page .login-section .login-form .form-group{margin-bottom:25px;position:relative}.login-page .login-section .login-form .form-group:last-of-type{margin-bottom:30px}.login-page .login-section .login-form .form-group .field-hint{position:absolute;top:100%;left:0;margin-top:4px;font-size:.8rem;color:#ffffff80;opacity:0;transform:translateY(-5px);transition:all .3s ease}.login-page .login-section .login-form .form-group:hover .field-hint{opacity:1;transform:translateY(0)}.login-page .login-section .login-button{transition:all .4s ease;margin-top:30px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#0d9695,#0c6363);height:50px;border-radius:10px;font-size:1.1rem;box-shadow:0 5px 15px #0d96954d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.login-page .login-section .login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.login-page .login-section .login-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0d969566,inset 0 1px #ffffff4d;border-color:#ffffff40}.login-page .login-section .login-button:hover:before{left:100%}.login-page .login-section .login-button:active{transform:translateY(0);box-shadow:0 5px 10px #0d96954d,inset 0 1px #ffffff26}.login-page .login-section .login-button .q-btn__content{display:flex;align-items:center;gap:10px}@keyframes ring-expand-1{0%{width:0;height:0;opacity:1;border-width:1px}30%{width:200px;height:200px;opacity:.8;border-width:1.5px}60%{width:250px;height:250px;opacity:.4;border-width:1px}to{width:300px;height:300px;opacity:0;border-width:.5px}}@keyframes ring-expand-2{0%{width:0;height:0;opacity:1;border-width:1px}30%{width:220px;height:220px;opacity:.7;border-width:1.5px}60%{width:270px;height:270px;opacity:.3;border-width:1px}to{width:320px;height:320px;opacity:0;border-width:.5px}}@keyframes ring-expand-3{0%{width:0;height:0;opacity:1;border-width:1px}30%{width:240px;height:240px;opacity:.6;border-width:1.5px}60%{width:290px;height:290px;opacity:.2;border-width:1px}to{width:340px;height:340px;opacity:0;border-width:.5px}}@keyframes flash{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes text-shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes wave{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-15px) scale(1.05);opacity:.4}}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes float{0%{transform:translate(calc(var(--random-x) * 15px),calc(var(--random-y) * 15px)) translateY(100vh) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translate(calc(var(--random-x) * 15px),calc(var(--random-y) * 15px)) translateY(-100px) rotate(180deg);opacity:0}}@keyframes error-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 992px){.login-page .container{flex-direction:column;min-height:auto}.login-page .brand-section{padding:40px 30px}.login-page .brand-section .logo-container{width:220px;height:220px;margin-bottom:30px}.login-page .brand-section .tagline{font-size:1.3rem}.login-page .login-section{padding:40px 30px}.login-page .login-section .login-header h2{font-size:2.2rem}}@media (max-width: 768px){.login-page{padding:20px}.login-page .container{width:100%}}.login-page .q-field--outlined .q-field__control:before{border:1px solid rgba(255,255,255,.3)!important}.login-page .q-field--outlined:hover .q-field__control:before{border-color:#ffffffb3!important}.login-page .q-field--outlined.q-field--focused .q-field__control:before{border-color:#fff!important;border-width:2px!important}.login-page .q-field--dark .q-field__label{color:#ffffffb3!important}.login-page .q-field--dark.q-field--focused .q-field__label{color:#fff!important}.login-page .q-field--dark .q-field__native,.login-page .q-field--dark .q-field__input{color:#fff!important;caret-color:#fff!important}.login-page .q-field--dark .q-field__native::placeholder{color:#ffffff80!important}.projects-page{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#0a5555,#0d9695);color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.projects-page .particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.projects-page .particles .particle{position:absolute;background:#ffffff1a;border-radius:50%;opacity:.6;animation:float 8s infinite ease-in-out;box-shadow:0 0 10px #ffffff0d;transform-origin:center}.projects-page .background-elements{position:absolute;width:100%;height:100%;z-index:0;overflow:hidden}.projects-page .background-elements .circle-accent{position:absolute;border-radius:50%;opacity:.08;filter:blur(80px)}.projects-page .background-elements .circle-accent:nth-child(1){width:400px;height:400px;background:#0d9695;top:-150px;left:-150px;animation:float-circle-1 20s infinite ease-in-out}.projects-page .background-elements .circle-accent:nth-child(2){width:600px;height:600px;background:#0c6363;bottom:-250px;right:-250px;animation:float-circle-2 25s infinite ease-in-out reverse}.projects-page .background-elements .circle-accent:nth-child(3){width:300px;height:300px;background:#ffffff0d;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-center 15s infinite ease-in-out}.projects-page .container{width:90%;max-width:1400px;min-height:700px;background:#ffffff14;border-radius:32px;overflow:hidden;position:relative;z-index:1;box-shadow:0 25px 60px #0003,inset 0 1px #ffffff1f,inset 0 -1px #0000001a;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;transition:transform .4s ease}.projects-page .container:hover{transform:translateY(-5px);box-shadow:0 35px 70px #00000040,inset 0 1px #ffffff26}.projects-page .projects-section{padding:60px 50px;flex:1;display:flex;flex-direction:column}.projects-page .projects-section .brand-header{text-align:center;margin-bottom:50px;position:relative}.projects-page .projects-section .brand-header .logo{height:100px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(13,150,149,.4)) drop-shadow(0 0 40px rgba(12,99,99,.3)) brightness(1.1);animation:logo-pulse 6s infinite ease-in-out}.projects-page .projects-section .brand-header .tagline{font-size:1.4rem;font-weight:400;color:#fffffff2;text-transform:uppercase;letter-spacing:3px;position:relative;display:inline-block;padding:10px 30px;background:#ffffff0d;border-radius:50px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.projects-page .projects-section .brand-header .tagline:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent 0%,#0d9695 50%,transparent 100%);border-radius:2px}.projects-page .projects-section .projects-header{text-align:center;margin-bottom:60px;transform:translateY(20px);opacity:0;animation:fadeInUp .8s ease forwards .3s}.projects-page .projects-section .projects-header h2{font-size:3.2rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#fff,#ffffffe6,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:text-shimmer 8s infinite linear;font-family:Montserrat,sans-serif;letter-spacing:-.5px;text-shadow:0 4px 12px rgba(13,150,149,.15)}.projects-page .projects-section .projects-header p{color:#ffffffd9;font-weight:400;font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.7}.projects-page .projects-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:30px}.projects-page .projects-section .projects-grid .project-card{background:#a0dcdc26;border:1px solid rgba(13,150,149,.25);border-radius:24px;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative;height:280px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff26;backdrop-filter:blur(12px);opacity:0;transform:translateY(30px) scale(.95);animation:cardAppear .6s ease forwards}.projects-page .projects-section .projects-grid .project-card:nth-child(1){animation-delay:.3s}.projects-page .projects-section .projects-grid .project-card:nth-child(2){animation-delay:.4s}.projects-page .projects-section .projects-grid .project-card:nth-child(3){animation-delay:.5s}.projects-page .projects-section .projects-grid .project-card:nth-child(4){animation-delay:.6s}.projects-page .projects-section .projects-grid .project-card:nth-child(5){animation-delay:.7s}.projects-page .projects-section .projects-grid .project-card:nth-child(6){animation-delay:.8s}.projects-page .projects-section .projects-grid .project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0d969526,#a0dcdc1a);opacity:0;transition:opacity .5s ease;z-index:1}.projects-page .projects-section .projects-grid .project-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .8s ease}.projects-page .projects-section .projects-grid .project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #0d969540,0 15px 35px #a0dcdc26,inset 0 1px #ffffff40;border-color:#0d969580;background:#b4e6e633}.projects-page .projects-section .projects-grid .project-card:hover:before{opacity:1}.projects-page .projects-section .projects-grid .project-card:hover:after{left:100%}.projects-page .projects-section .projects-grid .project-card:hover .project-icon{transform:scale(1.2) translateY(-8px);color:#0d9695;filter:drop-shadow(0 5px 20px rgba(13,150,149,.6)) drop-shadow(0 10px 30px rgba(160,220,220,.3))}.projects-page .projects-section .projects-grid .project-card:hover h3{color:#0d9695;letter-spacing:.5px;text-shadow:0 2px 8px rgba(13,150,149,.2)}.projects-page .projects-section .projects-grid .project-card:hover p{opacity:.95;color:#ffffffe6}.projects-page .projects-section .projects-grid .project-card:hover .card-hover-effect{opacity:.3}.projects-page .projects-section .projects-grid .project-card.q-card--disabled{opacity:.5;filter:grayscale(80%);cursor:not-allowed;pointer-events:none;background:#c8e6e61a;border-color:#ffffff26}.projects-page .projects-section .projects-grid .project-card.q-card--disabled:before,.projects-page .projects-section .projects-grid .project-card.q-card--disabled:after{display:none}.projects-page .projects-section .projects-grid .project-card.q-card--disabled .project-icon{color:#0d969566}.projects-page .projects-section .projects-grid .project-card.q-card--disabled h3,.projects-page .projects-section .projects-grid .project-card.q-card--disabled p{opacity:.5;color:#fff9}.projects-page .projects-section .projects-grid .project-card .card-content{z-index:2;text-align:center;padding:50px 40px;position:relative}.projects-page .projects-section .projects-grid .project-card .card-content .project-icon{color:#0d9695;margin-bottom:30px;transition:all .5s cubic-bezier(.34,1.56,.64,1);font-size:4rem;filter:drop-shadow(0 0 15px rgba(13,150,149,.3))}.projects-page .projects-section .projects-grid .project-card .card-content h3{font-size:1.8rem;margin-bottom:15px;color:#fffffff2;font-weight:600;transition:all .4s ease}.projects-page .projects-section .projects-grid .project-card .card-content p{color:#fffc;font-size:1.05rem;line-height:1.7;transition:all .4s ease}.projects-page .projects-section .projects-grid .project-card .card-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(13,150,149,.15) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}@keyframes float{0%{transform:translate(calc(var(--random-x) * 20px),calc(var(--random-y) * 20px)) translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(calc(var(--random-x) * 20px),calc(var(--random-y) * 20px)) translateY(-100px) rotate(360deg);opacity:0}}@keyframes float-circle-1{0%,to{transform:translate(-150px,-150px)}50%{transform:translate(-120px,-180px)}}@keyframes float-circle-2{0%,to{transform:translate(250px,250px)}50%{transform:translate(280px,220px)}}@keyframes pulse-center{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.08}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.04}}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 20px rgba(13,150,149,.4)) drop-shadow(0 0 40px rgba(12,99,99,.3)) brightness(1.1)}50%{filter:drop-shadow(0 0 25px rgba(13,150,149,.6)) drop-shadow(0 0 50px rgba(12,99,99,.4)) brightness(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes text-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1200px){.projects-page .container{max-width:1000px}.projects-page .projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects-page .container{min-height:auto;margin:20px 0;width:95%;border-radius:24px}.projects-page .projects-section{padding:40px 30px}.projects-page .projects-section .brand-header .logo{height:80px}.projects-page .projects-section .brand-header .tagline{font-size:1.2rem;padding:8px 20px}.projects-page .projects-section .projects-header h2{font-size:2.5rem}.projects-page .projects-section .projects-header p{font-size:1.1rem}.projects-page .projects-section .projects-grid{grid-template-columns:1fr;gap:25px}.projects-page .projects-section .projects-grid .project-card{height:250px}.projects-page .projects-section .projects-grid .project-card .card-content{padding:35px 25px}.projects-page .projects-section .projects-grid .project-card .card-content .project-icon{font-size:3.5rem;margin-bottom:20px}.projects-page .projects-section .projects-grid .project-card .card-content h3{font-size:1.6rem}}@media (max-width: 480px){.projects-page .projects-section{padding:30px 20px}.projects-page .projects-section .brand-header .logo{height:70px}.projects-page .projects-section .brand-header .tagline{font-size:1.1rem;letter-spacing:2px}.projects-page .projects-section .projects-header h2{font-size:2.2rem}}:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.selfee-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:1000}.selfee-loader:before{content:"";position:absolute;inset:0;background:#0003;backdrop-filter:blur(4px);z-index:-1}.selfee-loader .loader-logo{max-width:100%;height:auto}.selfee-loader .loader-text{color:#333;font-size:1rem;text-align:center}.selfee-loader.small .loader-logo{width:40px;height:40px}.selfee-loader.medium .loader-logo{width:80px;height:80px}.selfee-loader.large .loader-logo{width:120px;height:120px}.selfee-loader.spin .loader-logo{animation:spin var(--animation-speed) linear infinite}.selfee-loader.pulse .loader-logo{animation:pulse var(--animation-speed) ease-in-out infinite}.selfee-loader.wave .loader-logo{animation:wave var(--animation-speed) ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}[data-v-6caf8343]:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.confirm-delete-dialog .confirm-delete-card[data-v-6caf8343]{width:440px;max-width:90vw;border-radius:16px;box-shadow:0 10px 30px #00000026;overflow:hidden}.confirm-delete-dialog .dialog-header[data-v-6caf8343]{padding:32px 24px 16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.confirm-delete-dialog .dialog-header .icon-container[data-v-6caf8343]{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #0000001a}.confirm-delete-dialog .dialog-header .dialog-icon[data-v-6caf8343]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.confirm-delete-dialog .dialog-header .dialog-title[data-v-6caf8343]{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.confirm-delete-dialog .dialog-message[data-v-6caf8343]{padding:24px 32px;min-height:80px;display:flex;align-items:center;justify-content:center}.confirm-delete-dialog .dialog-message p[data-v-6caf8343]{margin:0;line-height:1.5;color:#5a6c7d}.confirm-delete-dialog .dialog-actions[data-v-6caf8343]{padding:16px 24px 24px;border-top:1px solid #e9ecef}.confirm-delete-dialog .dialog-actions .action-btn[data-v-6caf8343]{border-radius:8px;font-weight:500;font-size:.9rem;transition:all .2s ease;min-width:100px}.confirm-delete-dialog .dialog-actions .action-btn[data-v-6caf8343]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.confirm-delete-dialog .dialog-actions .action-btn[data-v-6caf8343]:active{transform:translateY(0)}.confirm-delete-dialog .dialog-actions .cancel-btn[data-v-6caf8343]{border:1px solid #ddd}.confirm-delete-dialog .dialog-actions .cancel-btn[data-v-6caf8343]:hover{background:#f8f9fa;border-color:#ccc}.confirm-delete-dialog .dialog-actions .confirm-btn[data-v-6caf8343]:hover{box-shadow:0 4px 15px #f4433666}@media (max-width: 480px){.confirm-delete-dialog .confirm-delete-card[data-v-6caf8343]{width:95vw;margin:0 auto}.confirm-delete-dialog .dialog-header[data-v-6caf8343]{padding:24px 16px 12px}.confirm-delete-dialog .dialog-header .icon-container[data-v-6caf8343]{width:56px;height:56px}.confirm-delete-dialog .dialog-message[data-v-6caf8343]{padding:20px 16px}.confirm-delete-dialog .dialog-actions[data-v-6caf8343]{padding:12px 16px 20px;flex-direction:column-reverse;gap:12px}.confirm-delete-dialog .dialog-actions .action-btn[data-v-6caf8343]{width:100%;padding:10px 16px}}[data-v-513adcd0]:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.selfee-card[data-v-513adcd0]{transition:all .3s ease}.selfee-card--rounded[data-v-513adcd0]{border-radius:8px}.selfee-card--hoverable[data-v-513adcd0]{cursor:pointer}.selfee-card--hoverable[data-v-513adcd0]:hover{transform:translateY(-2px)}.selfee-card--none[data-v-513adcd0]{box-shadow:none}.selfee-card--light[data-v-513adcd0]{box-shadow:0 2px 8px #00000014}.selfee-card--medium[data-v-513adcd0]{box-shadow:0 4px 16px #0000001f}.selfee-card--heavy[data-v-513adcd0]{box-shadow:0 8px 32px #00000029}.selfee-card--primary .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#0d9695,#0a7473);color:#fff}.selfee-card--secondary .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#0c6363,#084848);color:#fff}.selfee-card--accent .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#8a4806,#e65100);color:#fff}.selfee-card--info .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#00838f,#006064);color:#fff}.selfee-card--warning .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#ff8f00,#ff6f00);color:#000000de}.selfee-card--warning .selfee-card__header .selfee-card__title[data-v-513adcd0],.selfee-card--warning .selfee-card__header .selfee-card__subtitle[data-v-513adcd0]{color:#000000de;font-weight:600}.selfee-card--error .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.selfee-card--success .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#1a4f1d,#246e2a);color:#fff}.selfee-card--neutral .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#616161,#424242);color:#fff}.selfee-card__header[data-v-513adcd0]{padding:16px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.selfee-card__header--dense[data-v-513adcd0]{padding:12px 16px}.selfee-card__title[data-v-513adcd0]{font-size:1.25rem;font-weight:600;margin:0;line-height:1.2;color:inherit;letter-spacing:.02em}.selfee-card__subtitle[data-v-513adcd0]{font-size:.875rem;opacity:.95;font-weight:400;color:inherit;letter-spacing:.01em}.selfee-card--warning .selfee-card__subtitle[data-v-513adcd0]{opacity:.9;font-weight:500}.selfee-card__content[data-v-513adcd0]{padding:24px}.selfee-card__content--no-padding[data-v-513adcd0]{padding:0}.selfee-card__content--dense[data-v-513adcd0]{padding:16px}.selfee-card__content--with-gap.q-card__section[data-v-513adcd0]{display:flex;flex-direction:column;gap:12px}.selfee-card__content--with-gap.grid[data-v-513adcd0]{display:grid;gap:12px}.selfee-card__content--with-gap[style*=--content-gap].q-card__section[data-v-513adcd0],.selfee-card__content--with-gap[style*=--content-gap].grid[data-v-513adcd0]{gap:var(--content-gap, 12px)}.selfee-card__content--with-gap[style*=--content-gap][data-v-513adcd0]>*:not(:last-child){margin-bottom:var(--content-gap, 12px)}.selfee-card__content--with-gap[style*=--content-gap]>.q-field[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-input[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-select[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-btn[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-checkbox[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-radio[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-toggle[data-v-513adcd0]:not(:last-child){margin-bottom:var(--content-gap, 12px)}.selfee-card__content--with-gap[style*=--content-gap]>.row[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-item[data-v-513adcd0]:not(:last-child){margin-bottom:var(--content-gap, 12px)}.selfee-card__actions[data-v-513adcd0]{padding:16px}.selfee-card__actions--dense[data-v-513adcd0]{padding:12px 16px}.selfee-card__actions--center[data-v-513adcd0]{justify-content:center}
+.row[data-v-8dd99f80]{width:100%;gap:8px}.smooth-rotate[data-v-0e12eb7b]{transition:transform .3s ease}[data-v-a4df46a4]:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.project-environment-container[data-v-a4df46a4]{gap:12px}.project-switch-btn[data-v-a4df46a4]{padding:0 16px;border-radius:8px;font-weight:500;text-transform:capitalize;letter-spacing:.5px}.environment-badge[data-v-a4df46a4]{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;box-shadow:0 2px 4px #0000001a}.environment-badge--dev[data-v-a4df46a4]{background:linear-gradient(135deg,#4caf50,#66bb6a)}.environment-badge--hlg[data-v-a4df46a4]{background:linear-gradient(135deg,#ff9800,#ffb74d)}.environment-badge--test[data-v-a4df46a4]{background:linear-gradient(135deg,#2196f3,#42a5f5)}.project-menu[data-v-a4df46a4]{min-width:200px;padding:8px}.project-menu .q-item[data-v-a4df46a4]{border-radius:6px;margin-bottom:4px}.project-menu .q-item--disabled[data-v-a4df46a4]{opacity:.7;cursor:default}.project-menu .q-item[data-v-a4df46a4]:last-child{margin-bottom:0}@media (max-width: 768px){.project-environment-container[data-v-a4df46a4]{flex-direction:column;gap:8px;align-items:flex-end}.environment-badge[data-v-a4df46a4]{font-size:.7rem;padding:3px 8px}}[data-v-18e2dcbc]:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.user-avatar-menu[data-v-18e2dcbc]{min-width:270px}.user-menu-list[data-v-18e2dcbc]{padding:4px 0}.user-info-section[data-v-18e2dcbc]{padding:8px 16px;min-height:48px}.user-info-section .text-weight-bold[data-v-18e2dcbc]{font-size:1rem}.version-info-section[data-v-18e2dcbc]{padding:12px 16px;min-height:auto}.version-info-section .version-info[data-v-18e2dcbc]{line-height:1.4}.version-info-section .version-info .text-caption[data-v-18e2dcbc]{font-size:.75rem}.version-info-section .version-info div[data-v-18e2dcbc]:first-child{margin-bottom:4px}.logout-section[data-v-18e2dcbc]{padding:8px 16px;min-height:40px;color:var(--q-negative)}.logout-section[data-v-18e2dcbc]:hover{background-color:var(--q-negative);color:#fff}.date-range-wrapper[data-v-eee61cc0]{width:100%}.date-range-flex[data-v-eee61cc0]{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.date-range-flex>.q-input[data-v-eee61cc0]{flex:1;min-width:120px}.actions-group[data-v-eee61cc0]{display:flex;align-items:center;gap:8px;white-space:nowrap}.hint[data-v-eee61cc0]{margin-top:8px}@media (max-width: 600px){.date-range-flex[data-v-eee61cc0]{flex-direction:column;align-items:stretch;gap:8px}.date-range-flex>.q-input[data-v-eee61cc0]{width:100%}.actions-group[data-v-eee61cc0]{align-self:flex-start;margin-top:4px}}.selected-row[data-v-ca500397]{background-color:#1976d214!important}.selected-row[data-v-ca500397]:hover{background-color:#1976d21f!important}.bg-blue-1[data-v-ca500397]{background-color:#e3f2fd!important;border:1px solid #bbdefb}.bg-grey-2[data-v-ca500397]{background-color:#f5f5f5!important;border:1px solid #e0e0e0}.column-header[data-v-ca500397]{position:relative;min-width:150px!important;max-width:300px!important;overflow:visible!important;transition:background-color .2s ease}.column-header[data-v-ca500397]:hover{background-color:#1976d214!important}.column-header .column-container[data-v-ca500397]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.column-header .column-label[data-v-ca500397]{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.column-header .column-close-btn[data-v-ca500397]{opacity:0;transition:opacity .2s ease;flex-shrink:0}.column-header:hover .column-close-btn[data-v-ca500397]{opacity:1}[data-v-ca500397] .q-table th .q-td{overflow:visible!important}[data-v-ca500397] .q-table th{height:auto!important;padding:12px 16px!important}.data-cell[data-v-ca500397]{overflow:visible!important}.data-cell .text-no-wrap[data-v-ca500397]{white-space:nowrap;overflow:visible;text-overflow:clip}[data-v-ca500397] .q-table th .ellipsis{text-overflow:clip!important;overflow:visible!important}.ellipsis[data-v-ca500397]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.login-page{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#0c6363,#0d9695);color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.login-page .particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.login-page .particles .particle{position:absolute;background:#fff3;border-radius:50%;opacity:.5;animation:float 8s infinite ease-in-out;box-shadow:0 0 10px #ffffff1a}.login-page .container{display:flex;width:90%;max-width:1200px;min-height:700px;background:#ffffff1a;border-radius:24px;overflow:hidden;position:relative;z-index:1;box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.login-page .brand-section{flex:1;background:linear-gradient(135deg,#0c6363,#0d9695);padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-page .brand-section .logo-container{position:relative;width:280px;height:280px;margin-bottom:40px;display:flex;align-items:center;justify-content:center}.login-page .brand-section .logo-container .logo-image{width:100%;height:100%;object-fit:contain;z-index:10;position:relative;filter:drop-shadow(0 0 15px rgba(13,150,149,.4)) drop-shadow(0 0 30px rgba(12,99,99,.3)) brightness(1.1);animation:logo-float 4s infinite ease-in-out}.login-page .brand-section .logo-container .ring{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.6);transform-origin:center;opacity:0;pointer-events:none;z-index:1}.login-page .brand-section .logo-container .ring-1{width:0;height:0;border-width:1px;animation:ring-expand-1 3s infinite cubic-bezier(.34,1.56,.64,1)}.login-page .brand-section .logo-container .ring-2{width:0;height:0;border-width:1px;animation:ring-expand-2 3s infinite cubic-bezier(.34,1.56,.64,1) .5s}.login-page .brand-section .logo-container .ring-3{width:0;height:0;border-width:1px;animation:ring-expand-3 3s infinite cubic-bezier(.34,1.56,.64,1) 1s}.login-page .brand-section .tagline{font-size:1.5rem;font-weight:400;color:#fffffff2;text-transform:uppercase;letter-spacing:3px;margin-top:20px;z-index:2;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3);position:relative;padding:15px 0}.login-page .brand-section .tagline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%)}.login-page .brand-section .tagline:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%)}.login-page .brand-section .energy-wave{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(255,255,255,.12),transparent);border-radius:50% 50% 0 0;animation:wave 10s infinite ease-in-out}.login-page .brand-section .energy-wave-2{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(255,255,255,.06),transparent);border-radius:50% 50% 0 0;animation:wave 12s infinite ease-in-out 2s}.login-page .brand-section .energy-pulse{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 5s infinite ease-in-out}.login-page .brand-section .energy-dots{display:none}.login-page .login-section{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center;background:#ffffff0d}.login-page .login-section .login-header{text-align:center;margin-bottom:50px}.login-page .login-section .login-header h2{font-size:2.5rem;font-weight:600;margin-bottom:15px;background:linear-gradient(90deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-shimmer 4s infinite linear;background-size:200% auto}.login-page .login-section .login-header p{color:#fffc;font-weight:300;font-size:1.1rem;max-width:300px;margin:0 auto;line-height:1.6}.login-page .login-section .login-form .form-group{margin-bottom:25px;position:relative}.login-page .login-section .login-form .form-group:last-of-type{margin-bottom:30px}.login-page .login-section .login-form .form-group .field-hint{position:absolute;top:100%;left:0;margin-top:4px;font-size:.8rem;color:#ffffff80;opacity:0;transform:translateY(-5px);transition:all .3s ease}.login-page .login-section .login-form .form-group:hover .field-hint{opacity:1;transform:translateY(0)}.login-page .login-section .login-button{transition:all .4s ease;margin-top:30px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#0d9695,#0c6363);height:50px;border-radius:10px;font-size:1.1rem;box-shadow:0 5px 15px #0d96954d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.login-page .login-section .login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.login-page .login-section .login-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0d969566,inset 0 1px #ffffff4d;border-color:#ffffff40}.login-page .login-section .login-button:hover:before{left:100%}.login-page .login-section .login-button:active{transform:translateY(0);box-shadow:0 5px 10px #0d96954d,inset 0 1px #ffffff26}.login-page .login-section .login-button .q-btn__content{display:flex;align-items:center;gap:10px}@keyframes ring-expand-1{0%{width:0;height:0;opacity:1;border-width:1px}30%{width:200px;height:200px;opacity:.8;border-width:1.5px}60%{width:250px;height:250px;opacity:.4;border-width:1px}to{width:300px;height:300px;opacity:0;border-width:.5px}}@keyframes ring-expand-2{0%{width:0;height:0;opacity:1;border-width:1px}30%{width:220px;height:220px;opacity:.7;border-width:1.5px}60%{width:270px;height:270px;opacity:.3;border-width:1px}to{width:320px;height:320px;opacity:0;border-width:.5px}}@keyframes ring-expand-3{0%{width:0;height:0;opacity:1;border-width:1px}30%{width:240px;height:240px;opacity:.6;border-width:1.5px}60%{width:290px;height:290px;opacity:.2;border-width:1px}to{width:340px;height:340px;opacity:0;border-width:.5px}}@keyframes flash{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes text-shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes wave{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-15px) scale(1.05);opacity:.4}}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes float{0%{transform:translate(calc(var(--random-x) * 15px),calc(var(--random-y) * 15px)) translateY(100vh) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translate(calc(var(--random-x) * 15px),calc(var(--random-y) * 15px)) translateY(-100px) rotate(180deg);opacity:0}}@keyframes error-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 992px){.login-page .container{flex-direction:column;min-height:auto}.login-page .brand-section{padding:40px 30px}.login-page .brand-section .logo-container{width:220px;height:220px;margin-bottom:30px}.login-page .brand-section .tagline{font-size:1.3rem}.login-page .login-section{padding:40px 30px}.login-page .login-section .login-header h2{font-size:2.2rem}}@media (max-width: 768px){.login-page{padding:20px}.login-page .container{width:100%}}.login-page .q-field--outlined .q-field__control:before{border:1px solid rgba(255,255,255,.3)!important}.login-page .q-field--outlined:hover .q-field__control:before{border-color:#ffffffb3!important}.login-page .q-field--outlined.q-field--focused .q-field__control:before{border-color:#fff!important;border-width:2px!important}.login-page .q-field--dark .q-field__label{color:#ffffffb3!important}.login-page .q-field--dark.q-field--focused .q-field__label{color:#fff!important}.login-page .q-field--dark .q-field__native,.login-page .q-field--dark .q-field__input{color:#fff!important;caret-color:#fff!important}.login-page .q-field--dark .q-field__native::placeholder{color:#ffffff80!important}.projects-page{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#0a5555,#0d9695);color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.projects-page .particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.projects-page .particles .particle{position:absolute;background:#ffffff1a;border-radius:50%;opacity:.6;animation:float 8s infinite ease-in-out;box-shadow:0 0 10px #ffffff0d;transform-origin:center}.projects-page .background-elements{position:absolute;width:100%;height:100%;z-index:0;overflow:hidden}.projects-page .background-elements .circle-accent{position:absolute;border-radius:50%;opacity:.08;filter:blur(80px)}.projects-page .background-elements .circle-accent:nth-child(1){width:400px;height:400px;background:#0d9695;top:-150px;left:-150px;animation:float-circle-1 20s infinite ease-in-out}.projects-page .background-elements .circle-accent:nth-child(2){width:600px;height:600px;background:#0c6363;bottom:-250px;right:-250px;animation:float-circle-2 25s infinite ease-in-out reverse}.projects-page .background-elements .circle-accent:nth-child(3){width:300px;height:300px;background:#ffffff0d;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-center 15s infinite ease-in-out}.projects-page .container{width:90%;max-width:1400px;min-height:700px;background:#ffffff14;border-radius:32px;overflow:hidden;position:relative;z-index:1;box-shadow:0 25px 60px #0003,inset 0 1px #ffffff1f,inset 0 -1px #0000001a;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;transition:transform .4s ease}.projects-page .container:hover{transform:translateY(-5px);box-shadow:0 35px 70px #00000040,inset 0 1px #ffffff26}.projects-page .projects-section{padding:60px 50px;flex:1;display:flex;flex-direction:column}.projects-page .projects-section .brand-header{text-align:center;margin-bottom:50px;position:relative}.projects-page .projects-section .brand-header .logo{height:100px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(13,150,149,.4)) drop-shadow(0 0 40px rgba(12,99,99,.3)) brightness(1.1);animation:logo-pulse 6s infinite ease-in-out}.projects-page .projects-section .brand-header .tagline{font-size:1.4rem;font-weight:400;color:#fffffff2;text-transform:uppercase;letter-spacing:3px;position:relative;display:inline-block;padding:10px 30px;background:#ffffff0d;border-radius:50px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.projects-page .projects-section .brand-header .tagline:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent 0%,#0d9695 50%,transparent 100%);border-radius:2px}.projects-page .projects-section .projects-header{text-align:center;margin-bottom:60px;transform:translateY(20px);opacity:0;animation:fadeInUp .8s ease forwards .3s}.projects-page .projects-section .projects-header h2{font-size:3.2rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#fff,#ffffffe6,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:text-shimmer 8s infinite linear;font-family:Montserrat,sans-serif;letter-spacing:-.5px;text-shadow:0 4px 12px rgba(13,150,149,.15)}.projects-page .projects-section .projects-header p{color:#ffffffd9;font-weight:400;font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.7}.projects-page .projects-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:30px}.projects-page .projects-section .projects-grid .project-card{background:#a0dcdc26;border:1px solid rgba(13,150,149,.25);border-radius:24px;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative;height:280px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff26;backdrop-filter:blur(12px);opacity:0;transform:translateY(30px) scale(.95);animation:cardAppear .6s ease forwards}.projects-page .projects-section .projects-grid .project-card:nth-child(1){animation-delay:.3s}.projects-page .projects-section .projects-grid .project-card:nth-child(2){animation-delay:.4s}.projects-page .projects-section .projects-grid .project-card:nth-child(3){animation-delay:.5s}.projects-page .projects-section .projects-grid .project-card:nth-child(4){animation-delay:.6s}.projects-page .projects-section .projects-grid .project-card:nth-child(5){animation-delay:.7s}.projects-page .projects-section .projects-grid .project-card:nth-child(6){animation-delay:.8s}.projects-page .projects-section .projects-grid .project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0d969526,#a0dcdc1a);opacity:0;transition:opacity .5s ease;z-index:1}.projects-page .projects-section .projects-grid .project-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .8s ease}.projects-page .projects-section .projects-grid .project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #0d969540,0 15px 35px #a0dcdc26,inset 0 1px #ffffff40;border-color:#0d969580;background:#b4e6e633}.projects-page .projects-section .projects-grid .project-card:hover:before{opacity:1}.projects-page .projects-section .projects-grid .project-card:hover:after{left:100%}.projects-page .projects-section .projects-grid .project-card:hover .project-icon{transform:scale(1.2) translateY(-8px);color:#0d9695;filter:drop-shadow(0 5px 20px rgba(13,150,149,.6)) drop-shadow(0 10px 30px rgba(160,220,220,.3))}.projects-page .projects-section .projects-grid .project-card:hover h3{color:#0d9695;letter-spacing:.5px;text-shadow:0 2px 8px rgba(13,150,149,.2)}.projects-page .projects-section .projects-grid .project-card:hover p{opacity:.95;color:#ffffffe6}.projects-page .projects-section .projects-grid .project-card:hover .card-hover-effect{opacity:.3}.projects-page .projects-section .projects-grid .project-card.q-card--disabled{opacity:.5;filter:grayscale(80%);cursor:not-allowed;pointer-events:none;background:#c8e6e61a;border-color:#ffffff26}.projects-page .projects-section .projects-grid .project-card.q-card--disabled:before,.projects-page .projects-section .projects-grid .project-card.q-card--disabled:after{display:none}.projects-page .projects-section .projects-grid .project-card.q-card--disabled .project-icon{color:#0d969566}.projects-page .projects-section .projects-grid .project-card.q-card--disabled h3,.projects-page .projects-section .projects-grid .project-card.q-card--disabled p{opacity:.5;color:#fff9}.projects-page .projects-section .projects-grid .project-card .card-content{z-index:2;text-align:center;padding:50px 40px;position:relative}.projects-page .projects-section .projects-grid .project-card .card-content .project-icon{color:#0d9695;margin-bottom:30px;transition:all .5s cubic-bezier(.34,1.56,.64,1);font-size:4rem;filter:drop-shadow(0 0 15px rgba(13,150,149,.3))}.projects-page .projects-section .projects-grid .project-card .card-content h3{font-size:1.8rem;margin-bottom:15px;color:#fffffff2;font-weight:600;transition:all .4s ease}.projects-page .projects-section .projects-grid .project-card .card-content p{color:#fffc;font-size:1.05rem;line-height:1.7;transition:all .4s ease}.projects-page .projects-section .projects-grid .project-card .card-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(13,150,149,.15) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}@keyframes float{0%{transform:translate(calc(var(--random-x) * 20px),calc(var(--random-y) * 20px)) translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(calc(var(--random-x) * 20px),calc(var(--random-y) * 20px)) translateY(-100px) rotate(360deg);opacity:0}}@keyframes float-circle-1{0%,to{transform:translate(-150px,-150px)}50%{transform:translate(-120px,-180px)}}@keyframes float-circle-2{0%,to{transform:translate(250px,250px)}50%{transform:translate(280px,220px)}}@keyframes pulse-center{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.08}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.04}}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 20px rgba(13,150,149,.4)) drop-shadow(0 0 40px rgba(12,99,99,.3)) brightness(1.1)}50%{filter:drop-shadow(0 0 25px rgba(13,150,149,.6)) drop-shadow(0 0 50px rgba(12,99,99,.4)) brightness(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes text-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1200px){.projects-page .container{max-width:1000px}.projects-page .projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects-page .container{min-height:auto;margin:20px 0;width:95%;border-radius:24px}.projects-page .projects-section{padding:40px 30px}.projects-page .projects-section .brand-header .logo{height:80px}.projects-page .projects-section .brand-header .tagline{font-size:1.2rem;padding:8px 20px}.projects-page .projects-section .projects-header h2{font-size:2.5rem}.projects-page .projects-section .projects-header p{font-size:1.1rem}.projects-page .projects-section .projects-grid{grid-template-columns:1fr;gap:25px}.projects-page .projects-section .projects-grid .project-card{height:250px}.projects-page .projects-section .projects-grid .project-card .card-content{padding:35px 25px}.projects-page .projects-section .projects-grid .project-card .card-content .project-icon{font-size:3.5rem;margin-bottom:20px}.projects-page .projects-section .projects-grid .project-card .card-content h3{font-size:1.6rem}}@media (max-width: 480px){.projects-page .projects-section{padding:30px 20px}.projects-page .projects-section .brand-header .logo{height:70px}.projects-page .projects-section .brand-header .tagline{font-size:1.1rem;letter-spacing:2px}.projects-page .projects-section .projects-header h2{font-size:2.2rem}}:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.selfee-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:1000}.selfee-loader:before{content:"";position:absolute;inset:0;background:#0003;backdrop-filter:blur(4px);z-index:-1}.selfee-loader .loader-logo{max-width:100%;height:auto}.selfee-loader .loader-text{color:#333;font-size:1rem;text-align:center}.selfee-loader.small .loader-logo{width:40px;height:40px}.selfee-loader.medium .loader-logo{width:80px;height:80px}.selfee-loader.large .loader-logo{width:120px;height:120px}.selfee-loader.spin .loader-logo{animation:spin var(--animation-speed) linear infinite}.selfee-loader.pulse .loader-logo{animation:pulse var(--animation-speed) ease-in-out infinite}.selfee-loader.wave .loader-logo{animation:wave var(--animation-speed) ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}[data-v-6caf8343]:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.confirm-delete-dialog .confirm-delete-card[data-v-6caf8343]{width:440px;max-width:90vw;border-radius:16px;box-shadow:0 10px 30px #00000026;overflow:hidden}.confirm-delete-dialog .dialog-header[data-v-6caf8343]{padding:32px 24px 16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.confirm-delete-dialog .dialog-header .icon-container[data-v-6caf8343]{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #0000001a}.confirm-delete-dialog .dialog-header .dialog-icon[data-v-6caf8343]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.confirm-delete-dialog .dialog-header .dialog-title[data-v-6caf8343]{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.confirm-delete-dialog .dialog-message[data-v-6caf8343]{padding:24px 32px;min-height:80px;display:flex;align-items:center;justify-content:center}.confirm-delete-dialog .dialog-message p[data-v-6caf8343]{margin:0;line-height:1.5;color:#5a6c7d}.confirm-delete-dialog .dialog-actions[data-v-6caf8343]{padding:16px 24px 24px;border-top:1px solid #e9ecef}.confirm-delete-dialog .dialog-actions .action-btn[data-v-6caf8343]{border-radius:8px;font-weight:500;font-size:.9rem;transition:all .2s ease;min-width:100px}.confirm-delete-dialog .dialog-actions .action-btn[data-v-6caf8343]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.confirm-delete-dialog .dialog-actions .action-btn[data-v-6caf8343]:active{transform:translateY(0)}.confirm-delete-dialog .dialog-actions .cancel-btn[data-v-6caf8343]{border:1px solid #ddd}.confirm-delete-dialog .dialog-actions .cancel-btn[data-v-6caf8343]:hover{background:#f8f9fa;border-color:#ccc}.confirm-delete-dialog .dialog-actions .confirm-btn[data-v-6caf8343]:hover{box-shadow:0 4px 15px #f4433666}@media (max-width: 480px){.confirm-delete-dialog .confirm-delete-card[data-v-6caf8343]{width:95vw;margin:0 auto}.confirm-delete-dialog .dialog-header[data-v-6caf8343]{padding:24px 16px 12px}.confirm-delete-dialog .dialog-header .icon-container[data-v-6caf8343]{width:56px;height:56px}.confirm-delete-dialog .dialog-message[data-v-6caf8343]{padding:20px 16px}.confirm-delete-dialog .dialog-actions[data-v-6caf8343]{padding:12px 16px 20px;flex-direction:column-reverse;gap:12px}.confirm-delete-dialog .dialog-actions .action-btn[data-v-6caf8343]{width:100%;padding:10px 16px}}[data-v-513adcd0]:root{--deep-blue: #001f3f;--energy-green: #00ff9d}.selfee-card[data-v-513adcd0]{transition:all .3s ease}.selfee-card--rounded[data-v-513adcd0]{border-radius:8px}.selfee-card--hoverable[data-v-513adcd0]{cursor:pointer}.selfee-card--hoverable[data-v-513adcd0]:hover{transform:translateY(-2px)}.selfee-card--none[data-v-513adcd0]{box-shadow:none}.selfee-card--light[data-v-513adcd0]{box-shadow:0 2px 8px #00000014}.selfee-card--medium[data-v-513adcd0]{box-shadow:0 4px 16px #0000001f}.selfee-card--heavy[data-v-513adcd0]{box-shadow:0 8px 32px #00000029}.selfee-card--primary .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#0d9695,#0a7473);color:#fff}.selfee-card--secondary .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#0c6363,#084848);color:#fff}.selfee-card--accent .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#8a4806,#e65100);color:#fff}.selfee-card--info .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#00838f,#006064);color:#fff}.selfee-card--warning .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#ff8f00,#ff6f00);color:#000000de}.selfee-card--warning .selfee-card__header .selfee-card__title[data-v-513adcd0],.selfee-card--warning .selfee-card__header .selfee-card__subtitle[data-v-513adcd0]{color:#000000de;font-weight:600}.selfee-card--error .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.selfee-card--success .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#1a4f1d,#246e2a);color:#fff}.selfee-card--neutral .selfee-card__header[data-v-513adcd0]{background:linear-gradient(135deg,#616161,#424242);color:#fff}.selfee-card__header[data-v-513adcd0]{padding:16px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}.selfee-card__header--dense[data-v-513adcd0]{padding:12px 16px}.selfee-card__title[data-v-513adcd0]{font-size:1.25rem;font-weight:600;margin:0;line-height:1.2;color:inherit;letter-spacing:.02em}.selfee-card__subtitle[data-v-513adcd0]{font-size:.875rem;opacity:.95;font-weight:400;color:inherit;letter-spacing:.01em}.selfee-card--warning .selfee-card__subtitle[data-v-513adcd0]{opacity:.9;font-weight:500}.selfee-card__content[data-v-513adcd0]{padding:24px}.selfee-card__content--no-padding[data-v-513adcd0]{padding:0}.selfee-card__content--dense[data-v-513adcd0]{padding:16px}.selfee-card__content--with-gap.q-card__section[data-v-513adcd0]{display:flex;flex-direction:column;gap:12px}.selfee-card__content--with-gap.grid[data-v-513adcd0]{display:grid;gap:12px}.selfee-card__content--with-gap[style*=--content-gap].q-card__section[data-v-513adcd0],.selfee-card__content--with-gap[style*=--content-gap].grid[data-v-513adcd0]{gap:var(--content-gap, 12px)}.selfee-card__content--with-gap[style*=--content-gap][data-v-513adcd0]>*:not(:last-child){margin-bottom:var(--content-gap, 12px)}.selfee-card__content--with-gap[style*=--content-gap]>.q-field[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-input[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-select[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-btn[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-checkbox[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-radio[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-toggle[data-v-513adcd0]:not(:last-child){margin-bottom:var(--content-gap, 12px)}.selfee-card__content--with-gap[style*=--content-gap]>.row[data-v-513adcd0]:not(:last-child),.selfee-card__content--with-gap[style*=--content-gap]>.q-item[data-v-513adcd0]:not(:last-child){margin-bottom:var(--content-gap, 12px)}.selfee-card__actions[data-v-513adcd0]{padding:16px}.selfee-card__actions--dense[data-v-513adcd0]{padding:12px 16px}.selfee-card__actions--center[data-v-513adcd0]{justify-content:center}