:root{--bg-primary:#0f1117;--bg-main-content:#11141c;--sidebar-bg:#151925;--bg-secondary:#1a1f2b;--bg-tertiary:#202636;--bg-elevated:#252c3d;--bg-hover:#2a3144;--bg-input:#1c2230;--border:#2f384d;--border-soft:#2a3244;--border-strong:#3a445b;--border-hover:#3a445b;--border-active:var(--accent);--text-primary:#f3f6fc;--text-secondary:#c8d0e0;--text-tertiary:#9aa6bf;--text-subtle:#7e8aa3;--text-inverse:#0f1117;--accent:#4d8dff;--accent-hover:#6aa2ff;--accent-subtle:#4d8dff1f;--accent-glow:#4d8dff4d;--success:#34d399;--success-subtle:#34d3991f;--warning:#f6c453;--warning-subtle:#f6c4531f;--danger:#ff6b6b;--danger-subtle:#ff6b6b1f;--info:#4d8dff;--info-subtle:#4d8dff1f;--teal:#00cec9;--teal-subtle:#00cec91f;--income:#37d67a;--expense:#ff7a7a;--profit:var(--accent);--priority-alta:#e17055;--priority-media:#fdcb6e;--priority-baixa:#74b9ff;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs:.6875rem;--fs-sm:.75rem;--fs-base:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:240px;--sidebar-collapsed:64px}html[data-mode=light]{--bg-primary:#f4f6f8;--bg-main-content:#fff;--sidebar-bg:#fafbfc;--bg-secondary:#edf1f5;--bg-tertiary:#e1e6ed;--bg-elevated:#fff;--bg-hover:#f2f4f8;--bg-input:#f8fafc;--border:#e1e6ed;--border-soft:#edf1f5;--border-strong:#c4cdd5;--border-hover:#a0b0c0;--text-primary:#1a1d24;--text-secondary:#4a5568;--text-tertiary:#718096;--text-subtle:#a0aec0;--text-inverse:#fff;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--modal-overlay-bg:#64748b52;--modal-blur:8px;--modal-shadow:0 20px 60px #0000001f, 0 0 0 1px #0000000a}html[data-accent=purple-premium]{--accent:#8b5cf6;--accent-hover:#a78bfa;--accent-subtle:#8b5cf626;--accent-glow:#8b5cf666;--border-active:#8b5cf680;--profit:var(--success)}html[data-mode=dark][data-accent=purple-premium]{--bg-primary:radial-gradient(circle at top right, #2e1065 0%, #0f1117 80%);--sidebar-bg:#2e106533}html[data-mode=light][data-accent=purple-premium]{--bg-primary:#f5f5f9;--sidebar-bg:#ffffffa6}html[data-accent=rosa-premium]{--accent:#ec4899;--accent-hover:#f472b6;--accent-subtle:#ec489926;--accent-glow:#ec489966;--border-active:#ec489980;--profit:var(--success)}html[data-mode=dark][data-accent=rosa-premium]{--bg-primary:radial-gradient(circle at top right, #831843 0%, #0f1117 80%);--sidebar-bg:#83184333}html[data-mode=light][data-accent=rosa-premium]{--bg-primary:#f6f5f6;--sidebar-bg:#ffffffa6}html[data-accent=green-premium]{--accent:#10b981;--accent-hover:#34d399;--accent-subtle:#10b98126;--accent-glow:#10b98166;--border-active:#10b98180;--profit:var(--success)}html[data-mode=dark][data-accent=green-premium]{--bg-primary:radial-gradient(circle at top right, #064e3b 0%, #0f1117 80%);--sidebar-bg:#064e3b33}html[data-mode=light][data-accent=green-premium]{--bg-primary:#f4f6f5;--sidebar-bg:#ffffffa6}html[data-accent=red-premium]{--accent:#ef4444;--accent-hover:#f87171;--accent-subtle:#ef444426;--accent-glow:#ef444466;--border-active:#ef444480;--profit:var(--success)}html[data-mode=dark][data-accent=red-premium]{--bg-primary:radial-gradient(circle at top right, #450a0a 0%, #0f1117 80%);--sidebar-bg:#450a0a33}html[data-mode=light][data-accent=red-premium]{--bg-primary:#f7f5f5;--sidebar-bg:#ffffffa6}html[data-accent=blue-premium]{--accent:#3b82f6;--accent-hover:#60a5fa;--accent-subtle:#3b82f626;--accent-glow:#3b82f666;--border-active:#3b82f680;--profit:var(--success)}html[data-mode=dark][data-accent=blue-premium]{--bg-primary:radial-gradient(circle at top right, #1e3a8a 0%, #0f1117 80%);--sidebar-bg:#1e3a8a33}html[data-mode=light][data-accent=blue-premium]{--bg-primary:#f4f6f8;--sidebar-bg:#ffffffa6}html[data-accent=gold-premium]{--accent:#f59e0b;--accent-hover:#fbbf24;--accent-subtle:#f59e0b26;--accent-glow:#f59e0b66;--border-active:#f59e0b80;--profit:var(--success)}html[data-mode=dark][data-accent=gold-premium]{--bg-primary:radial-gradient(circle at top right, #451a03 0%, #0f1117 80%);--sidebar-bg:#451a0333}html[data-mode=light][data-accent=gold-premium]{--bg-primary:#f6f5f4;--sidebar-bg:#ffffffa6}html[data-accent=gray-premium]{--accent:#9ca3af;--accent-hover:#d1d5db;--accent-subtle:#9ca3af26;--accent-glow:#9ca3af66;--border-active:#9ca3af80;--profit:var(--success)}html[data-mode=dark][data-accent=gray-premium]{--bg-primary:radial-gradient(circle at top right, #1f2937 0%, #0f1117 80%);--sidebar-bg:#1f293733}html[data-mode=light][data-accent=gray-premium]{--bg-primary:#f5f5f7;--sidebar-bg:#ffffffa6}.atmospheric-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.atmospheric-glow-1,.atmospheric-glow-2{filter:blur(180px);will-change:transform, opacity;border-radius:50%;position:absolute}.atmospheric-glow-1{background:var(--accent);opacity:.04;width:75vw;height:75vw;animation:45s ease-in-out infinite alternate atmosphericBreathing1;top:-25vh;left:-20vw}.atmospheric-glow-2{background:var(--accent);opacity:.03;width:65vw;height:65vw;animation:55s ease-in-out infinite alternate atmosphericBreathing2;bottom:-20vh;right:-20vw}@keyframes atmosphericBreathing1{0%{opacity:.03;transform:translate(0)scale(1)}50%{opacity:.06;transform:translate(4vw,3vh)scale(1.08)}to{opacity:.03;transform:translate(-2vw,5vh)scale(.95)}}@keyframes atmosphericBreathing2{0%{opacity:.02;transform:translate(0)scale(1.05)}50%{opacity:.05;transform:translate(-3vw,-4vh)scale(.95)}to{opacity:.02;transform:translate(2vw,-2vh)scale(1.08)}}html[data-mode=light] .atmospheric-glow-1{opacity:.06;filter:blur(180px);animation:45s ease-in-out infinite alternate atmosphericBreathing1Light}html[data-mode=light] .atmospheric-glow-2{opacity:.04;filter:blur(180px);animation:55s ease-in-out infinite alternate atmosphericBreathing2Light}@keyframes atmosphericBreathing1Light{0%{opacity:.04;transform:translate(0)scale(1)}50%{opacity:.08;transform:translate(4vw,3vh)scale(1.08)}to{opacity:.04;transform:translate(-2vw,5vh)scale(.95)}}@keyframes atmosphericBreathing2Light{0%{opacity:.03;transform:translate(0)scale(1.05)}50%{opacity:.06;transform:translate(-3vw,-4vh)scale(.95)}to{opacity:.03;transform:translate(2vw,-2vh)scale(1.08)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-layout{min-height:100vh;display:flex}.main-content{background:var(--main-content-bg);margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base);flex:1}.page-container{max-width:1200px;padding:var(--sp-6) var(--sp-8);margin:0 auto;animation:.4s cubic-bezier(.22,1,.36,1) backwards pageEnter}.page-header{margin-bottom:var(--sp-8);animation:.45s cubic-bezier(.22,1,.36,1) 50ms backwards staggerFadeUp}.page-header h1{font-size:var(--fs-2xl);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.page-header p{color:var(--text-secondary);font-size:var(--fs-base);margin-top:var(--sp-1)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:100;height:100vh;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-logo{padding:0 var(--sp-5);border-bottom:1px solid var(--border);align-items:center;gap:var(--sp-2);height:80px;display:flex}.sidebar-logo .logo-icon{justify-content:center;align-items:center;display:flex}.sidebar-logo h2{letter-spacing:-.01em;align-items:center;margin:0;font-weight:700;line-height:1;display:flex}.sidebar-nav{padding:var(--sp-3) var(--sp-2);gap:var(--sp-1);flex-direction:column;flex:1;display:flex}.sidebar-nav a,.sidebar-nav button{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-base);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;text-align:left;width:100%;font-weight:500;display:flex}.sidebar-nav a:hover,.sidebar-nav button:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav a.active{background:linear-gradient(90deg, var(--accent-subtle), transparent);color:var(--accent-hover);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0}.sidebar-nav a.active svg{color:var(--accent)}.sidebar-nav .nav-spacer{flex:1}.card{background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--sp-5);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{border-color:var(--border-hover)}.card-accent{box-shadow:0 4px 20px var(--accent-subtle);border-color:var(--accent-glow)!important}.card-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--sp-5);gap:var(--sp-2);flex-direction:column;display:flex}.stat-card .stat-label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.stat-card .stat-value{font-size:var(--fs-2xl);letter-spacing:-.02em;font-weight:700}.stat-card .stat-sub{font-size:var(--fs-xs);color:var(--text-tertiary)}.stat-card .stat-icon{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.grid{gap:var(--sp-4);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.dashboard-grid{gap:var(--sp-6);grid-template-columns:repeat(12,1fr);display:grid}.dashboard-widget{grid-column:span 6}.dashboard-widget.full-width{grid-column:span 12}@media (width<=900px){.dashboard-widget{grid-column:span 12}}.widget-list-item{padding:var(--sp-3) var(--sp-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-2);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.widget-list-item:hover{border-color:var(--border-hover);background:var(--bg-hover)}.widget-actions{align-items:center;gap:var(--sp-2);display:flex}.tasks-columns{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}@media (width<=1100px){.tasks-columns{grid-template-columns:1fr 1fr}}@media (width<=700px){.tasks-columns{grid-template-columns:1fr}}.task-column{background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);flex-direction:column;min-height:200px;display:flex;overflow:hidden}.task-column-header{padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;display:flex}.task-column-header h3{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:var(--sp-2);font-weight:700;display:flex}.task-column-count{font-size:var(--fs-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.task-column-body{padding:var(--sp-3);gap:var(--sp-2);flex-direction:column;flex:1;max-height:65vh;display:flex;overflow-y:auto}.task-column--daily{border-color:var(--accent-glow);box-shadow:0 0 16px var(--accent-subtle)}.task-column--daily .task-column-header{background:var(--accent-subtle);border-bottom-color:var(--accent-glow)}.task-column--daily .task-column-header h3{color:var(--accent-hover)}.task-column--scheduled{opacity:.75;border-style:dashed}.task-column--scheduled:hover{opacity:.9}.task-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);align-items:center;gap:var(--sp-2);cursor:default;transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.task-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.task-card--dragging{opacity:.4}.project-card{background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:visible}.project-card:hover{border-color:var(--border-hover)}.project-card-header{padding:var(--sp-4) var(--sp-5);align-items:center;gap:var(--sp-3);cursor:pointer;border-radius:var(--radius-lg);transition:background var(--transition-fast);display:flex}.project-card-header:hover{background:var(--bg-hover)}.project-card-header:not(:last-child){border-radius:var(--radius-lg) var(--radius-lg) 0 0}.project-card-body{padding:0 var(--sp-5) var(--sp-4);border-top:1px solid var(--border-soft);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.subtask-item{align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--border-soft);font-size:var(--fs-base);display:flex}.subtask-item:last-child{border-bottom:none}.project-dropdown{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);zIndex:999;background:#16181ed9;border:1px solid #ffffff14;flex-direction:column;gap:3px;min-width:170px;margin-top:6px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownEnter;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #0000004d,0 8px 16px -6px #0000004d}html[data-mode=light] .project-dropdown{background:#ffffffd9;border:1px solid #0000000f;box-shadow:0 10px 25px -5px #0000000f,0 8px 16px -6px #00000008}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.project-dropdown-item{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-weight:500;display:flex}.project-dropdown-item:hover{background:var(--accent-subtle)!important;color:var(--accent)!important}.project-dropdown-item.danger{color:var(--danger)}.project-dropdown-item.danger:hover{background:var(--danger-subtle)!important;color:var(--danger)!important}.project-dropdown-divider{background:var(--border-soft);height:1px;margin:4px 6px}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-base);transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger-subtle);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.btn-icon{padding:var(--sp-2);border-radius:var(--radius-md)}.form-group{gap:var(--sp-1);flex-direction:column;display:flex}.form-label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.form-input,.form-textarea,.form-select{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-base);color:var(--text-primary);transition:border-color var(--transition-fast);width:100%}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237c7c96' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:36px}.form-row{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-actions{justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border);display:flex}.modal-overlay{background:var(--modal-overlay-bg,#0000008c);-webkit-backdrop-filter:blur(var(--modal-blur,6px));z-index:200;padding:var(--sp-4);justify-content:center;align-items:center;animation:.25s cubic-bezier(.4,0,.2,1) both modalFadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--modal-shadow,0 16px 48px #0006);animation:.25s cubic-bezier(.4,0,.2,1) both modalSlideUp;overflow-y:auto}.modal-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--fs-lg);font-weight:600}.modal-body{padding:var(--sp-6);gap:var(--sp-4);flex-direction:column;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page-container>.card,.page-container>.grid,.page-container>.stat-card,.page-container>.dashboard-grid,.page-container>.filter-bar,.page-container>.tabs{animation:.45s cubic-bezier(.22,1,.36,1) both staggerFadeUp}.page-container>:nth-child(2){animation-delay:80ms}.page-container>:nth-child(3){animation-delay:.14s}.page-container>:nth-child(4){animation-delay:.2s}.page-container>:nth-child(5){animation-delay:.25s}.page-container>:nth-child(6){animation-delay:.3s}.page-container>:nth-child(7){animation-delay:.34s}.page-container>:nth-child(8){animation-delay:.38s}.page-container>:nth-child(9){animation-delay:.42s}.page-container>:nth-child(10){animation-delay:.45s}.dashboard-grid>.dashboard-widget{animation:.4s cubic-bezier(.22,1,.36,1) both staggerFadeUp}.dashboard-grid>.dashboard-widget:first-child{animation-delay:.1s}.dashboard-grid>.dashboard-widget:nth-child(2){animation-delay:.16s}.dashboard-grid>.dashboard-widget:nth-child(3){animation-delay:.22s}.dashboard-grid>.dashboard-widget:nth-child(4){animation-delay:.28s}.dashboard-grid>.dashboard-widget:nth-child(5){animation-delay:.33s}.dashboard-grid>.dashboard-widget:nth-child(6){animation-delay:.38s}.dashboard-grid>.dashboard-widget:nth-child(7){animation-delay:.42s}.grid>.card,.grid>.stat-card{animation:.4s cubic-bezier(.22,1,.36,1) both staggerFadeUp}.grid>:first-child{animation-delay:80ms}.grid>:nth-child(2){animation-delay:.14s}.grid>:nth-child(3){animation-delay:.2s}.grid>:nth-child(4){animation-delay:.26s}@media (prefers-reduced-motion:reduce){.page-container,.page-header,.page-container>*,.dashboard-grid>.dashboard-widget,.grid>.card,.grid>.stat-card{animation:none!important}}.badge{padding:2px var(--sp-2);border-radius:var(--radius-full);font-size:var(--fs-xs);letter-spacing:.02em;align-items:center;font-weight:600;display:inline-flex}.badge-alta{background:var(--danger-subtle);color:var(--danger)}.badge-media,.badge-média{background:var(--warning-subtle);color:var(--warning)}.badge-baixa{background:var(--info-subtle);color:var(--info)}.badge-success{background:var(--success-subtle);color:var(--success)}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-teal{background:var(--teal-subtle);color:var(--teal)}.tabs{gap:var(--sp-1);border-bottom:1px solid var(--border-strong);margin-bottom:var(--sp-6);display:flex}.tab{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-base);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 10px var(--accent-subtle)}.filter-bar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.filter-bar .form-select,.filter-bar .form-input{width:auto;min-width:140px}.empty-state{padding:var(--sp-16) var(--sp-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg{color:var(--accent);filter:drop-shadow(0 0 12px var(--accent-subtle));margin-bottom:var(--sp-4);opacity:.8}.empty-state h3{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:var(--sp-2);font-weight:600}.empty-state p{font-size:var(--fs-base);color:var(--text-tertiary);max-width:320px;margin-bottom:var(--sp-6)}.progress-ring-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring-container .ring-label{font-size:var(--fs-lg);color:var(--text-primary);font-weight:700;position:absolute}.table-container{border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-strong);text-transform:uppercase;letter-spacing:.04em;font-weight:600}td{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);border-bottom:1px solid var(--border-soft)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.chip{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:var(--radius-full);font-size:var(--fs-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.chip:hover,.chip.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.toast-container{bottom:var(--sp-6);right:var(--sp-6);z-index:300;gap:var(--sp-2);flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);align-items:center;gap:var(--sp-3);font-size:var(--fs-base);box-shadow:var(--shadow-lg);min-width:280px;animation:.2s slideUp;display:flex}.checkbox-wrapper{align-items:center;gap:var(--sp-3);cursor:pointer;display:flex}.checkbox{border:2px solid var(--border-hover);border-radius:var(--radius-sm);width:20px;height:20px;transition:all var(--transition-fast);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.checkbox:hover{border-color:var(--accent)}.checkbox.checked{background:var(--accent);border-color:var(--accent)}.quick-add-menu{bottom:var(--sp-6);right:var(--sp-6);z-index:150;position:fixed}.quick-add-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;width:52px;height:52px;box-shadow:var(--shadow-lg), var(--shadow-glow);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.quick-add-btn:hover{box-shadow:var(--shadow-lg), 0 0 30px var(--accent-glow);transform:scale(1.08)}.quick-add-dropdown{background:var(--bg-elevated);border:1px solid var(--accent-glow);border-radius:var(--radius-lg);padding:var(--sp-2);min-width:200px;box-shadow:var(--shadow-lg);animation:.15s slideUp;position:absolute;bottom:60px;right:0}.quick-add-dropdown button{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-base);color:var(--text-secondary);transition:all var(--transition-fast);display:flex}.quick-add-dropdown button:hover{background:var(--bg-hover);color:var(--text-primary)}@media (width<=768px){.sidebar{z-index:200;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0!important}.page-container{padding:var(--sp-4) var(--sp-4)}.mobile-header{display:flex!important}.quick-add-menu{bottom:80px}}.mobile-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);height:56px;padding:0 var(--sp-4);z-index:100;justify-content:space-between;align-items:center;display:none;position:fixed;top:0;left:0;right:0}.mobile-header+.page-container{padding-top:calc(56px + var(--sp-4))}.mobile-bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));z-index:100;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.mobile-bottom-nav{justify-content:space-around;display:flex}.mobile-bottom-nav a{font-size:var(--fs-xs);color:var(--text-tertiary);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;display:flex}.mobile-bottom-nav a.active{color:var(--accent)}.mobile-bottom-nav a svg{width:20px;height:20px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.text-sm{font-size:var(--fs-sm)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-full{width:100%}@keyframes fixedCostDueSoonBreathing{0%{border-color:#f6c45333;box-shadow:0 4px 12px #0006,0 0 10px #f6c4530d}50%{border-color:#f6c45373;box-shadow:0 4px 20px #00000080,0 0 20px #f6c45333}to{border-color:#f6c45333;box-shadow:0 4px 12px #0006,0 0 10px #f6c4530d}}@keyframes fixedCostOverdueBreathing{0%{border-color:#ff6b6b59;box-shadow:0 4px 12px #0006,0 0 12px #ff6b6b14}50%{border-color:#ff6b6bb3;box-shadow:0 4px 24px #00000080,0 0 25px #ff6b6b59}to{border-color:#ff6b6b59;box-shadow:0 4px 12px #0006,0 0 12px #ff6b6b14}}.fixed-cost-card-normal{background:var(--bg-secondary);border:1px solid var(--border-soft);transition:all var(--transition-base);position:relative}.fixed-cost-card-normal:hover{border-color:var(--border-hover);background:var(--bg-hover)}.fixed-cost-card-duesoon{background:linear-gradient(145deg, var(--bg-secondary), #f6c45305);transition:all var(--transition-base);border:1px solid #f6c45359;animation:4.5s ease-in-out infinite fixedCostDueSoonBreathing;position:relative}.fixed-cost-card-duesoon:hover{background:linear-gradient(145deg, var(--bg-hover), #f6c4530a)}.fixed-cost-card-overdue{background:linear-gradient(145deg, var(--bg-secondary), #ff6b6b08);transition:all var(--transition-base);border:1px solid #ff6b6b73;animation:4s ease-in-out infinite fixedCostOverdueBreathing;position:relative}.fixed-cost-card-overdue:hover{background:linear-gradient(145deg, var(--bg-hover), #ff6b6b0d)}.fixed-cost-card-paid{background:var(--bg-secondary);border:1px solid var(--border-soft);opacity:.65;transition:all var(--transition-base);position:relative}.fixed-cost-card-paid:hover{opacity:1;background:var(--bg-hover)}.fixed-cost-indicator-bar{width:3px;transition:background var(--transition-base);border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;top:12%;bottom:12%;left:0}.fixed-cost-indicator-bar-normal{background:0 0}.fixed-cost-indicator-bar-duesoon{background:var(--warning)}.fixed-cost-indicator-bar-overdue{background:var(--danger)}.fixed-cost-indicator-bar-paid{background:var(--success)}