@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerIn{0%{opacity:0}to{opacity:1}}@keyframes cardPopIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-border{0%,to{box-shadow:0 8px 24px rgba(18,140,126,.2)}50%{box-shadow:0 8px 32px rgba(18,140,126,.35)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes modalBounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(255,215,0,.5)}50%{transform:scale(1.1);box-shadow:0 6px 20px rgba(255,215,0,.8)}}@keyframes iconGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes titleShine{0%,to{text-shadow:0 2px 10px rgba(0,0,0,.3)}50%{text-shadow:0 0 20px rgba(255,255,255,.8),0 2px 10px rgba(0,0,0,.3)}}@keyframes benefitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes buttonShake{0%,90%,to{transform:translateX(0)}92%,96%{transform:translateX(-5px)}94%,98%{transform:translateX(5px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.2}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes slideDown{0%{transform:translateX(-50%) translateY(-100px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateX(-50%) translateY(0);opacity:1}to{transform:translateX(-50%) translateY(-100px);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#0057B7;--color-gold:#B8860B;--color-success:#B8860B;--color-info:#0088cc;--color-warning:#FFA500;--color-whatsapp:#128C7E;--color-danger:#dc3545;--color-dark:#1a1a1a;--color-gray:#666;--color-light-gray:#f5f5f5;--color-border:var(--color-gold);--color-white:#ffffff;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--shadow-hover:0 12px 32px rgba(0, 0, 0, 0.16);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:200ms ease;--transition-normal:300ms ease;--transition-slow:400ms ease}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(135deg,#0b3b40 0,#022326 40%,#1f1305 100%);min-height:100vh;color:var(--color-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--spacing-md);padding-bottom:90px!important;overflow-x:hidden}.container{max-width:600px;margin:0 auto;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;min-height:calc(100vh - 32px);display:flex;flex-direction:column;padding-bottom:80px!important}#ajax-content-container{flex:1;padding:var(--spacing-lg) var(--spacing-md);overflow-y:auto;background:var(--color-white)}#ajax-content-container::-webkit-scrollbar{width:8px}#ajax-content-container::-webkit-scrollbar-track{background:var(--color-light-gray);border-radius:4px}#ajax-content-container::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}#ajax-content-container::-webkit-scrollbar-thumb:hover{background:var(--color-success)}body.pwa-standalone .pwa-hide-logout{display:none!important}.app-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gold) 100%);color:var(--color-white);padding:var(--spacing-xl) var(--spacing-md);text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.app-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1)0,transparent 60%);pointer-events:none}.logo-container,.logo-icon{display:flex;align-items:center;justify-content:center}.logo-container{flex-direction:column;gap:var(--spacing-md);position:relative;z-index:1}.logo-icon{width:180px;height:180px;background:#fff;border-radius:var(--radius-lg);border:3px solid var(--color-gold);box-shadow:0 8px 24px rgba(0,0,0,.15);padding:var(--spacing-md);transition:all .3s ease}.logo-icon:hover{transform:scale(1.05);box-shadow:0 12px 32px rgba(0,0,0,.2)}.logo-icon img{width:100%;height:100%;object-fit:contain}.logo-text{text-align:center}.logo-text h1{font-size:24px;font-weight:700;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px}.logo-text p{opacity:.95}.header-actions{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.logo-text p,.user-greeting{font-size:14px;font-weight:500}.user-greeting{color:rgba(255,255,255,.95)}.login-btn,.logout-btn,.profile-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:6px}.login-btn:hover,.logout-btn:hover,.profile-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}.main-content{flex:1;padding:var(--spacing-lg) var(--spacing-md);padding-bottom:100px!important;margin-bottom:0!important}.welcome-text{text-align:center;margin-bottom:var(--spacing-xl);animation:fadeInUp .6s ease}.welcome-text h2{font-size:26px;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-sm);line-height:1.3}.card-content p,.welcome-text p{font-size:16px;color:var(--color-gray);font-weight:500}.action-card,.cards-grid{display:flex;gap:var(--spacing-md)}.cards-grid{flex-direction:column;animation:staggerIn .6s ease}.action-card{align-items:center;padding:var(--spacing-lg);background:radial-gradient(circle at top left,rgba(255,255,255,.96),rgba(249,250,251,.98));border:2px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-dark);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;opacity:0;transform:translateY(24px) scale(.98);animation:cardPopIn .6s cubic-bezier(.22,.61,.36,1) forwards}.action-card::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:currentColor;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.action-card::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,currentColor 0,transparent 100%);opacity:0;transition:opacity .3s ease}.action-card:active,.action-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-hover);border-color:currentColor}.action-card:hover::before{transform:scaleY(1)}.action-card:hover::after{opacity:.03}.card-content,.card-icon{position:relative;z-index:1}.card-icon{font-size:44px;flex-shrink:0;width:68px;height:68px;display:flex;align-items:center;justify-content:center;background:var(--color-light-gray);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card:hover .card-icon{transform:scale(1.15) rotate(8deg)}.card-content{flex:1}.card-content h3{font-size:18px;font-weight:600;margin-bottom:6px;color:inherit;letter-spacing:.3px}.card-content p{font-size:14px;line-height:1.5}.action-card:hover .card-arrow{opacity:1;transform:translateX(4px)}.cards-grid .action-card:nth-child(1){animation-delay:.1s}.cards-grid .action-card:nth-child(2){animation-delay:.18s}.cards-grid .action-card:nth-child(3){animation-delay:.26s}.cards-grid .action-card:nth-child(4){animation-delay:.34s}.cards-grid .action-card:nth-child(5){animation-delay:.42s}.card-primary,.footer-links a{color:var(--color-primary)}.card-primary .card-icon{background:rgba(0,87,183,.1)}.card-success,.footer-links a:hover{color:var(--color-success)}.card-success .card-icon{background:rgba(37,211,102,.1)}.card-info{color:var(--color-info)}.card-info .card-icon{background:rgba(0,136,204,.1)}.card-warning{color:var(--color-warning)}.card-warning .card-icon{background:rgba(255,165,0,.1)}.card-whatsapp{color:var(--color-whatsapp)}.card-whatsapp .card-icon{background:rgba(37,211,102,.1)}.card-primary{background:linear-gradient(135deg,rgba(0,95,184,.12)0,rgba(0,95,184,.02) 55%,#fff 100%)}.card-info{background:linear-gradient(135deg,rgba(0,136,204,.12)0,rgba(0,136,204,.02) 55%,#fff 100%)}.card-warning{background:linear-gradient(135deg,rgba(255,165,0,.16)0,rgba(255,165,0,.03) 55%,#fff 100%)}.card-whatsapp{background:linear-gradient(135deg,rgba(18,140,126,.16)0,rgba(18,140,126,.03) 55%,#fff 100%)}.card-install{background:linear-gradient(135deg,#e8f5e9 0,#c8e6c9 100%);border:2px solid #128c7e;box-shadow:0 8px 24px rgba(18,140,126,.2);cursor:default;position:relative;overflow:hidden;animation:pulse-border 2s ease-in-out infinite}.card-install::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 3s ease-in-out infinite}.card-install-btn{background:linear-gradient(135deg,#128c7e 0,#b8860b 100%);color:#fff;border:0;padding:20px 40px;border-radius:14px;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(18,140,126,.35);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;margin-top:16px;width:100%;min-height:64px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.5px}.card-install-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(18,140,126,.45)}.card-install-btn:active{transform:translateY(1px);box-shadow:0 3px 10px rgba(18,140,126,.35)}.card-install{padding:24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.card-install .card-content{width:100%;display:flex;flex-direction:column;align-items:center}.app-footer{background:var(--color-light-gray);padding:var(--spacing-lg) var(--spacing-md);text-align:center;border-top:1px solid var(--color-border)}.app-footer p{font-size:12px;color:var(--color-gray);margin-bottom:var(--spacing-xs)}.footer-links{margin-top:var(--spacing-sm)}.footer-links a{text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{text-decoration:underline}.install-overlay{background:rgba(0,0,0,.92);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);animation:fadeIn .5s ease}.install-modal{background:linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%);padding:0;animation:modalBounceIn .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.install-badge{text-transform:uppercase;animation:badgePulse 2s ease-in-out infinite}.install-close{background:rgba(255,255,255,.2);backdrop-filter:blur(10px)}.install-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg) scale(1.1)}.install-content{color:#fff}.install-icon-wrapper{display:inline-block}.install-icon-bg{top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.3)0,transparent 70%)}.install-icon{background:#fff;animation:iconBounce 1s ease-in-out infinite}.install-title{margin:0 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:titleShine 3s ease-in-out infinite}.install-subtitle{margin:0 0 24px;opacity:.95}.install-benefits{flex-wrap:wrap}.benefit{padding:12px 16px;background:rgba(255,255,255,.15);border-radius:12px;backdrop-filter:blur(10px);transition:all .3s ease;min-width:90px}.benefit:hover{background:rgba(255,255,255,.25);transform:translateY(-4px)}.benefit-icon{animation:benefitFloat 2s ease-in-out infinite}.benefit:nth-child(1) .benefit-icon{animation-delay:0s}.benefit:nth-child(2) .benefit-icon{animation-delay:.3s}.benefit:nth-child(3) .benefit-icon{animation-delay:.6s}.install-button{background:linear-gradient(135deg,gold 0,#ff6b35 100%);transition:all .3s ease;animation:buttonShake 3s ease-in-out infinite}.install-button:hover{transform:translateY(-4px) scale(1.02)}.install-button:active{transform:translateY(-2px) scale(.98)}.button-shine{background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.install-footer{opacity:.85}@media (max-width:480px){.install-modal{width:95%;border-radius:20px}.install-content{padding:16px 20px 24px}.install-icon{font-size:64px;width:80px;height:80px}.install-icon-bg{width:100px;height:100px}.install-title{font-size:24px}.install-subtitle{font-size:14px}.benefit{padding:10px 12px;min-width:80px}.benefit-icon{font-size:24px}.benefit-text{font-size:11px}.install-button{font-size:16px;padding:16px 20px}body{padding:0}.container{border-radius:0;min-height:100vh}.logo-icon{font-size:40px;width:120px;height:120px}.logo-text h1{font-size:18px}.card-content p,.logo-text p{font-size:12px}.welcome-text h2{font-size:22px}.action-card{padding:var(--spacing-md)}.card-icon{font-size:36px;width:56px;height:56px}.card-content h3{font-size:16px}.bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:99999!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:60px!important}.container{padding-bottom:90px!important;margin-bottom:0!important}}.bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:linear-gradient(180deg,rgba(255,255,255,.98)0,#fff 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);box-shadow:0-4px 20px rgba(0,0,0,.08);padding:8px 0 max(8px,env(safe-area-inset-bottom));display:flex!important;visibility:visible!important;justify-content:center;gap:8px;align-items:center;z-index:9999!important;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%!important;max-width:100%!important}.nav-icon,.nav-item{transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#6b7280;font-size:11px;font-weight:600;padding:8px 16px;border-radius:12px;position:relative;min-width:70px;letter-spacing:.3px}.nav-item:active,.nav-item:hover{color:#128c7e;background:linear-gradient(135deg,rgba(18,140,126,.08)0,rgba(37,211,102,.05) 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(18,140,126,.15)}.nav-item.active{color:#128c7e;font-weight:700;background:linear-gradient(135deg,rgba(18,140,126,.12)0,rgba(37,211,102,.08) 100%)}.nav-item.active::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg,#128c7e 0,#b8860b 100%);border-radius:3px 3px 0 0;box-shadow:0-2px 8px rgba(18,140,126,.3)}.nav-icon{font-size:24px;margin-bottom:4px;filter:grayscale(.2)}.nav-item:hover .nav-icon{transform:scale(1.15);filter:grayscale(0)}.nav-item.active .nav-icon{transform:scale(1.1);filter:grayscale(0) drop-shadow(0 2px 4px rgba(18,140,126,.2))}.container{}.install-banner,.y1{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999998;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.install-banner.show,.y1.show{opacity:1;pointer-events:all}.install-overlay,.y2{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.install-modal,.y3{position:relative;background:linear-gradient(135deg,#fff 0,#f8f9fa 100%);border-radius:24px;max-width:440px;width:90%;margin:0 auto;box-shadow:0 24px 64px rgba(0,0,0,.4);transform:scale(.9);transition:transform .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.install-banner.show .install-modal,.y1.show .y3{transform:scale(1)}.install-header,.y4{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.install-badge,.y5{background:linear-gradient(135deg,gold 0,orange 100%);color:#1a1a1a;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:800;letter-spacing:.5px;box-shadow:0 4px 12px rgba(255,165,0,.3)}.install-close,.y6{background:rgba(0,0,0,.05);border:0;width:36px;height:36px;border-radius:50%;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.install-close:hover,.y6:hover{background:rgba(0,0,0,.1);color:#1a1a1a;transform:rotate(90deg)}.install-content,.y7{padding:24px 28px 28px;text-align:center}.install-icon-wrapper,.y8{position:relative;width:100px;height:100px;margin:0 auto 20px}.install-icon,.install-icon-bg,.y10,.y9{background:linear-gradient(135deg,#128c7e 0,#b8860b 100%);border-radius:24px}.install-icon-bg,.y9{position:absolute;inset:0;animation:pulse 2s ease-in-out infinite}.install-icon,.y10{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:52px;box-shadow:0 12px 32px rgba(18,140,126,.3)}.install-title,.y11{font-size:26px;font-weight:800;color:#1a1a1a;margin-bottom:10px;line-height:1.2}.install-subtitle,.y12{font-size:15px;color:#666;margin-bottom:24px;line-height:1.5}.install-benefits,.y13{display:flex;justify-content:space-around;gap:12px;margin-bottom:28px;padding:0 8px}.benefit,.y14{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.benefit-icon,.y15{font-size:28px;display:block}.benefit-text,.y16{font-size:12px;font-weight:600;color:#1a1a1a;text-align:center;line-height:1.3}#pageLoader,.install-button,.y17{width:100%;background:linear-gradient(135deg,#128c7e 0,#b8860b 100%)}.install-button,.y17{color:#fff;border:0;padding:18px 32px;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(18,140,126,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}.install-button:hover,.y17:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(18,140,126,.5)}.install-button:active,.y17:active{transform:translateY(0)}.button-shine,.y18{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine 3s infinite}.button-text,.y19{position:relative;z-index:1}.install-footer,.y30{font-size:12px;color:#999;margin-top:16px;font-weight:500}@media (max-width:480px){.install-modal,.y3{border-radius:20px;width:94%}.install-title,.y11{font-size:22px}.install-subtitle,.y12{font-size:14px}.benefit-text,.y16{font-size:11px}.install-button,.y17{font-size:15px;padding:16px 28px}}@media print{.bottom-nav,.install-banner{display:none}}#pageLoader{position:fixed;top:0;left:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;transition:opacity .3s ease}#pageLoader.hidden{opacity:0;pointer-events:none}.loader-icon{font-size:72px;animation:bounce 1s ease infinite}.loader-text{color:#fff;font-size:20px;font-weight:700;margin-top:20px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}