@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-body:#0f172a;--bg-card:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#8b5cf6;--primary-glow:#8b5cf666;--glass-border:#ffffff1a;--nav-bg:#0f172acc;--input-bg:#ffffff0d;--danger:#ef4444;--success:#22c55e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-body);color:var(--text-main);background-image:radial-gradient(circle at 0 0,#8b5cf60d 0%,#0000 50%),radial-gradient(circle at 100% 100%,#06b6d40d 0%,#0000 50%);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}#app{flex-direction:column;flex:1;width:100%;max-width:500px;margin:0 auto;padding:1rem 1rem 6rem;display:flex}.category-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;margin-top:4px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.tag-kerja{color:#3b82f6;background:#3b82f626}.tag-pribadi{color:#a78bfa;background:#a78bfa26}.tag-belanja{color:#f59e0b;background:#f59e0b26}.tag-kesehatan{color:#10b981;background:#10b98126}.tag-umum{color:#94a3b8;background:#94a3b826}.pwa-banner{background:linear-gradient(135deg, var(--primary), #7c3aed);box-shadow:0 4px 12px var(--primary-glow);border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;margin:0 1.25rem 1.25rem;padding:.4rem .75rem;animation:.5s ease-out slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.pwa-banner-content{color:#fff;align-items:center;gap:.5rem;display:flex}.pwa-banner-content i{flex-shrink:0;width:16px;height:16px}.pwa-banner-content span{font-size:.68rem;font-weight:600;line-height:1.2}.pwa-banner-actions{align-items:center;gap:.35rem;display:flex}.btn-pwa-install{color:var(--primary);cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:6px;padding:.25rem .5rem;font-size:.65rem;font-weight:700;transition:all .2s}.btn-pwa-install:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.btn-pwa-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.btn-pwa-close:hover{background:#ffffff4d}.btn-pwa-close i{width:10px;height:10px}header{z-index:100;-webkit-backdrop-filter:blur(15px);background:#0f172ab3;border-bottom:1px solid #ffffff0d;margin-bottom:2rem;padding:1.25rem 0;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;max-width:500px;margin:0 auto;padding:0 1.5rem;display:flex}.logo-wrapper{align-items:center;gap:.85rem;display:flex}.logo-circle{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;width:40px;height:40px;box-shadow:0 4px 15px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.logo-circle i{width:20px;height:20px}.logo-text h1{letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#a78bfa,#22d3ee,#fff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:0;font-size:1.4rem;font-weight:800;line-height:1;animation:4s linear infinite shine}@keyframes shine{to{background-position:200%}}.subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:.75rem;font-weight:500}.btn-profile{border:2px solid var(--glass-border);background:var(--bg-card);cursor:pointer;border-radius:50%;width:42px;height:42px;padding:0;transition:all .3s;overflow:hidden}.btn-profile:hover{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.1)rotate(5deg)}.btn-profile img{object-fit:cover;width:100%;height:100%}.input-section{margin-bottom:2.5rem}.chart-section{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;margin-bottom:2rem;padding:1.25rem;box-shadow:0 10px 30px #0003}.chart-container-main{width:100%;height:200px;margin-top:1rem;position:relative}.main-input-wrapper{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;align-items:center;padding:.5rem;transition:all .3s;display:flex;position:relative;box-shadow:0 10px 25px -5px #0000004d}.main-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}#task-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:1rem 6rem 1rem 1rem;font-family:inherit;font-size:1.1rem}#task-input::placeholder{color:var(--text-muted)}.btn-voice-mini,.btn-add-mini{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute}.btn-voice-mini{background:linear-gradient(135deg, var(--danger), #be123c);opacity:.8;right:3.5rem}.btn-voice-mini:hover{opacity:1}.btn-add-mini{background:linear-gradient(135deg, var(--primary), #7c3aed);right:.5rem;box-shadow:0 4px 12px #8b5cf666}.btn-add-mini:hover{transform:scale(1.05)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;background:#0f172ae6;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:none;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;display:flex}.modal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;width:92%;max-width:400px;max-height:90vh;padding:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(20px)scale(.95);box-shadow:0 25px 50px #00000080}.modal-overlay.active .modal-card{transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h3{color:var(--text-main);font-weight:600}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .2s;display:flex}.btn-icon:hover{color:var(--danger)}.modal-body{scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;margin-bottom:1rem;padding-right:8px;overflow-y:auto}.modal-footer{border-top:1px solid var(--glass-border);margin-top:.5rem;padding-top:1.25rem}.form-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.5rem;display:grid}.form-group{flex-direction:column;gap:0;margin-bottom:.5rem;display:flex}.modal-body input,.modal-body select{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;height:42px;color:var(--text-main);border-radius:12px;outline:none;font-family:inherit;font-size:.9rem;transition:all .3s;padding:0 .75rem!important}.modal-body input:focus,.modal-body select:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:#ffffff0d}.form-group label{color:var(--text-muted);padding-left:4px;font-size:.8rem;font-weight:600}.input-with-icon{width:100%;position:relative}.input-with-icon i{width:18px;height:18px;color:var(--primary);pointer-events:none;opacity:.8;z-index:10;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon input,.input-with-icon select{background:var(--input-bg);border:1px solid var(--glass-border);height:44px;color:var(--text-main);border-radius:12px;outline:none;width:100%;font-family:inherit;font-size:.95rem;transition:all .3s;padding:0 1rem 0 38px!important}.input-with-icon input:focus,.input-with-icon select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#ffffff14}.input-with-icon select option{color:#fff;background-color:#1e293b}[data-theme=light] .input-with-icon select option{color:#1e293b;background-color:#fff}.btn-primary,.btn-add-large{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;cursor:pointer;width:100%;height:54px;box-shadow:0 8px 20px var(--primary-glow);border:none;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.btn-primary:hover,.btn-add-large:hover{filter:brightness(1.1);box-shadow:0 12px 25px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active,.btn-add-large:active{transform:scale(.98)}.todo-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.todo-item{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s;animation:.4s ease-out forwards slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.todo-item:hover{background:#ffffff0d;transform:scale(1.02)}.todo-item.completed{opacity:.6}.todo-item.completed .task-text{color:var(--text-muted);text-decoration:line-through}.checkbox{border:2px solid var(--primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.todo-item.completed .checkbox{background:var(--primary)}.checkbox i{color:#fff;font-size:14px;display:none}.todo-item.completed .checkbox i{display:block}.task-text{word-break:break-word;flex:1;font-size:1.05rem}.task-info{flex-direction:column;flex:1;display:flex}.celebration-card{text-align:center;animation:.6s cubic-bezier(.175,.885,.32,1.275) celebrate;border:1px solid var(--primary)!important;background:linear-gradient(135deg,#8b5cf633,#06b6d433)!important;border-radius:24px!important;padding:2rem 1.5rem!important}@keyframes celebrate{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.congrats-icon{color:#fbbf24;filter:drop-shadow(0 0 12px #fbbf2499);width:48px;height:48px;margin-bottom:1rem}.celebration-card h4{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.celebration-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.profile-card{border:1px solid var(--glass-border);background:linear-gradient(135deg,#8b5cf61a,#22d3ee1a);border-radius:24px;margin-bottom:2rem;padding:1.5rem}.profile-info-main{align-items:center;gap:1.25rem;display:flex}.profile-large-img{border:2px solid var(--primary);border-radius:20px;width:64px;height:64px}.profile-text-main h2{color:var(--text-main);margin-bottom:.25rem;font-size:1.25rem}.profile-text-main p{color:var(--primary);text-transform:uppercase;font-size:.8rem;font-weight:600}.report-section{padding-bottom:5rem}.report-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.report-stat-card{background:var(--bg-card);border:1px solid var(--glass-border);text-align:center;border-radius:20px;padding:1.5rem 1rem}.report-val{color:#10b981;margin-bottom:.25rem;font-size:1.75rem;font-weight:800;display:block}.report-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.monthly-list-container h4{color:var(--text-main);margin-bottom:1rem;font-size:.9rem}.monthly-list{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.monthly-item{background:#ffffff08;border-left:3px solid #10b981;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.monthly-item span{color:var(--text-main);font-size:.9rem}.monthly-date{color:var(--text-muted);font-size:.7rem}.list-header-flex{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.btn-download-premium{color:#10b981;cursor:pointer;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.btn-download-premium:hover{color:#fff;background:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-download-premium i{width:16px;height:16px}.avatar-container{width:64px;height:64px;position:relative}.btn-edit-avatar{background:var(--primary);color:#fff;cursor:pointer;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s;display:flex;position:absolute;bottom:-4px;right:-4px}.btn-edit-avatar:hover{transform:scale(1.1)}.btn-edit-avatar i{width:12px;height:12px}.settings-section{margin-bottom:2.5rem}.settings-list{flex-direction:column;gap:.75rem;display:flex}.setting-item{border:1px solid var(--glass-border);width:100%;color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:16px;align-items:center;gap:1rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:all .3s;display:flex}.setting-item:hover{background:#ffffff0f;transform:translate(5px)}.setting-icon-bg{width:36px;height:36px;color:var(--primary);background:#a78bfa1a;border-radius:10px;justify-content:center;align-items:center;display:flex}.setting-icon-bg i{width:18px;height:18px}.setting-arrow{width:16px;height:16px;color:var(--text-muted);margin-left:auto}.setting-item.logout{border-color:#ef444433}.setting-item.logout:hover{background:#ef44440d}#focus-task-container,#today-tasks-container{min-height:20px}.task-meta-container{flex-wrap:wrap;gap:.75rem;margin-top:4px;display:flex}.task-meta{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.meta-icon{opacity:.7;width:12px;height:12px}.btn-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px;transition:color .2s}.btn-delete:hover{color:var(--danger)}.empty-state{text-align:center;color:var(--text-muted);margin-top:2rem}.empty-state i{opacity:.2;margin-bottom:1rem;font-size:4rem;display:block}@keyframes pulse-voice{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 15px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.pagination-container{border:1px solid var(--glass-border);background:#ffffff05;border-radius:16px;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:.5rem;display:flex}.btn-pagination{color:var(--primary);cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.btn-pagination:hover:not(:disabled){background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-2px)}.btn-pagination:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.page-indicator{color:var(--text-muted);font-size:.85rem;font-weight:500}@media (width<=480px){.form-grid{grid-template-columns:1fr;gap:.75rem}.form-group{margin-bottom:.75rem}.modal-card{width:94%;max-height:85vh;padding:1.25rem}.modal-header{margin-bottom:1rem;padding-bottom:.75rem}.input-with-icon input,.input-with-icon select{height:48px}h1{font-size:1.8rem}.task-creator-card{padding:1rem}}.bottom-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);width:100%;max-width:500px;padding:.75rem 1rem;padding-bottom:env(safe-area-inset-bottom,1rem);z-index:100;background:#141928e6;border-top:1px solid #ffffff1a;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 40px #00000080}.nav-item{color:#64748b;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.6rem .2rem;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{color:#f1f5f9;background:#ffffff0d}.nav-item i{width:22px;height:22px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.nav-item span{letter-spacing:.3px;font-size:.65rem;font-weight:500;transition:all .3s}.nav-item.active{color:#fff;background:linear-gradient(145deg,#8b5cf633,#06b6d41a);box-shadow:inset 0 1px 1px #ffffff0d}.nav-item.active i{color:#a78bfa;filter:drop-shadow(0 4px 6px #8b5cf666);transform:translateY(-2px)scale(1.15)}.nav-item.active span{color:#a78bfa;font-weight:700}.view{animation:.3s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-section{margin-bottom:2rem}.welcome-section h2{color:var(--text-main);margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.welcome-section p{color:var(--text-muted);font-weight:300}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem .75rem;display:flex}.stat-card.highlight{border-color:var(--primary);background:#8b5cf61a}.stat-value{color:var(--text-main);font-size:1.5rem;font-weight:700}.stat-card.highlight .stat-value{color:var(--primary)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.tasks-tab-container{border:1px solid var(--glass-border);background:#ffffff08;border-radius:16px;gap:.5rem;margin-bottom:2rem;padding:.4rem;display:flex}.task-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.task-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.tab-badge{color:#fff;background:#ffffff26;border-radius:20px;min-width:20px;padding:.1rem .5rem;font-size:.7rem}.task-tab.active .tab-badge{background:#ffffff40}.date-group{border:1px solid var(--glass-border);background:#ffffff05;border-radius:16px;margin-bottom:.6rem;transition:all .3s;overflow:hidden}.date-group.expanded{background:#ffffff0a}.date-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:flex-start;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .2s;display:flex}.date-group-header:hover{background:#ffffff0d}.date-header-left{align-items:center;gap:.75rem;display:flex}.chevron-icon{width:18px;height:18px;color:var(--text-muted);transition:transform .3s}.date-group.expanded .chevron-icon{color:var(--primary);transform:rotate(90deg)}.day-text{color:var(--text-main);text-transform:capitalize;font-size:1rem;font-weight:700}.date-text{color:var(--text-muted);margin-left:.25rem;font-size:.8rem}.count-pill{background:var(--primary);color:#fff;text-align:center;min-width:20px;box-shadow:0 4px 10px var(--primary-glow);border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.date-group-content{padding:0 .75rem .75rem;animation:.3s ease-out slide-down}.sub-todo-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.sub-todo-list .todo-item{background:#ffffff08;margin-bottom:0}.calendar-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 15px 35px #0000004d}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.calendar-header h2{color:var(--text-main);font-size:1.1rem;font-weight:700}.btn-icon-small{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon-small:hover{background:var(--primary);color:#fff}.calendar-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;display:grid}.calendar-weekdays div{color:var(--primary);text-transform:uppercase;font-size:.75rem;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.cal-day{aspect-ratio:1;cursor:pointer;color:var(--text-main);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex;position:relative}.cal-day:hover{background:#ffffff1a}.cal-day.other-month{color:var(--text-muted);opacity:.3}.cal-day.today{color:var(--primary);border:1px solid var(--primary);font-weight:700}.cal-day.selected{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.task-indicator{background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.cal-day.selected .task-indicator{background:#fff}.selected-day-tasks{margin-bottom:4rem}.calendar-tasks-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.calendar-tasks-header h4{color:var(--text-main);font-size:1rem;font-weight:700}.btn-add-small{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 10px var(--primary-glow);border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.btn-add-small:hover{filter:brightness(1.1);box-shadow:0 6px 15px var(--primary-glow);transform:translateY(-2px)}.btn-add-small i{width:14px;height:14px}#calendar-task-list{flex-direction:column;gap:.75rem;display:flex}.btn-toggle-secondary{border:1px solid var(--glass-border);width:100%;color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.8rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.btn-toggle-secondary:hover{color:var(--text-main);background:#ffffff14}.btn-toggle-secondary i{transition:transform .3s}.btn-toggle-secondary.active i{transform:rotate(90deg)}.completed-section{margin-bottom:2rem}.completed-card{opacity:.6;background:#ffffff05!important;border-style:dashed!important}.completed-card .task-text{text-decoration:line-through}#ads-view{background:#0f172a;padding:0;overflow-x:hidden}.ads-hero{text-align:center;background:radial-gradient(circle at 10% 20%,#8b5cf626 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d426 0%,#0000 40%);padding:6rem 1.5rem 4rem;position:relative;overflow:hidden}.ads-hero:before{content:"";background:var(--primary);filter:blur(150px);opacity:.2;z-index:0;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.ads-badge{color:#a78bfa;text-transform:uppercase;letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:100px;align-items:center;gap:8px;margin-bottom:2rem;padding:.6rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-flex;position:relative}.ads-badge:after{content:"";background:#22d3ee;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #22d3ee}.ads-title{letter-spacing:-2px;background:linear-gradient(135deg,#fff 30%,#a78bfa 100%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:900;line-height:1.05;position:relative}.ads-subtitle{color:var(--text-muted);opacity:.9;max-width:600px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.6}.ads-actions{flex-direction:column;gap:1rem;max-width:400px;margin:0 auto;display:flex}.btn-ads-primary{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;box-shadow:0 15px 30px var(--primary-glow);border:1px solid #ffffff1a;border-radius:20px;padding:1.4rem;font-size:1.2rem;font-weight:800;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;overflow:hidden}.btn-ads-secondary{color:var(--text-main);justify-content:center;align-items:center;gap:8px;padding:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.ads-section{padding:5rem 1.5rem}.section-tag{text-align:center;color:var(--primary);text-transform:uppercase;letter-spacing:4px;margin-bottom:1rem;font-size:.75rem;font-weight:800;display:block}.section-title{text-align:center;letter-spacing:-1px;margin-bottom:3.5rem;font-size:2rem;font-weight:800}.ads-grid{grid-template-columns:1fr;gap:2rem;display:grid}.ads-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:32px;padding:2.5rem 2rem;transition:all .4s;position:relative}.ads-card:hover{border-color:var(--primary);background:#1e293b99;transform:translateY(-10px)}.ads-icon-box{width:64px;height:64px;color:var(--primary);background:linear-gradient(135deg,#8b5cf633,#22d3ee33);border:1px solid #8b5cf633;border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.ads-card h3{color:#fff;margin-bottom:1rem;font-size:1.4rem;font-weight:700}.ads-card p{color:var(--text-muted);font-size:1rem;line-height:1.6}.ads-stats{background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:space-around;padding:3rem 1.5rem;display:flex}.stat-item{text-align:center}.stat-num{color:#fff;font-size:1.75rem;font-weight:900;display:block}.stat-txt{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.ads-cta-box{border:2px solid var(--primary);text-align:center;background:linear-gradient(135deg,#8b5cf64d,#06b6d44d);border-radius:40px;margin:4rem 1.5rem;padding:4rem 2rem;position:relative;overflow:hidden}.ads-cta-box h3{margin-bottom:1.25rem;font-size:2rem;font-weight:900;line-height:1.1}.ads-cta-box p{color:#fff;opacity:.8;margin-bottom:2.5rem;font-size:1.1rem}.btn-ads-large{color:#000;cursor:pointer;background:#fff;border:none;border-radius:18px;width:100%;max-width:300px;padding:1.25rem;font-size:1.1rem;font-weight:800;transition:all .3s;box-shadow:0 10px 20px #0003}.ads-footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;padding:3rem 1.5rem;font-size:.85rem}#checkout-view{background:#0f172a;min-height:100vh;padding:2rem 1.5rem}.checkout-container{max-width:500px;margin:0 auto;animation:.5s ease-out fadeIn}.checkout-header{align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.btn-back{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.checkout-header h2{font-size:1.5rem;font-weight:800}.promo-banner{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.25rem;display:flex;box-shadow:0 10px 20px #f59e0b33}.promo-icon{background:#fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.promo-icon i{width:24px;height:24px}.promo-text h4{margin-bottom:.2rem;font-size:1.1rem;font-weight:800}.promo-text p{opacity:.9;font-size:.85rem;line-height:1.4}.promo-text strong{font-size:1rem}.checkout-summary{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:20px;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:2rem;padding:1.5rem;display:grid}.summary-label{color:var(--text-muted);font-size:.85rem}.summary-val{color:#fff;font-weight:700}.summary-price{color:var(--primary);grid-area:1/2/3;align-items:center;font-size:1.25rem;font-weight:900;display:flex}.checkout-form{flex-direction:column;gap:1.5rem;display:flex}.form-group label{color:var(--text-muted);margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}.form-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;padding:1rem;font-family:inherit;font-size:1rem}.btn-checkout-next,.btn-checkout-confirm{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.25rem;font-size:1.1rem;font-weight:800;transition:all .3s;display:flex}.btn-checkout-next{background:var(--primary);color:#fff;box-shadow:0 10px 20px var(--primary-glow);margin-top:1rem}.qr-box{text-align:center;color:#0f172a;background:#fff;border-radius:32px;margin-bottom:2rem;padding:2rem}.qr-box p{margin-bottom:1.5rem;font-size:.9rem;font-weight:700}.qr-img{border-radius:12px;width:100%;max-width:250px;height:auto;margin-bottom:1rem}.btn-qr-download{color:var(--primary);cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:fit-content;margin:0 auto 1.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.btn-qr-download:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.payment-amount{border-top:1px dashed #cbd5e1;padding-top:1.5rem}.payment-amount span{color:#64748b;font-size:.85rem}.payment-amount h3{color:var(--primary);font-size:1.75rem;font-weight:900}.payment-instructions{margin-bottom:2.5rem}.payment-instructions ul{color:var(--text-muted);padding-left:1.25rem;font-size:.9rem;line-height:1.6}.btn-checkout-confirm{color:#fff;background:#22c55e;box-shadow:0 10px 20px #22c55e4d}.field-info{color:var(--text-muted);opacity:.8;margin-top:.5rem;font-size:.75rem;font-style:italic;display:block}#adm-view{background:#0f172a;min-height:100vh;padding:2rem 1rem}.adm-container{max-width:1000px;margin:0 auto}.adm-header h2{background:linear-gradient(135deg, #fff, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.focus-section{margin-top:1.5rem;margin-bottom:2rem}.premium-agenda-header{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.agenda-label{color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:.25rem;font-size:.75rem;font-weight:800;display:block}.agenda-main-title{color:#fff;letter-spacing:-1px;font-size:1.75rem;font-weight:850}.agenda-summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf626 0%,#1e293b66 100%);border:1px solid #8b5cf633;border-radius:20px;padding:1.25rem}.summary-info{flex-direction:column;gap:.75rem;display:flex}.summary-count{color:var(--text-muted);font-size:.9rem;font-weight:600}.progress-bar-bg{background:#ffffff0d;border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, #a78bfa 100%);height:100%;box-shadow:0 0 15px var(--primary-glow);transition:width .8s cubic-bezier(.34,1.56,.64,1)}.focus-card{border-left:4px solid var(--primary);transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff08!important}.focus-card:hover{transform:translate(5px);background:#ffffff0d!important}.celebration-card{text-align:center;background:#10b9810d;border:1px dashed #10b9814d;border-radius:24px;padding:2.5rem 1.5rem}.congrats-icon{color:#10b981;width:48px;height:48px;margin-bottom:1rem}.adm-stat-card{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:20px;padding:1.5rem;display:inline-block}.adm-stat-card span{color:var(--primary);font-size:2rem;font-weight:900;display:block}.adm-stat-card p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.adm-container{max-width:1200px;margin:0 auto;padding:1.5rem}.adm-header{margin-bottom:2rem}.adm-stats-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.adm-header-actions{gap:.75rem;display:flex}.table-container{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-overflow-scrolling:touch;border-radius:24px;overflow-x:auto;box-shadow:0 10px 30px #0000004d}.adm-table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}.adm-table th,.adm-table td{border-bottom:1px solid #ffffff0d;padding:1.25rem 1rem}@media (width<=640px){.adm-container{padding:1rem}.adm-stats-row{flex-direction:column;align-items:flex-start;gap:1rem}.adm-header-actions{justify-content:space-between;width:100%}.btn-adm-primary,.btn-logout{flex:1;justify-content:center;padding:.75rem .5rem;font-size:.8rem}.adm-add-form{padding:1rem}.adm-form-grid{flex-direction:column}.adm-form-btns{width:100%}.btn-save,.btn-cancel{text-align:center;flex:1}}.adm-table tr:last-child td{border-bottom:none}.adm-table th{color:var(--primary);text-transform:uppercase;background:#ffffff0d;padding:1.25rem 1.5rem;font-size:.85rem;font-weight:700}.adm-table td{color:#fff;border-bottom:1px solid #ffffff0d;padding:1.25rem 1.5rem;font-size:.95rem}.adm-table tr:hover td{background:#ffffff05}.adm-header-actions{align-items:center;gap:1rem;display:flex}.btn-adm-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:700;transition:all .3s;display:flex}.btn-adm-primary:hover{background:#7c3aed;transform:translateY(-2px)}.adm-add-form{border:1px solid var(--glass-border);background:#ffffff08;border-radius:20px;margin-bottom:2rem;padding:1.5rem;animation:.3s ease-out slideDown}.adm-add-form h3{margin-bottom:1rem;font-size:1.1rem}.adm-form-grid{flex-wrap:wrap;gap:1rem;display:flex}.adm-form-grid input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex:1;min-width:200px;padding:.8rem 1rem}.adm-form-btns{gap:.5rem;display:flex}.btn-save{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;padding:.8rem 1.5rem;font-weight:700}.btn-cancel{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;padding:.8rem 1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-table-wa{color:#fff;cursor:pointer;white-space:nowrap;background:#22c55e;border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #22c55e4d}.btn-table-wa:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 15px #22c55e66}.btn-table-wa i{width:18px;height:18px}.time-cell{color:var(--text-muted);font-size:.8rem}.adm-login-overlay{z-index:20000;background:#0f172af2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.login-card{border:2px solid var(--primary);text-align:center;z-index:20001;background:#1e293b;border-radius:32px;width:90%;max-width:350px;padding:3rem 2rem;position:relative;box-shadow:0 20px 50px #00000080}.login-card i{width:64px;height:64px;color:var(--primary);background:#8b5cf61a;border-radius:20px;margin-bottom:1.5rem;padding:1rem}.login-card h3{margin-bottom:.5rem;font-size:1.5rem}.login-card p{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.login-card input{color:#fff;text-align:center;letter-spacing:2px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;margin-bottom:1.5rem;padding:1rem;font-size:1.1rem}.login-card button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:1rem;font-weight:700}.login-error{color:#ef4444;margin-top:1rem;font-size:.85rem}#app-lock-view{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.lock-container{text-align:center;width:100%;max-width:400px;animation:.5s ease-out fadeIn}.lock-icon i{width:80px;height:80px;color:var(--primary);background:#8b5cf61a;border-radius:24px;margin-bottom:2rem;padding:1.5rem}.lock-container h2{margin-bottom:1rem;font-size:1.75rem;font-weight:800}.lock-container p{color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6}.lock-form input{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:100%;margin-bottom:1rem;padding:1.25rem;font-size:1rem}.lock-form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-bottom:1.5rem;padding:1.25rem;font-size:1rem;font-weight:800;box-shadow:0 10px 20px #8b5cf64d}.lock-error{color:#ef4444;margin-bottom:1.5rem;font-size:.85rem}.lock-support{color:var(--primary);opacity:.8;font-size:.9rem;font-weight:600;text-decoration:none}.lock-support:hover{opacity:1;text-decoration:underline}.status-badge{text-transform:uppercase;border-radius:20px;padding:.4rem .8rem;font-size:.75rem;font-weight:700}.status-badge.active{color:#22c55e;background:#22c55e1a}.status-badge.pending{color:#f59e0b;background:#f59e0b1a}.action-cells{width:120px}.action-group{gap:.5rem;display:flex}.btn-toggle-status{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-toggle-status.activate{color:var(--primary);background:#8b5cf61a}.btn-delete-lead,.btn-table-wa{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-delete-lead{color:#ef4444;background:#ef44441a}.btn-table-wa{color:#22c55e;background:#22c55e1a;text-decoration:none}.btn-delete-lead:hover,.btn-table-wa:hover,.btn-toggle-status:hover{transform:scale(1.1)}.btn-toggle-status.deactivate{color:#ef4444;background:#ef44441a}.btn-toggle-status:hover{transform:scale(1.1)}.btn-logout{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;margin-left:auto;padding:.5rem 1rem;font-size:.8rem;font-weight:600}@media (width<=450px){.welcome-section h2{font-size:1.5rem}.stats-grid{gap:.75rem}.stat-card{padding:1rem .5rem}.stat-value{font-size:1.25rem}.modal-card{width:95%;padding:1.25rem}}@media (width<=380px){.calendar-card{padding:1rem}.nav-item span{font-size:.65rem}.stat-label{font-size:.6rem}}@media (height<=500px) and (orientation:landscape){.modal-card{max-height:90vh}.bottom-nav{padding:.5rem}}