:root{--bg-color:#f5f2ed;--card-bg:#00000005;--glass-border:#8fa67133;--primary-accent:#e67e22;--secondary-accent:#8fa671;--text-primary:#1f2937;--text-secondary:#4b5563;--danger:#d9534f;--success:#5cb85c;--warning:#f0ad4e;--info:#5bc0de;--sidebar-width:260px;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 20% 20%,#e67e2214 0%,#0000 40%),radial-gradient(circle at 80% 80%,#8fa67114 0%,#0000 40%);min-height:100vh;overflow-x:hidden}.pet-card.feeding-active{transform:translateY(-5px)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8fa6714d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8fa67180}#app{flex-direction:column;width:100%;min-height:100vh;display:flex}.view{opacity:0;width:100%;transition:opacity .4s;display:none}.view.active{opacity:1;display:block}#auth-view.active,#setup-view.active{justify-content:center;align-items:center;min-height:100vh;display:flex}.profile-top-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;margin-top:24px;display:grid}.user-header-info{align-items:center;gap:24px;margin-bottom:24px;display:flex}.profile-avatar-container{aspect-ratio:1;border:4px solid var(--glass-border);background:var(--card-bg);border-radius:50%;flex-shrink:0;width:120px;min-width:120px;height:120px;min-height:120px;position:relative;overflow:visible;box-shadow:0 10px 25px #0000004d}#profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.user-meta h3{margin-bottom:4px;font-size:1.5rem;font-weight:700}.user-meta p{word-break:break-word;opacity:.8;font-size:.9rem}@media (width<=600px){.user-header-info{text-align:center;flex-direction:column;gap:16px}}#auth-view,#setup-view{justify-content:center;align-items:center;height:auto;min-height:100vh;padding:40px 10px}.switch input:checked+.slider{background-color:var(--primary-accent)!important}.switch input:checked+.slider:before{transform:translate(20px)}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #0000001a}.glass-container{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:28px;padding:40px;box-shadow:0 20px 40px -10px #00000014}.auth-card{width:100%;max-width:420px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;padding-top:10px!important}.gradient-text{background:linear-gradient(135deg, var(--primary-accent), var(--secondary-accent));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:8px;font-size:2.8rem;font-weight:800}.subtitle{color:var(--text-secondary);font-size:.95rem}select,input,textarea{border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-family);background:#fffc;border-radius:14px;width:100%;padding:14px 18px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(0,0,0,0.4)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;padding-right:44px}select:hover,input:hover,textarea:hover{border-color:var(--secondary-accent);background:#ffffffe6;transform:translateY(-1px)}select:focus,input:focus,textarea:focus{border-color:var(--primary-accent);background:#fff;outline:none;box-shadow:0 0 0 4px #e67e221a,0 8px 16px #0000000d}select option{color:var(--text-primary);background:#fff;padding:12px}.btn-primary{background:linear-gradient(135deg, var(--primary-accent), var(--secondary-accent));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #e67e224d}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;background:#0000000d;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-disabled{opacity:.5;filter:grayscale(.8);cursor:not-allowed!important}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-right:1px solid var(--glass-border);z-index:100;background:#ebe7e0;flex-direction:column;height:100vh;padding:2rem;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.logo{justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;display:flex}.logo img{object-fit:contain;mix-blend-mode:multiply;border-radius:24px;width:auto;max-width:100%;height:220px;transition:transform .3s}.logo img:hover{transform:scale(1.05)}.auth-header-logo{mix-blend-mode:multiply;border-radius:18px;width:100%;max-width:200px;height:auto;margin:16px auto;display:block}.nav-links{list-style:none}.nav-item{cursor:pointer;color:var(--text-secondary);border-radius:14px;align-items:center;gap:12px;margin-bottom:.5rem;padding:1rem;transition:all .3s;display:flex}.nav-item:hover,.nav-item.active{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.nav-item i{font-size:1.2rem}.sidebar-footer{border-top:1px solid var(--glass-border);margin-top:auto;padding-top:1.5rem}.btn-logout{width:100%;color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:.8rem;font-family:inherit;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{background:#ff52521a}.main-content{margin-left:var(--sidebar-width);width:auto;min-height:100vh;padding:1.5rem 2rem 2rem;transition:all .3s}.content-header{z-index:9999;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative;flex-wrap:nowrap!important}@media (width<=768px){.content-header{margin-bottom:1rem;padding:.5rem 0}}.content-header h1{margin:0;padding:0;font-size:2.2rem;font-weight:700;line-height:1.2}.header-info{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0;padding:0;display:flex}.user-profile-pill,.tenant-selector-pill{flex-shrink:0;align-items:center;gap:8px;display:flex}.tenant-selector-pill .pill-content{padding:6px 16px 6px 6px}.user-profile-pill .pill-content{padding:6px 6px 6px 16px}.tenant-selector-pill .pill-dropdown{width:260px;left:0;right:auto}.tenant-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:.9rem;font-weight:700;overflow:hidden}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.9rem;font-weight:600;overflow:hidden}.beta-tag{color:var(--primary-accent);letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:help;background:#8fa6711a;border:1px solid #8fa67133;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:800;transition:all .2s;position:relative}.beta-tag:hover{background:#8fa67133;transform:scale(1.05)}.beta-tag:after{content:"Fase Beta: Versión estable y segura. Estamos afinando los últimos detalles y añadiendo nuevas funciones de salud y recordatorios muy pronto. ¡Tu feedback es clave para seguir mejorando!";color:#fff;text-transform:none;letter-spacing:normal;z-index:99999;width:280px;font-size:.8rem;font-weight:500;line-height:1.5;font-family:var(--font-family);text-align:left;opacity:0;visibility:hidden;pointer-events:none;white-space:normal;background:#1f2937f5;border:1px solid #ffffff1a;border-radius:16px;padding:14px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(10px);box-shadow:0 10px 30px #0003}.beta-tag:before{content:"";z-index:99999;opacity:0;visibility:hidden;pointer-events:none;border:6px solid #0000;border-bottom-color:#1f2937f5;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;right:18px;transform:translateY(10px)}.beta-tag:hover:after,.beta-tag:hover:before{opacity:1;visibility:visible;transform:translateY(0)}.pill-content{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50px;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;-webkit-backdrop-filter:blur(16px)!important;background:#ffffff73!important;border:1px solid #fff3!important}.pill-content:hover{transform:translateY(-1px);box-shadow:0 8px 32px #0000001a;border-color:var(--secondary-accent)!important;background:#ffffff4d!important}.pill-content .user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.pill-avatar{border:2px solid var(--primary-accent);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.pill-avatar img{object-fit:cover;width:100%;height:100%}.pill-dropdown{border:1px solid var(--glass-border);opacity:0;visibility:hidden;z-index:1000;border-radius:20px;width:220px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 12px);right:0;transform:translateY(10px);box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:none!important;background:#fff!important}.pill-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-info{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.dropdown-info strong{color:var(--text-primary);font-size:.95rem}.dropdown-info span{color:var(--text-secondary);opacity:.8;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8rem;display:block;overflow:hidden}.dropdown-divider{background:#0000000d;height:1px;margin:4px 0}.pill-dropdown button{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;transition:all .2s;display:flex}.pill-dropdown button:hover{color:var(--primary-accent);background:#e67e2214}.pill-dropdown button.logout-link:hover{color:var(--danger);background:#d9534f1a}.pill-dropdown button i{font-size:1rem}.header-info .subtitle{color:var(--text-secondary);margin-top:4px;font-size:1rem}.header-actions{align-items:center;gap:12px;display:flex}.header-info .subtitle{color:var(--text-secondary);font-size:1rem}.pets-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;display:grid}@media (width<=480px){.pets-grid{grid-template-columns:1fr}}.pet-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:28px;flex-direction:column;align-items:stretch;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.pet-avatar{background:linear-gradient(45deg, var(--primary-accent), var(--secondary-accent));color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;display:flex}.pet-info h4{margin-bottom:4px;font-size:1.3rem}.pet-info p{color:var(--text-secondary);font-size:.9rem}.pet-card.v1-style{border:1px solid #ffffff14;flex-direction:column;align-items:stretch;gap:20px;padding:24px}.pet-card.v1-style:hover{border-color:var(--secondary-accent);box-shadow:0 0 20px #8fa67126}.pet-card-header{align-items:center;gap:18px;display:flex}.pet-avatar-wrapper{flex-shrink:0}.pet-avatar-frame{border:4px solid var(--glass-border);background:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:0;display:flex;box-shadow:0 4px 15px #0000000d}.pet-avatar-frame img{object-fit:cover;border-radius:14px;width:100%;height:100%}.pet-avatar-frame i{color:var(--secondary-accent);opacity:.6;font-size:2rem}.pet-info-main{flex:1}.pet-info-main h3{letter-spacing:-.5px;align-items:center;margin:0;font-size:1.5rem;font-weight:700;display:flex}.pet-age{color:var(--text-white);opacity:.9;margin:4px 0 0;font-size:.95rem;font-weight:500}.pet-species{color:var(--text-secondary);text-transform:capitalize;opacity:.7;margin:2px 0 0;font-size:.85rem}.current-weight{text-align:right;min-width:80px}.weight-val{color:var(--secondary-accent);font-size:1.8rem;font-weight:800;line-height:1;display:block}.weight-unit{color:var(--secondary-accent);font-size:1rem;font-weight:700}.pet-card-history{border-top:1px solid #0000000d;flex-direction:column;gap:10px;padding-top:18px;display:flex}.history-item{justify-content:space-between;align-items:center;padding:2px 0;font-size:.9rem;display:flex}.history-date{color:var(--text-secondary);font-weight:500}.history-weight{color:var(--text-white);font-variant-numeric:tabular-nums;font-weight:700}.pet-card-actions{border-top:1px solid #ffffff1a;flex-direction:column;gap:15px;padding-top:20px;display:flex}.btn-history-wide{width:100%;color:var(--primary-accent);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#e67e2214;border:1px solid #e67e2233;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-history-wide:hover{background:#e67e2226;transform:translateY(-2px)}.pet-actions-divider{background:#ffffff0d;height:1px;margin:5px 0}.pet-management-btns{flex-wrap:wrap;gap:12px;display:flex}.btn-pet-manage{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;flex:calc(50% - 6px);justify-content:center;align-items:center;gap:8px;min-width:100px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-pet-manage.edit{color:var(--text-white);background:#ffffff0d;border-color:#ffffff1a}.btn-pet-manage.edit:hover{border-color:var(--secondary-accent);background:#ffffff1a}.btn-pet-manage.delete{color:#ff5252;background:#ff52521a;border-color:#ff525233}.btn-pet-manage.delete:hover{background:#ff525233;border-color:#ff5252}.stats-grid{margin-bottom:32px}@media (width>=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-row-card{flex-direction:row;justify-content:space-between;align-items:center;gap:0;display:flex}.stat-col{flex-direction:column;flex:1;display:flex}.stat-col.left{text-align:left;align-items:flex-start}.stat-col.center{text-align:center;align-items:center}.stat-col.right{text-align:right;align-items:flex-end}.stat-divider{background:linear-gradient(#0000,#ffffff1a,#0000);width:1px;height:50px;margin:0 15px}@media (width<=768px){.stat-row-card{flex-direction:column;align-items:stretch;gap:16px}.stat-col.left,.stat-col.center,.stat-col.right{text-align:center;align-items:center}.stat-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:1px;margin:8px 0}}.stat-card.v1-style,.glass-card.v1-style{gap:8px;min-height:140px;padding:24px 28px}.stat-card.v1-style .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px;opacity:.8;margin:0;font-size:.75rem;font-weight:700}.stat-card.v1-style h3{letter-spacing:-1px;margin:0;font-size:2.2rem;font-weight:800;line-height:1.1}.stat-card.v1-style .stat-sublabel{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin:0;font-size:.8rem;font-weight:600}.stat-card.v1-style h3.status-active{color:var(--success)}.stat-card.v1-style h3.status-past-due{color:var(--danger)}.badge{background:var(--primary-accent);color:#fff;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card.selected{box-shadow:0 0 30px #8fa67126;border-color:var(--secondary-accent)!important;background:#8fa67114!important}.glass-card.feeding-active{animation:2s infinite feedingPulse;box-shadow:0 0 25px #e67e2226;border-color:var(--primary-accent)!important;background:#e67e220d!important}@keyframes feedingPulse{0%{border-color:var(--primary-accent);transform:scale(1);box-shadow:0 0 15px #e67e2226}50%{border-color:#f39c12;transform:scale(1.008);box-shadow:0 0 35px #e67e2266}to{border-color:var(--primary-accent);transform:scale(1);box-shadow:0 0 15px #e67e2226}}.record-item{background:#ffffff05;border:1px solid #0000;border-radius:16px;margin-bottom:12px;padding:16px;transition:all .2s}.record-item:hover{border-color:var(--glass-border);background:#ffffff0a}.auth-form,.modal-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-row{gap:20px;display:flex}.input-row .input-group{flex:1}@media (width<=600px){.input-row{flex-direction:column;gap:20px}}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-left:4px;font-size:.75rem;font-weight:700}.input-group input,.input-group select,.input-group textarea,input[type=date],select{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff08;border-radius:14px;outline:none;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238fa671' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:44px}.password-wrapper{width:100%;position:relative}.password-toggle{color:var(--text-secondary);cursor:pointer;z-index:10;opacity:.6;padding:8px;transition:all .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:var(--secondary-accent);opacity:1}.password-wrapper input{padding-right:48px!important}.status-active{color:var(--success);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.status-active i{font-size:.6rem}.role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.btn-action:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff4d}.btn-action.delete:hover{color:var(--danger);background:#ff52521a;border-color:#ff52524d}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary-accent);background:#ffffff0f;box-shadow:0 0 0 4px #7c4dff26}.input-group input:hover,.input-group select:hover{border-color:#fff3}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.5;cursor:pointer}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238fa671'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px!important}select option{color:var(--text-primary);background-color:#fff;padding:12px}.input-group input:focus,.input-group select:focus,select:focus{border-color:var(--secondary-accent);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #00e5ff1a}.btn-primary{background:linear-gradient(135deg, var(--primary-accent), var(--secondary-accent));color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c4dff66}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:14px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff1a}.modal{z-index:1000;opacity:1;visibility:visible;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);background:#fffc;border-radius:32px;width:90%;max-width:600px;padding:32px;animation:.4s cubic-bezier(.16,1,.3,1) modalIn;position:relative;box-shadow:0 25px 50px -12px #00000026}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content h3{color:var(--text-primary);margin-bottom:24px;font-size:1.5rem;font-weight:700}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=480px){.form-grid{grid-template-columns:1fr}}.modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.hidden{display:none!important}.error-msg{color:var(--danger);text-align:center;background:#d9534f0d;border:1px solid #d9534f33;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:14px 18px;font-size:.9rem;animation:.4s ease-in-out shake;display:flex}.error-msg:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.toggle-auth{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:.9rem}.toggle-auth a{color:var(--secondary-accent);font-weight:700;text-decoration:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.sidebar{width:80px;padding:1.5rem .5rem}.sidebar span,.logo text,.sidebar-footer span{display:none}.sidebar .logo{justify-content:center}.sidebar .nav-item{justify-content:center;padding:1rem 0}.main-content{width:auto;margin-left:80px;padding:2rem}.stats-grid,.profile-top-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:1.5rem 1.5rem 120px}.content-header{gap:8px;margin-bottom:1rem;flex-flow:row!important;justify-content:space-between!important;align-items:center!important}.header-actions{justify-content:flex-end;align-items:center;gap:8px;width:auto;display:flex}.profile-avatar-container{width:80px;height:80px}.user-header-info{gap:16px}.user-meta h3{font-size:1.4rem}.sidebar-footer span{display:none}@media (width<=400px){.tenant-name,.user-name{display:none}.pill-content{gap:0;padding:6px}.beta-tag{display:none}}}.cropper-container{border-radius:12px}.cropper-view-box,.cropper-face{border-radius:50%}.cropper-modal{opacity:.8;background-color:#1a1b22}.pet-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-card:hover{border-color:var(--primary-accent);transform:translateY(-8px);box-shadow:0 15px 30px #0000004d}.avatar-small{border:2px solid #0000;transition:all .3s}.member-card:hover .avatar-small{border-color:var(--primary-accent);transform:scale(1.05)}.profile-photo-container label:hover{background:#6a3de8;transform:scale(1.1)}#toast-container{z-index:100001;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);z-index:100001;background:#fffffff2;border-radius:18px;align-items:center;gap:14px;min-width:320px;max-width:500px;padding:14px 22px;font-size:.92rem;font-weight:600;transition:all .3s;animation:.5s cubic-bezier(.16,1,.3,1) toastIn;display:flex;box-shadow:0 15px 35px -10px #0000001a}.toast i{flex-shrink:0;font-size:1.2rem}.toast.success{border-left:5px solid var(--success)}.toast.success i{color:var(--success)}.toast.error{border-left:5px solid var(--danger)}.toast.error i{color:var(--danger)}.toast.warning{border-left:5px solid var(--warning)}.toast.warning i{color:var(--warning)}.toast.info{border-left:5px solid var(--info)}.toast.info i{color:var(--info)}.toast.hide{opacity:0;transform:translate(50px)scale(.9)}@keyframes toastIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.profile-user-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);text-align:center;box-shadow:var(--shadow-xl);border-radius:24px;flex-direction:column;align-items:center;padding:30px;display:flex}.profile-avatar-wrapper{width:120px;height:120px;margin-bottom:20px;position:relative}#profile-avatar-img{object-fit:cover;border:4px solid var(--glass-border);border-radius:50%;width:100%;height:100%;box-shadow:0 12px 24px #0006}.edit-avatar-btn{background:var(--primary-accent);color:#fff;cursor:pointer;z-index:25;border:3px solid #1a1b23;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 4px 12px #0006}.pet-avatar-frame .edit-avatar-btn{width:32px;height:32px;bottom:-8px;right:-8px}.edit-avatar-btn i{font-size:16px;color:#fff!important}.edit-avatar-btn:hover{background:var(--secondary-accent);transform:scale(1.1)rotate(15deg);box-shadow:0 6px 16px #00000080}.user-header-info{align-items:center;gap:24px;margin-bottom:0;padding:4px 0;display:flex}.user-meta h3{letter-spacing:-.02em;margin:0 0 4px;font-size:1.8rem;font-weight:800}.members-table{border-spacing:0 8px;border-collapse:separate;width:100%}.members-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;opacity:.7;padding:12px 16px;font-size:.7rem;font-weight:700}.members-table tr td{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:#ffffff05;padding:16px;font-size:.9rem}.members-table tr td:first-child{border-left:1px solid var(--glass-border);border-top-left-radius:16px;border-bottom-left-radius:16px}.members-table tr td:last-child{border-right:1px solid var(--glass-border);border-top-right-radius:16px;border-bottom-right-radius:16px}.role-badge{text-transform:uppercase;border-radius:8px;padding:6px 12px;font-size:.65rem;font-weight:800;display:inline-flex}.role-badge.admin{color:var(--primary-accent);background:#8fa67126;border:1px solid #8fa67133}.role-badge.tutor{color:var(--secondary-accent);background:#8fa6711a;border:1px solid #8fa67133}.status-indicator{align-items:center;gap:8px;font-weight:500;display:inline-flex}.status-indicator:before{content:"";background:var(--success);width:8px;height:8px;box-shadow:0 0 10px var(--success);border-radius:50%}@media (width<=600px){.members-table th{display:none}.members-table td{padding:12px 10px;font-size:.8rem}.main-content{padding:1rem}.gradient-text{font-size:2rem}.pet-card{padding:16px}}canvas{max-width:100%!important}.mobile-nav{-webkit-backdrop-filter:blur(25px);z-index:1000;background:#121217d9;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;height:75px;padding:0 10px 10px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:#fff6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mobile-nav-item i{font-size:1.3rem;transition:transform .3s}.mobile-nav-item.active{color:var(--secondary-accent)}.mobile-nav-item.active i{text-shadow:0 0 15px #8fa67166;transform:translateY(-3px)}@media (width<=768px){.mobile-nav{display:flex}.main-content{padding-bottom:100px}}.glass-select{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;appearance:none;background:#ffffff0d;border-radius:12px;outline:none;padding:8px 16px;font-family:Outfit,sans-serif;transition:all .3s}.glass-select:focus{border-color:var(--secondary-accent);background:#ffffff1a}.dashboard-charts{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px;display:grid}.chart-container{flex-direction:column;height:380px;padding:24px;display:flex}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.chart-header.header-nutrition{margin-bottom:12px}.chart-header select{width:auto;min-width:180px}@media (width<=600px){.dashboard-charts{grid-template-columns:1fr;gap:16px}.chart-container.glass-card{height:auto;padding:16px}.chart-header{flex-direction:column;margin-bottom:16px;align-items:flex-start!important;gap:12px!important}.chart-header h2,.chart-header h3{font-size:1.1rem!important}.glass-select{width:100%}.chart-header select{width:100%!important;min-width:unset!important}}.action-buttons{justify-content:flex-end;gap:8px;display:flex}.btn-action{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-action:hover{border-color:var(--secondary-accent);color:var(--secondary-accent);background:#ffffff1a;transform:translateY(-2px)}.btn-action.delete:hover{border-color:var(--danger);color:var(--danger);background:#ff52521a}.btn-action i{font-size:.9rem}.tenant-selector-pill .pill-avatar{justify-content:center;align-items:center;display:flex;border-color:var(--secondary-accent)!important;background:#8fa6711a!important}.tenant-selector-pill .pill-avatar i{color:var(--secondary-accent);font-size:.9rem}.tenant-selector-pill .tenant-name{color:var(--text-primary);letter-spacing:-.01em;font-size:.9rem;font-weight:700}.tenant-selector-pill .pill-dropdown{left:0;right:auto}.swal2-popup{color:var(--text-primary)!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:28px!important;padding:2rem!important;box-shadow:0 25px 50px -12px #0006!important}.swal2-title{color:var(--text-primary)!important;letter-spacing:-.02em!important;font-family:Outfit,sans-serif!important;font-weight:800!important}.swal2-html-container{opacity:.9;color:var(--text-secondary)!important;font-family:Outfit,sans-serif!important;font-size:1rem!important;line-height:1.6!important}.swal2-confirm{background:linear-gradient(135deg, var(--primary-accent), var(--secondary-accent))!important;border-radius:14px!important;padding:12px 30px!important;font-weight:700!important;transition:all .3s!important;box-shadow:0 4px 15px #e67e2233!important}.swal2-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e67e224d!important}.swal2-cancel{color:var(--text-secondary)!important;background:#0000000d!important;border-radius:14px!important;padding:12px 30px!important;font-weight:600!important;transition:all .3s!important}.swal2-icon.swal2-question{border-color:var(--secondary-accent)!important;color:var(--secondary-accent)!important}.swal2-icon.swal2-warning{color:#ff5252!important;border-color:#ff5252!important}.swal2-icon.swal2-success{border-color:var(--secondary-accent)!important}.swal2-success-ring{border-color:#8fa6714d!important}.swal2-success-line-tip,.swal2-success-line-long{background-color:var(--secondary-accent)!important}.activity-feed{flex-direction:column;gap:12px;display:flex}.activity-item{background:#fff6;border:1px solid #fff3;border-radius:16px;align-items:center;gap:16px;padding:12px;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) slideInLeft;display:flex}.activity-item:hover{border-color:var(--secondary-accent);background:#ffffffb3;transform:translate(5px)}.activity-icon-container{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.activity-content{flex-direction:column;flex:1;gap:2px;display:flex}.activity-description{color:var(--text-primary);font-size:.95rem;font-weight:500}.activity-description strong{color:var(--primary-accent)}.activity-meta{color:var(--text-secondary);align-items:center;gap:12px;font-size:.75rem;display:flex}.activity-time{align-items:center;gap:4px;display:flex}.activity-user{color:var(--secondary-accent);align-items:center;gap:4px;font-weight:600;display:flex}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.activity-weight{color:var(--primary-accent);background:#e67e221a}.activity-feeding{color:var(--secondary-accent);background:#8fa6711a}.activity-security{color:var(--danger);background:#d9534f1a}.activity-default{color:var(--text-secondary);background:#0000000d}.btn-pagination{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;background:#8fa6711a;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-pagination:hover:not(.disabled){border-color:var(--secondary-accent);background:#8fa67133;transform:translateY(-1px)}.btn-pagination.disabled{opacity:.3;cursor:default}.auth-legal-footer{color:var(--text-secondary);opacity:.8;justify-content:center;gap:15px;margin-top:2rem;font-size:.75rem;display:flex}.auth-legal-footer a,.sidebar-legal a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.auth-legal-footer a:hover,.sidebar-legal a:hover{color:var(--secondary-accent);text-decoration:underline}.sidebar-legal{color:var(--text-secondary);opacity:.7;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:1rem;font-size:.7rem;display:flex}.sidebar-legal span{opacity:.5}.custom-chart-legend{color:var(--text-primary);justify-content:center;gap:24px;margin-bottom:16px;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:8px;font-weight:500;display:flex}.legend-color-box{border-radius:4px;width:14px;height:14px;display:inline-block;box-shadow:0 2px 4px #0000000d}.legend-color-box.seco{background-color:#8fa671;border:1.5px solid #fff3}.legend-color-box.humedo{background-color:#e67e22;border:1.5px solid #fff3}.onboarding-widget{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;margin:16px 0 32px;padding:24px;animation:.4s cubic-bezier(.4,0,.2,1) slideDown}.onboarding-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.onboarding-header h4{color:var(--secondary-accent);margin:0 0 4px;font-size:1.2rem}.onboarding-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.btn-skip{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:6px 12px;font-size:.8rem;transition:all .2s}.btn-skip:hover{color:#ff5252;background:#ff52521a;border-color:#ff52524d}.onboarding-steps{flex-direction:column;gap:12px;margin:0 0 20px;padding:0;list-style:none;display:flex}.onboarding-step{color:var(--text-primary);align-items:center;gap:12px;font-size:.95rem;display:flex}.onboarding-step.completed{color:var(--text-secondary);opacity:.7;text-decoration:line-through}.step-icon{border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.onboarding-step.completed .step-icon{border-color:var(--success);background:var(--success)}.onboarding-step.completed .step-icon:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.btn-step-action{color:#00e5ff;cursor:pointer;background:#00e5ff1a;border:1px solid #00e5ff4d;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:.75rem;transition:all .2s}.btn-step-action:hover{color:#000;background:#00e5ff}.onboarding-progress-bar{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary-accent), var(--secondary-accent));width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.tooltip-guide{color:#fff;z-index:1000;pointer-events:none;background:#0d0e12fa;border:1px solid #00e5ff66;border-radius:12px;max-width:250px;padding:12px 16px;font-size:.85rem;animation:2s ease-in-out infinite pulseTooltip;position:absolute;box-shadow:0 8px 32px #00000080}.tooltip-guide:after{content:"";border-style:solid;border-width:6px;position:absolute}.tooltip-guide.bottom:after{border-color:#0000 #0000 #00e5ff66;bottom:100%;left:50%;transform:translate(-50%)}@keyframes pulseTooltip{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px),(height<=750px){#auth-view{align-items:center;padding:10px 8px!important}#auth-view .auth-card{max-width:380px;border-radius:20px!important;padding:20px 16px!important;box-shadow:0 10px 25px -5px #0000000d!important}.auth-header-logo{max-width:130px!important;margin:8px auto!important}#auth-view h2{margin-bottom:4px!important;font-size:1.4rem!important}#auth-view .subtitle{margin-bottom:16px!important;font-size:.85rem!important}#auth-view .auth-form{gap:12px!important}#auth-view .input-group{gap:4px!important}#auth-view .input-group label{margin-bottom:2px!important;font-size:.7rem!important}#auth-view input{border-radius:10px!important;padding:10px 14px!important;font-size:.9rem!important}#auth-view button[type=submit]{border-radius:10px!important;padding:10px 20px!important;font-size:.95rem!important}#auth-view .toggle-auth{margin-top:10px!important;font-size:.8rem!important;line-height:1.4!important}#auth-view .auth-legal-footer{gap:4px!important;margin-top:1rem!important}}