@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap";:root{--font-sans:"Satoshi", "Outfit", sans-serif;--font-serif:"Playfair Display", serif;--bg-primary:#faf8f5;--bg-card:#fff;--bg-companion:#fff3eb;--text-main:#2c2520;--text-muted:#7e7168;--color-primary:#27bea7;--color-primary-light:#48cbb8;--color-primary-hover:#1f9885;--color-secondary:#80cbc4;--color-success:#4caf50;--color-success-light:#e8f5e9;--color-accent:#e0f2f1;--color-accent-text:#00796b;--shadow-sm:0 4px 6px -1px #dcc8be26, 0 2px 4px -1px #dcc8be1a;--shadow-md:0 10px 25px -5px #dcc8be40, 0 8px 10px -6px #dcc8be33;--shadow-lg:0 20px 35px -10px #dcc8be59, 0 10px 15px -8px #dcc8be40;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#80cbc414 0%,#0000 40%),radial-gradient(circle at 90% 80%,#27bea714 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.6}button,input,select{font-family:inherit}.app-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 5rem}.app-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;animation:.8s ease-out fadeIn;display:flex}.logo-section{align-items:center;gap:.75rem;display:flex}.logo-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:800;animation:4s ease-in-out infinite pulseLogo;display:flex;box-shadow:0 4px 10px #27bea74d}.logo-text h1{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;line-height:1.1}.logo-text span{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem}.companion-card{background-color:var(--bg-companion);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #27bea71a;align-items:center;gap:1.25rem;margin-bottom:2.5rem;padding:1.5rem;animation:.8s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:relative;overflow:hidden}.companion-card:before{content:"";background:radial-gradient(circle,#80cbc426 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.companion-avatar{width:72px;height:72px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:3rem;animation:3s ease-in-out infinite avatarFloat;display:flex}.companion-bubble{position:relative}.companion-bubble h3{color:var(--color-primary-hover);margin-bottom:.25rem;font-size:1rem;font-weight:700}.companion-bubble p{color:var(--text-main);font-size:1.05rem;font-weight:500}.dashboard-grid{grid-template-columns:2fr 1fr;gap:2.5rem;animation:1s ease-out fadeIn;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.card-section{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-smooth);border:1px solid #dcc8be1a;padding:2rem}.card-section:hover{box-shadow:var(--shadow-lg)}.section-title{font-family:var(--font-serif);justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.badge{background-color:var(--color-accent);color:var(--color-accent-text);font-size:.8rem;font-weight:600;font-family:var(--font-sans);border-radius:50px;padding:.25rem .75rem}.badge.primary{color:var(--color-primary);background-color:#fff3eb}.badge.success{background-color:var(--color-success-light);color:var(--color-success)}.upload-zone{border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-bounce);background-color:#fffdfb;border:2px dashed #27bea74d;padding:3rem 2rem;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--color-primary);background-color:#fff8f5;transform:scale(1.02)}.upload-icon-container{width:64px;height:64px;color:var(--color-primary);transition:var(--transition-bounce);background-color:#fff3eb;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.upload-zone:hover .upload-icon-container{background-color:var(--color-primary);color:#fff;transform:rotate(-10deg)scale(1.1)}.upload-zone h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.upload-zone p{color:var(--text-muted);font-size:.9rem}.parsing-overlay{background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.spinner{border:4px solid #27bea71a;border-left-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.parsing-progress{background:#eee;border-radius:10px;width:200px;height:6px;overflow:hidden}.parsing-bar{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:100%;animation:2.5s linear infinite loadProgress}.process-list{flex-direction:column;gap:1.25rem;display:flex}.process-card{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-bounce);background:#fff;border:1px solid #dcc8be26;padding:1.25rem;position:relative;overflow:hidden}.process-card:hover{box-shadow:var(--shadow-sm);border-color:#27bea74d;transform:translate(4px)}.process-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-md);background-color:#fffdfb}.process-card-header{justify-content:space-between;align-items:start;margin-bottom:.5rem;display:flex}.process-card h4{color:var(--text-main);font-size:1.1rem;font-weight:700}.process-meta{color:var(--text-muted);gap:1rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.process-progress-container{align-items:center;gap:.75rem;display:flex}.progress-bar-bg{background-color:#efebe9;border-radius:10px;flex-grow:1;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:10px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.progress-percent{color:var(--color-primary-hover);text-align:right;min-width:32px;font-size:.85rem;font-weight:700}.steps-container{flex-direction:column;gap:1.5rem;display:flex;position:relative}.steps-container:before{content:"";z-index:0;background-color:#efebe9;width:2px;position:absolute;top:10px;bottom:10px;left:27px}.step-row{z-index:1;gap:1.25rem;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative}.step-indicator{width:56px;height:56px;color:var(--text-muted);transition:var(--transition-bounce);background:#fff;border:3px solid #efebe9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-row.completed .step-indicator{background-color:var(--color-success);border-color:var(--color-success);color:#fff;transform:scale(1.05);box-shadow:0 4px 10px #4caf504d}.step-row.active .step-indicator{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.1);box-shadow:0 4px 12px #27bea733}.step-card{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:var(--transition-bounce);background:#fff;border:1px solid #dcc8be26;flex-grow:1;padding:1.5rem;position:relative}.step-row.active .step-card{box-shadow:var(--shadow-md);background-image:linear-gradient(90deg,#27bea705,#0000);border-color:#27bea766}.step-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.step-card h4{color:var(--text-main);font-size:1.15rem;font-weight:700}.step-card p{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.step-action-area{border-top:1px dashed #dcc8be26;flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.emotional-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-main);transition:var(--transition-smooth);align-items:center;gap:.75rem;font-weight:600;display:flex}.emotional-checkbox-label:hover{color:var(--color-primary)}.checkbox-visual{width:24px;height:24px;transition:var(--transition-bounce);background:#fff;border:2px solid #27bea780;border-radius:6px;justify-content:center;align-items:center;display:flex}.emotional-checkbox-label input{display:none}.emotional-checkbox-label input:checked+.checkbox-visual{background-color:var(--color-success);border-color:var(--color-success);color:#fff;animation:.4s ease-out checkboxPop;transform:scale(1.15)}.step-file-upload{border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:var(--transition-smooth);background-color:#faf9f8;border:2px dashed #dcc8be4d;padding:1rem}.step-file-upload:hover{border-color:var(--color-primary);background-color:#fffdfb}.uploaded-badge{background-color:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;animation:.5s ease-out bounceIn;display:inline-flex}.step-motivation{color:var(--color-primary);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);background-color:#fff3eb;margin-top:.75rem;padding:.5rem .75rem;font-size:.85rem;font-style:italic}.celebration-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.celebration-modal{border-radius:var(--radius-lg);text-align:center;width:90%;max-width:500px;box-shadow:var(--shadow-lg);background:#fff;border:1px solid #27bea733;padding:3rem;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleUp;position:relative}.celebration-emoji{margin-bottom:1rem;font-size:5rem;animation:1s ease-in-out infinite wobble}.celebration-modal h2{font-family:var(--font-serif);color:var(--color-primary-hover);margin-bottom:.75rem;font-size:2.25rem}.celebration-modal p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}.celebration-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;transition:var(--transition-bounce);border:none;border-radius:50px;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;box-shadow:0 4px 15px #27bea74d}.celebration-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #27bea766}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes avatarFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.15)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:.8;transform:scale(1.05)}70%{opacity:.9;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes wobble{0%,to{transform:rotate(0)}15%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}}.confetti{background-color:var(--color-primary);border-radius:50%;width:10px;height:10px;animation:3s linear infinite fall;position:absolute}@keyframes fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.api-key-badge{cursor:pointer;transition:var(--transition-smooth);background-color:#fff;border:1px solid #dcc8be4d;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.api-key-badge:hover{border-color:var(--color-primary);background-color:#fffdfb}.api-key-badge.configured{background-color:var(--color-success-light);color:var(--color-success);border-color:#4caf5033}.api-drawer{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dcc8be33;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) slideDown;display:flex}.api-input-group{gap:.5rem;display:flex}.api-input{border-radius:var(--radius-sm);transition:var(--transition-smooth);border:1px solid #dcc8be66;outline:none;flex-grow:1;padding:.5rem 1rem;font-size:.9rem}.api-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #27bea71a}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{color:var(--text-main);background-color:#efebe9}.btn-secondary:hover{background-color:#e0dcda}.textarea-input{border-radius:var(--radius-sm);resize:vertical;width:100%;min-height:100px;transition:var(--transition-smooth);border:1px solid #dcc8be66;outline:none;margin-top:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.textarea-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #27bea71a}.divider{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.25rem 0;font-size:.8rem;font-weight:600;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #dcc8be33;flex:1}.divider:not(:empty):before{margin-right:.75em}.divider:not(:empty):after{margin-left:.75em}.warning-alert{color:var(--color-primary-hover);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);background-color:#fff3eb;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.overdue-badge{color:#d32f2f;background-color:#fff1f0;border:1px solid #d32f2f33;border-radius:50px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.overdue-banner{color:#d32f2f;border-radius:var(--radius-sm);background-color:#fff1f0;border-left:4px solid #d32f2f;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;animation:.4s ease-out slideDown;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-md);width:90%;max-width:500px;box-shadow:var(--shadow-lg);background:#fff;border:1px solid #dcc8be33;flex-direction:column;gap:1.25rem;padding:2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-main);font-size:.9rem;font-weight:600}.form-input{background-color:#fafafa;border:1px solid #00000014;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-input:hover{border-color:#00000026}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #27bea71a}.notification-panel{border-radius:var(--radius-md);background-color:#fdfbfa;border:1px solid #dcc8be40;margin-top:2rem;padding:1.5rem}.notification-list{flex-direction:column;gap:.75rem;max-height:200px;margin-top:1rem;display:flex;overflow-y:auto}.notification-item{border-radius:var(--radius-sm);background:#fff;border:1px solid #d32f2f26;border-left:3px solid #d32f2f;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;animation:.4s ease-out slideDown;display:flex}.tabs-container{border-bottom:1px solid #dcc8be33;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;padding:.5rem 1rem;font-size:.95rem;font-weight:700}.tab-btn:hover{color:var(--color-primary);background-color:#fff5f0}.tab-btn.active{color:var(--color-primary);background-color:#fff3eb}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.template-grid-card{cursor:pointer;transition:var(--transition-bounce);background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;min-height:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000000d,0 5px 15px -8px #0000000d}.template-grid-card:hover{border-color:#27bea740;transform:translateY(-6px);box-shadow:0 20px 40px -10px #0000001f}.template-card-banner{background-image:url(/maze_banner.png);background-position:50%;background-size:cover;width:100%;height:160px}.template-card-body{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.template-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;display:flex}.template-card-meta-left{align-items:center;gap:6px;font-weight:500;display:flex}.status-dot{background-color:#2ec4b6;border-radius:50%;width:8px;height:8px;display:inline-block}.dots-menu-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1;transition:color .2s}.dots-menu-btn:hover{color:var(--color-primary)}.template-card-title{color:var(--text-main);margin-bottom:.75rem;font-size:1.35rem;font-weight:700;line-height:1.25}.template-card-desc{color:#7e7168;flex-grow:1;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.template-card-badges{flex-wrap:wrap;gap:6px;margin-bottom:1.25rem;display:flex}.template-card-badge{color:var(--text-main);background-color:#f5f3f0;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.template-card-divider{border:0;border-top:1px solid #0000000f;width:100%;margin:0 0 1rem}.template-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.avatar-group{align-items:center;display:flex}.avatar-group img{object-fit:cover;width:32px;height:32px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;margin-left:-10px}.avatar-group img:first-child{margin-left:0}.action-circles{gap:8px;display:flex}.circle-btn{color:#fff;cursor:pointer;width:34px;height:34px;transition:var(--transition-bounce);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #0000001a}.circle-btn:hover{transform:scale(1.15)}.circle-btn.blue{background-color:#2979ff;box-shadow:0 4px 10px #2979ff4d}.circle-btn.dark{background-color:#37474f;box-shadow:0 4px 10px #37474f4d}.circle-btn.red{background-color:#ff1744;box-shadow:0 4px 10px #ff17444d}.back-btn{color:var(--color-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:inline-flex}.back-btn:hover{color:var(--color-primary-hover);transform:translate(-4px)}.step-editor-card{animation:.4s ease-out fadeIn;background-color:#fffdfb!important;border:1px solid #27bea733!important}.step-edit-form{flex-direction:column;gap:.75rem;width:100%;display:flex}.step-edit-row{gap:.75rem;display:flex}@media (width<=600px){.step-edit-row{flex-direction:column}}.btn-danger{color:#ef4444;box-shadow:none;background-color:#0000;border:1px solid #fee2e2}.btn-danger:hover{background-color:#fee2e2;transform:translateY(-1px)}.step-action-header{align-items:center;gap:.5rem;display:flex}.step-action-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;padding:.25rem}.step-action-btn:hover{color:var(--color-primary);background-color:#fff5f0}.step-action-btn.delete:hover{color:#d32f2f;background-color:#fff1f0}.auth-container{background:radial-gradient(circle at 100% 0,#27bea71a,#0000 40%),radial-gradient(circle at 0 100%,#80cbc41a,#0000 40%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{border-radius:var(--radius-lg);text-align:center;background:#fff;border:1px solid #27bea71a;width:100%;max-width:450px;padding:3rem;animation:.6s cubic-bezier(.16,1,.3,1) scaleUp;box-shadow:0 20px 40px -10px #27bea733}.auth-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:2rem;font-weight:800;display:flex;box-shadow:0 8px 20px #27bea74d}.auth-title{font-family:var(--font-serif);color:var(--text-main);margin-bottom:.5rem;font-size:2rem}.auth-subtitle{color:var(--text-muted);margin-bottom:2rem}.auth-form{text-align:left;flex-direction:column;gap:1.25rem;display:flex}.auth-form input{border-radius:var(--radius-sm);width:100%;transition:var(--transition-smooth);background:#faf8f5;border:2px solid #efebe9;padding:1rem 1.25rem;font-size:1rem}.auth-form input:focus{border-color:var(--color-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #27bea71a}.auth-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-bounce);border:none;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600;box-shadow:0 4px 15px #27bea733}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #27bea74d}.auth-switch{color:var(--text-muted);margin-top:1.5rem;font-size:.95rem}.auth-switch span{color:var(--color-primary);cursor:pointer;transition:var(--transition-smooth);font-weight:600}.auth-switch span:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-options{justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.9rem;display:flex}.auth-checkbox-label{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.auth-checkbox-label input{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.auth-forgot-link{color:var(--color-primary);transition:var(--transition-smooth);cursor:pointer;font-weight:500;text-decoration:none}.auth-forgot-link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-success-msg{background-color:var(--color-success-light);color:var(--color-success);border:1px solid #4caf5033;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.app-header-unified{-webkit-backdrop-filter:blur(25px)saturate(180%);z-index:1000;background-color:#ffffffd9;border:1px solid #00000014;border-radius:99px;width:100%;margin-top:1rem;margin-bottom:2.5rem;padding:.5rem 1.75rem;position:sticky;top:1rem;box-shadow:0 10px 40px -10px #0000001a,0 2px 10px #dcc8be0d}.nav-container-unified{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.logo-img{object-fit:contain;height:38px;transition:transform .3s}.logo-section:hover .logo-img{transform:scale(1.05)}.desktop-nav{align-items:center;gap:1.25rem;display:flex}@media (width<=900px){.desktop-nav,.desktop-nav-right{display:none}}.nav-menu-item-unified{position:relative}.nav-trigger-btn{color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.92rem;font-weight:600;display:flex}.nav-trigger-btn:hover{color:var(--color-primary-hover);background-color:#27bea70f}.nav-trigger-btn.active{color:var(--color-primary-hover);background-color:#27bea71a}.nav-tab-btn{color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.6rem;padding:.65rem 1.15rem;font-size:.92rem;font-weight:650;display:flex}.nav-tab-btn:hover{color:var(--color-primary-hover);background-color:#27bea70d}.nav-tab-btn.active{color:var(--color-primary-hover);background-color:#e8f7f5;box-shadow:0 2px 8px #27bea714}.chevron-icon{color:var(--text-muted);transition:transform .3s}.chevron-icon.open{transform:rotate(180deg)}.nav-dropdown-content{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;background:#fffffff2;border:1px solid #00000014;width:480px;margin-top:4px;padding:1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:100%;left:50%;transform:translate(-50%)}.nav-dropdown-content:before{content:"";background:0 0;height:12px;position:absolute;top:-12px;left:0;right:0}.nav-dropdown-content.dropdown-right{width:320px;left:auto;right:0;transform:none}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%,8px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.nav-dropdown-content.dropdown-right{animation:.3s cubic-bezier(.16,1,.3,1) dropdownRightFadeIn}@keyframes dropdownRightFadeIn{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-dropdown-content.dropdown-large{width:580px;padding:1.25rem}.nav-dropdown-content.dropdown-right-align{animation:.3s cubic-bezier(.16,1,.3,1) dropdownRightFadeIn;left:auto;right:0;transform:none}.nav-dropdown-content.dropdown-right-align:before{left:auto;right:0}.dropdown-grid-split{grid-template-columns:1.8fr 1fr;align-items:stretch;gap:1.25rem;display:grid}.grid-split-cards{border-right:1px solid #0000000f;flex-direction:column;gap:.75rem;padding-right:1.25rem;display:flex}.grid-split-small{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.nav-small-item-link{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);transition:var(--transition-smooth);align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.88rem;font-weight:600;display:flex}.nav-small-item-link:hover{color:var(--color-primary-hover);background-color:#00000008;padding-left:1.15rem}.nav-small-item-link svg{color:var(--text-muted);transition:var(--transition-smooth)}.nav-small-item-link:hover svg{color:var(--color-primary-hover)}.dropdown-grid-cards{grid-template-columns:1fr;gap:.75rem;display:grid}.grid-card-nav{border-radius:var(--radius-sm);background-color:var(--bg-card);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000000d;padding:1rem 1.25rem;position:relative;overflow:hidden}.grid-card-nav:before{content:"";opacity:0;filter:blur(25px);z-index:0;background:conic-gradient(#f35066 0deg 117deg,#9071f9 180deg,#5182fc 240deg,#f35066 360deg);transition:opacity .3s;position:absolute;inset:0}.grid-card-nav:hover:before{opacity:.08}.grid-card-nav>*{z-index:1;position:relative}.grid-card-nav:hover{border-color:#27bea740;transform:translateY(-1px);box-shadow:0 4px 20px #00000008}.grid-card-nav.selected{background-color:#27bea712;border-color:#27bea733}.card-nav-header{align-items:center;gap:.65rem;margin-bottom:.25rem;display:flex}.card-nav-header h4{color:var(--text-main);font-size:.95rem;font-weight:700}.grid-card-nav p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}.icon-blue{color:#0284c7}.icon-orange{color:#ea580c}.icon-green{color:#16a34a}.dropdown-simple-list{flex-direction:column;gap:.5rem;display:flex}.dropdown-list-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);color:var(--text-main);align-items:flex-start;gap:.75rem;padding:.65rem .85rem;display:flex}.dropdown-list-item:hover{background-color:#00000008}.dropdown-list-item.configured{border-left:3px solid var(--color-primary)}.dropdown-list-item svg{color:var(--text-muted);flex-shrink:0;margin-top:.15rem}.dropdown-list-item h4{margin:0;font-size:.9rem;font-weight:600}.dropdown-list-item p{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.3}.dropdown-divider{background-color:#0000000f;height:1px;margin:.25rem 0}.logout-item:hover{background-color:#ef444412}.logout-item:hover h4,.logout-item:hover svg{color:#ef4444}.user-avatar-small{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.header-badge-section{align-items:center;gap:.75rem;display:flex}.empatico-badge{font-size:.75rem;font-weight:700;box-shadow:0 2px 10px #27bea726}.mobile-toggle-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:.25rem;display:none}@media (width<=900px){.mobile-toggle-btn{display:block}}.mobile-floating-nav{z-index:9999;width:calc(100% - 2rem);max-width:480px;animation:.5s cubic-bezier(.16,1,.3,1) slideUpFloatingNav;display:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes slideUpFloatingNav{0%{opacity:0;transform:translate(-50%,100px)}to{opacity:1;transform:translate(-50%)}}.floating-nav-container{-webkit-backdrop-filter:blur(25px)saturate(180%);background:#ffffffd9;border:1px solid #00000014;border-radius:99px;justify-content:space-around;align-items:center;width:100%;padding:.4rem .6rem;display:flex;box-shadow:0 10px 40px -10px #00000026,0 2px 10px #dcc8be1a}.floating-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:99px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:.45rem .2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.floating-nav-btn:hover{color:var(--color-primary)}.floating-nav-btn.active{color:var(--color-primary);background-color:#27bea717;font-weight:700}.floating-nav-icon{justify-content:center;align-items:center;transition:transform .3s;display:flex}.floating-nav-btn.active .floating-nav-icon{transform:scale(1.1)}.floating-nav-label{font-size:.65rem;font-weight:600;display:block}@media (width<=900px){.mobile-floating-nav{display:block}.app-container{padding-bottom:7.5rem!important}}.achievement-card-unified{background:var(--bg-card);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:1.5rem .5rem}.achievement-unlocked-section{text-align:center;margin:1.5rem 0;animation:.8s ease-out fadeIn}.achievement-unlocked-count{color:var(--text-main);font-size:5rem;font-weight:800;line-height:1;font-family:var(--font-sans);margin:0}.fraction-total{color:var(--text-muted);font-size:2.2rem;font-weight:500}.achievement-unlocked-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:8px;font-size:.85rem;font-weight:700}.achievement-trio-display{justify-content:center;align-items:stretch;gap:1.25rem;margin:3.5rem 0 2rem;display:flex}@media (width<=768px){.achievement-trio-display{flex-direction:column;gap:1.5rem;margin:2rem 0}}.trio-card{border-radius:var(--radius-sm);min-height:180px;transition:var(--transition-bounce);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000000d;flex-direction:column;flex:1;justify-content:space-between;padding:1.25rem;display:flex;position:relative}.trio-card.trio-active{box-shadow:var(--shadow-md);z-index:10;background-color:#fffdfb;border-color:#27bea759;transform:translateY(-8px)}@media (width<=768px){.trio-card.trio-active{transform:none}}.trio-card.completed{opacity:.85;background:#faf9f6;border-color:#0000000a}.trio-card.upcoming{opacity:.7;filter:grayscale(.8);background:#f5f4f0;border-color:#00000008}.trio-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.trio-badge-number{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.trio-card-title{color:var(--text-main);margin-bottom:.35rem;font-size:1.1rem;font-weight:700;line-height:1.25}.trio-card-date{color:var(--color-primary);margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.trio-card-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.4}.trio-card-desc-compact{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.trio-card-action{border-top:1px dashed #0000000d;margin-top:auto;padding-top:.75rem}.text-success-icon{color:var(--color-success)}.text-active-icon{color:var(--color-primary)}.text-muted-icon{color:var(--text-muted)}.achievement-steps-list-section{width:100%}.steps-list-header{transition:var(--transition-smooth)}.steps-list-header:hover h3{color:var(--color-primary-hover)!important}.launch-scheduler-card{z-index:101;background-color:#fff;border-radius:12px;width:100%;max-width:900px;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000026}.launch-header{border-bottom:1px solid #0000000f;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.launch-icon-box{color:var(--color-primary);background-color:#1a73e81a;border-radius:50%;justify-content:center;align-items:center;padding:.75rem;display:flex}.launch-title{color:var(--text-color);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.launch-desc{color:var(--text-muted);margin:0;font-size:.875rem}.launch-content{grid-template-columns:1fr;gap:2rem;padding:1.5rem;display:grid}@media (width>=768px){.launch-content{grid-template-columns:1fr 1fr}}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-month{font-size:1.125rem;font-weight:600}.calendar-grid-header{text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{cursor:pointer;width:40px;height:40px;color:var(--text-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:flex;position:relative}.calendar-day:hover{background-color:#0000000d}.calendar-day.muted{color:#0000004d}.calendar-day.today{color:var(--color-primary);font-weight:700}.calendar-day.selected{background-color:var(--color-primary);color:#fff;font-weight:700}.calendar-day.selected:hover{background-color:var(--color-primary-hover)}.involved-members{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.involved-member-chip{color:#334155;background-color:#f1f5f9;border-radius:50px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.involved-member-chip img{object-fit:cover;border-radius:50%;width:16px;height:16px}.launch-footer{border-top:1px solid #0000000f;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1.5rem;display:flex}.success-ticket-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;animation:.3s ease-out fadeIn;position:fixed;inset:0}.success-ticket-container{width:100%;max-width:400px;color:var(--text-main);font-family:var(--font-sans);z-index:10;background-color:#fff;border-radius:1rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards zoomInCentered;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ticket-cutout-left,.ticket-cutout-right{background-color:#0006;border-radius:50%;width:2rem;height:2rem;position:absolute;top:50%;transform:translateY(-50%)}.ticket-cutout-left{left:-1rem}.ticket-cutout-right{right:-1rem}@keyframes zoomInCentered{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.ticket-icon-container{background-color:#27bea71a;border-radius:50%;padding:.75rem;animation:.5s .3s backwards scaleUp}.ticket-icon{width:2.5rem;height:2.5rem;color:var(--color-primary);animation:.5s .5s backwards popIn}.ticket-dashed-line{border-top:2px dashed #0000001a;width:100%;margin:1.5rem 0}.destination-card-group{cursor:pointer;width:100%;height:100%}.destination-card-anchor{border-radius:1rem;width:100%;height:100%;transition:all .5s ease-in-out;display:block;position:relative;overflow:hidden}.destination-card-group:hover .destination-card-anchor{transform:scale(1.03);box-shadow:0 0 60px -15px hsl(var(--theme-color) / .6)!important}.destination-card-bg{background-position:50%;background-size:cover;transition:transform .5s ease-in-out;position:absolute;inset:0}.destination-card-group:hover .destination-card-bg{transform:scale(1.1)}.destination-card-overlay{transition:opacity .3s;position:absolute;inset:0}.destination-card-content{color:#fff;box-sizing:border-box;z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding:1.5rem;display:flex;position:relative}.destination-card-title{letter-spacing:-.025em;align-items:center;gap:.5rem;margin:0;font-size:1.75rem;font-weight:700;display:flex}.destination-card-flag{font-size:1.5rem}.destination-card-stats{color:#ffffffd9;margin:.25rem 0 0;font-size:.875rem;font-weight:500}.destination-card-btn{background-color:hsl(var(--theme-color) / .2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsl(var(--theme-color) / .3);border-radius:.5rem;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:.75rem 1rem;transition:all .3s;display:flex}.destination-card-group:hover .destination-card-btn{background-color:hsl(var(--theme-color) / .4);border-color:hsl(var(--theme-color) / .5)}.destination-card-btn-text{letter-spacing:.025em;font-size:.875rem;font-weight:600}.destination-card-btn-icon{width:1rem;height:1rem;transition:transform .3s}.destination-card-group:hover .destination-card-btn-icon{transform:translate(4px)}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes zoomIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.96)}}.dialog-overlay{z-index:9999;background-color:#000c;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;position:fixed;inset:0}.dialog-overlay[data-state=closed]{animation:.2s cubic-bezier(.16,1,.3,1) fadeOut}.dialog-content{z-index:9999;background-color:#fff;border-radius:12px;flex-direction:column;width:90vw;max-width:480px;max-height:85vh;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) zoomIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dialog-content[data-state=closed]{animation:.2s cubic-bezier(.16,1,.3,1) zoomOut}.dialog-content:focus{outline:none}.dialog-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:100%;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;transition:background-color .2s,color .2s;display:inline-flex;position:absolute;top:12px;right:12px}.dialog-close:hover{color:#0f172a;background-color:#f1f5f9}.dialog-close:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.dialog-title{color:#0f172a;margin:0;font-size:1.125rem;font-weight:600;line-height:1.2}.dialog-description{color:#64748b;margin:10px 0 20px;font-size:.875rem;line-height:1.5}.dialog-header{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.dialog-footer{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.gradient-alert-container{pointer-events:none;z-index:10000;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;top:1.5rem;left:0;right:0}.gradient-alert{pointer-events:auto;text-align:left;background-color:#fff;border:1px solid;border-radius:.75rem;flex-direction:column;width:90%;max-width:400px;padding:1rem 1rem 1rem 3.5rem;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.gradient-alert.information{--gradient-from:#3b82f626;border-color:#3b82f64d}.gradient-alert.success{--gradient-from:#22c55e26;border-color:#22c55e4d}.gradient-alert.warning{--gradient-from:#eab30826;border-color:#eab3084d}.gradient-alert.error{--gradient-from:#ef444426;border-color:#ef44444d}.gradient-alert-glow{background:radial-gradient(circle at 40px 40px, var(--gradient-from) 0%, transparent 40%);opacity:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.gradient-alert-icon-container{justify-content:center;align-items:center;width:3rem;height:100%;display:flex;position:absolute;top:0;left:0}.gradient-alert-icon-container.information{color:#3b82f6;background-color:#3b82f61a}.gradient-alert-icon-container.success{color:#22c55e;background-color:#22c55e1a}.gradient-alert-icon-container.warning{color:#eab308;background-color:#eab3081a}.gradient-alert-icon-container.error{color:#ef4444;background-color:#ef44441a}.gradient-alert-content{flex-grow:1}.gradient-alert-title{color:#1a1a1a;margin:0 0 .25rem;font-size:.95rem;font-weight:600}.gradient-alert-desc{color:#666;margin:0;font-size:.85rem}.gradient-alert-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.gradient-alert-close:hover{color:#333;background-color:#0000000d}.dropdown-menu-content{z-index:99999;color:#0f172a;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-width:10rem;padding:.25rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-menu-content[data-state=open]{animation:.15s ease-out forwards fadeIn}.dropdown-menu-content[data-state=closed]{animation:.15s ease-in forwards fadeOut}.dropdown-menu-item{cursor:default;-webkit-user-select:none;user-select:none;border-radius:.25rem;outline:none;align-items:center;padding:.375rem .5rem;font-size:.875rem;transition:background-color .15s,color .15s;display:flex;position:relative}.dropdown-menu-item:focus,.dropdown-menu-item[data-highlighted]{color:#0f172a;background-color:#f1f5f9}.dropdown-menu-item[data-disabled]{pointer-events:none;opacity:.5}.dropdown-menu-label{color:#64748b;padding:.375rem .5rem;font-size:.75rem;font-weight:500}.dropdown-menu-separator{background-color:#e5e7eb;height:1px;margin:.25rem -.25rem}.dropdown-menu-sub-trigger{cursor:default;-webkit-user-select:none;user-select:none;border-radius:.25rem;outline:none;align-items:center;padding:.375rem .5rem;font-size:.875rem;display:flex}.dropdown-menu-sub-trigger:focus,.dropdown-menu-sub-trigger[data-state=open]{background-color:#f1f5f9}.dropdown-menu-sub-content{z-index:99999;color:#0f172a;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-width:8rem;padding:.25rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.notifications-trigger{cursor:pointer;color:#4b5563;background:0 0;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:inline-flex;position:relative}.notifications-trigger:hover{background-color:#f3f4f6;border-color:#e5e7eb}.notifications-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;padding:.125rem .375rem;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-.25rem;right:-.25rem}.notifications-content{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:24rem;max-height:24rem;padding:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.notifications-content>div:not(:last-child){border-bottom:1px solid #f3f4f6}.radix-notif-item{cursor:pointer;outline:none;align-items:flex-start;gap:.75rem;padding:.75rem;transition:background-color .2s;display:flex}.radix-notif-item:hover,.radix-notif-item:focus{background-color:#f9fafb}.radix-notif-item.read{opacity:.7}.radix-notif-item.unread{font-weight:500}.radix-notif-item-icon{flex-shrink:0;margin-top:.125rem}.radix-notif-item-body{flex-direction:column;display:flex}.radix-notif-item-message{color:#111827;font-size:.875rem;line-height:1.25rem}.radix-notif-item-time{color:#9ca3af;margin-top:.25rem;font-size:.75rem}.radix-notif-item-empty{color:#9ca3af;cursor:default;text-align:center;padding:1rem;font-size:.875rem}.radix-notif-actions{align-items:center;gap:.25rem;margin-left:auto;display:flex}.radix-notif-action-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef444433;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.radix-notif-action-btn:hover{color:#fff;background:#ef4444}.radix-notif-action-btn.success{color:#10b981;border:1px solid #10b98133}.radix-notif-action-btn.success:hover{color:#fff;background:#10b981}