:root{--background:hsl(0 0% 7%);--foreground:hsl(0 0% 100%);--card:hsl(0 0% 10.5%);--card-foreground:hsl(0 0% 100%);--popover:hsl(0 0% 11%);--primary:hsl(13 81% 52%);--primary-2:hsl(13 90% 62%);--primary-foreground:hsl(0 0% 100%);--secondary:hsl(0 0% 16%);--muted:hsl(0 0% 11%);--muted-foreground:hsl(0 0% 55%);--hover-surface:hsl(0 0% 16%);--destructive:hsl(0 72% 51%);--border:hsl(0 0% 17%);--input:hsl(0 0% 8%);--ring:hsl(13 81% 52%);--sidebar-background:hsl(0 0% 10.5%);--sidebar-accent:hsl(0 0% 15%);--sidebar-border:hsl(0 0% 19%);--chart-1:hsl(13 81% 52%);--chart-2:hsl(160 60% 45%);--chart-3:hsl(197 37% 40%);--chart-4:hsl(43 74% 66%);--chart-5:hsl(27 87% 67%);--priority-high-bg:hsl(0 84% 60%/0.15);--priority-high-fg:hsl(0 91% 71%);--priority-med-bg:hsl(45 93% 47%/0.15);--priority-med-fg:hsl(48 96% 53%);--priority-low-bg:hsl(217 91% 60%/0.15);--priority-low-fg:hsl(213 94% 68%);--radius-xl:16px;--radius-lg:12px;--radius-md:10px;--radius-sm:8px;--font-heading:"Montserrat",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Montserrat",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Montserrat",-apple-system,BlinkMacSystemFont,sans-serif;--ease:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--shadow-card:0 1px 1px rgba(0,0,0,0.2),0 8px 24px -8px rgba(0,0,0,0.55),0 2px 6px -1px rgba(0,0,0,0.35);--shadow-card-hover:0 1px 1px rgba(0,0,0,0.2),0 16px 36px -10px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.04) inset;--shadow-pop:0 20px 50px -16px rgba(0,0,0,0.65);--bg:var(--background);--surface:var(--card);--surface-2:var(--secondary);--border-strong:hsl(0 0% 24%);--text:var(--foreground);--text-dim:var(--muted-foreground);--text-faint:hsl(0 0% 38%);--accent:var(--primary);--accent-light:var(--primary-2);--accent-dim:hsl(13 81% 52%/0.16);--green:var(--chart-2);--lime:hsl(75 70% 55%);--yellow:var(--chart-4);--red:var(--destructive);--blue:var(--priority-low-fg);--purple:hsl(263 70% 65%);--radius:var(--radius-xl);--radius-sm:var(--radius-md);--sidebar-w:220px;--sidebar-w-collapsed:64px;color-scheme:dark;--line-1:hsl(0 0% 100%/0.04);--line-2:hsl(0 0% 100%/0.06);--line-3:hsl(0 0% 100%/0.08);--line-4:hsl(0 0% 100%/0.14);--border-hover:hsl(0 0% 30%);--btn-bg:hsl(0 0% 17%);--btn-bg-hover:hsl(0 0% 21%);--btn-icon-bg:hsl(0 0% 27%);--icon-box-bg:hsl(0 0% 18%);--icon-box-fg:hsl(0 0% 88%);--bubble-bg:hsl(0 0% 20%);--bubble-fg:hsl(0 0% 92%);--text-soft:hsl(0 0% 82%);--raised:hsl(0 0% 14%);--sunken:hsl(0 0% 8%);--dropdown-bg:hsl(0 0% 12%);--popover-bg:hsl(0 0% 9%/0.97);--th-bg:hsl(0 0% 16%/0.4);--row-hover:hsl(0 0% 16%/0.35);--detail-row-bg:hsl(0 0% 16%/0.28);--segmented-bg:hsl(0 0% 11%/0.5);--overlay:hsl(0 0% 0%/0.6);--dropdown-shadow:0 16px 40px -18px rgba(0,0,0,0.7);--red-text:hsl(0 91% 71%);--amber-text:hsl(43 90% 68%);--accent-text:hsl(13 90% 68%);--green-text:hsl(155 65% 55%);--highlight:hsl(18 92% 68%);--chart-label:var(--highlight)}[data-theme=light]{color-scheme:light;--background:hsl(0 0% 96%);--foreground:hsl(0 0% 9%);--card:hsl(0 0% 100%);--card-foreground:hsl(0 0% 9%);--popover:hsl(0 0% 100%);--secondary:hsl(0 0% 95%);--muted:hsl(0 0% 96%);--muted-foreground:hsl(0 0% 40%);--hover-surface:hsl(0 0% 93%);--border:hsl(0 0% 89%);--input:hsl(0 0% 98.5%);--sidebar-background:hsl(0 0% 100%);--sidebar-accent:hsl(0 0% 95%);--sidebar-border:hsl(0 0% 90%);--border-strong:hsl(0 0% 80%);--text-faint:hsl(0 0% 58%);--priority-high-fg:hsl(0 72% 45%);--priority-med-fg:hsl(38 90% 35%);--priority-low-fg:hsl(217 75% 48%);--yellow:hsl(38 85% 38%);--lime:hsl(80 60% 35%);--purple:hsl(263 55% 50%);--shadow-card:0 1px 2px rgba(0,0,0,0.04),0 4px 14px -6px rgba(0,0,0,0.08);--shadow-card-hover:0 1px 2px rgba(0,0,0,0.05),0 10px 24px -10px rgba(0,0,0,0.14);--shadow-pop:0 20px 50px -16px rgba(0,0,0,0.18);--line-1:hsl(0 0% 0%/0.06);--line-2:hsl(0 0% 0%/0.08);--line-3:hsl(0 0% 0%/0.1);--line-4:hsl(0 0% 0%/0.16);--border-hover:hsl(0 0% 76%);--btn-bg:hsl(0 0% 100%);--btn-bg-hover:hsl(0 0% 96%);--btn-icon-bg:hsl(0 0% 91%);--icon-box-bg:hsl(0 0% 94%);--icon-box-fg:hsl(0 0% 22%);--bubble-bg:hsl(0 0% 90%);--bubble-fg:hsl(0 0% 15%);--text-soft:hsl(0 0% 26%);--raised:hsl(0 0% 97%);--sunken:hsl(0 0% 92%);--dropdown-bg:hsl(0 0% 100%);--popover-bg:hsl(0 0% 100%);--th-bg:hsl(0 0% 0%/0.025);--row-hover:hsl(0 0% 0%/0.025);--detail-row-bg:hsl(0 0% 0%/0.02);--segmented-bg:hsl(0 0% 0%/0.035);--overlay:hsl(0 0% 0%/0.35);--dropdown-shadow:0 16px 40px -18px rgba(0,0,0,0.22);--red-text:hsl(0 72% 44%);--amber-text:hsl(35 85% 32%);--accent-text:hsl(13 78% 44%);--green-text:hsl(155 60% 30%);--chart-label:hsl(18 75% 42%)}*{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}.fade-in{animation:fadeIn .2s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.icon{width:17px;height:17px;flex-shrink:0}.icon-sm{width:15px;height:15px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.page-head h1{font-size:24px;font-weight:800;letter-spacing:-.015em;margin:0}.page-head p{margin:6px 0 0;color:var(--text-dim);font-size:13.5px}.btn{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;font-size:13.5px;font-weight:700;cursor:pointer;border:1px solid var(--line-2);background:var(--btn-bg);color:var(--text);white-space:nowrap;font-family:inherit;text-decoration:none;transition:transform .12s var(--ease),background .15s var(--ease)}.btn:has(.btn-icon){padding:5px 5px 5px 18px}.btn:hover{background:var(--btn-bg-hover)}.btn:active{transform:translateY(1px) scale(.98)}.btn-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--btn-icon-bg);color:var(--text)}.btn-icon .icon{width:15px;height:15px}.btn-primary .btn-icon{background:var(--accent);color:#fff}.btn-danger-ghost{background:transparent;border:1px solid hsl(0 72% 51%/.4);color:var(--red-text)}.btn-danger-ghost:hover{background:hsl(0 72% 51%/.12);border-color:hsl(0 72% 51%/.6)}.banner{gap:14px;padding:15px 20px;border-radius:var(--radius-xl);margin-bottom:24px;border:1px solid hsl(0 72% 51%/.35);background:linear-gradient(90deg,hsl(0 72% 51%/.14),transparent 75%);box-shadow:var(--shadow-card)}.banner,.banner-icon{display:flex;align-items:center}.banner-icon{justify-content:center;flex-shrink:0;color:var(--red-text)}.banner-text{flex:1 1;font-size:13.5px}.banner-text strong{color:var(--red-text)}.banner-amber{border:1px solid hsl(43 74% 55%/.35);background:linear-gradient(90deg,hsl(43 74% 55%/.14),transparent 75%)}.banner-amber .banner-icon,.banner-amber .banner-text strong{color:var(--amber-text)}.glass{background:var(--card);border:1px solid var(--line-1);border-radius:18px;transition:border-color .2s var(--ease)}.glass:hover{border-color:var(--line-3)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.stat-tile{padding:20px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;gap:10px}.stat-label{font-size:13.5px;font-weight:600;color:var(--text)}.stat-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--icon-box-bg);color:var(--icon-box-fg)}.stat-icon .icon{width:16px;height:16px}.stat-value{font-size:25px;font-weight:700;letter-spacing:-.01em;margin-top:4px}.stat-sub{margin-top:-8px}.stat-highlight{background:var(--highlight)}.stat-highlight,.stat-highlight:hover{border-color:transparent}.stat-highlight .stat-label,.stat-highlight .stat-value{color:#1a0d08}.stat-highlight .stat-sub{color:hsl(18 45% 22%)}.stat-highlight .stat-icon{background:hsl(0 0% 0%/.14);background:hsl(0 0% 0%/.12);border-color:transparent;color:#1a0d08}.stat-value{font-size:27px;font-weight:800;letter-spacing:-.015em;position:relative;font-family:var(--font-display)}.stat-sub{font-size:12px;color:var(--text-dim);position:relative}.panel{padding:22px;margin-bottom:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{font-size:15.5px;font-weight:700;margin:0}.panel-head p{margin:3px 0 0;font-size:12.5px;color:var(--text-dim)}.trend-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 7px;border-radius:999px;font-size:12px;font-weight:700;vertical-align:middle;margin-left:8px}.trend-up{color:var(--green-text);background:hsl(155 65% 45%/.14)}.trend-down{color:var(--red-text);background:hsl(0 72% 51%/.14)}.chart-wrap{position:relative}.chart{width:100%;height:220px;display:block}.segmented{display:inline-flex;gap:2px;background:var(--segmented-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3px;margin-bottom:24px}.segmented .tab{padding:7px 15px;border-radius:calc(var(--radius-lg) - 3px);font-size:13px;font-weight:600;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-family:inherit;transition:background .15s var(--ease),color .15s var(--ease)}.segmented .tab.active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.4)}.table-wrap{overflow-x:auto;border-radius:var(--radius-xl)}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;padding:13px 18px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:var(--th-bg);white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{padding:14px 18px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s var(--ease)}tbody tr:hover{background:var(--row-hover)}td.num{font-weight:800;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-display)}.row-actions{display:flex;gap:14px;justify-content:flex-end}.row-actions a,.row-actions button{font-size:12.5px;font-weight:600;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.row-toggle{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--secondary);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.row-toggle:hover{background:var(--hover-surface);color:var(--text)}.row-toggle svg{transition:transform .18s var(--ease-out)}tr.client-row.expanded .row-toggle{border-color:hsl(13 81% 52%/.5);color:var(--accent-text)}tr.client-row.expanded .row-toggle svg{transform:rotate(180deg)}.client-detail-row td{padding:0;background:var(--detail-row-bg)}.client-detail{display:flex;flex-wrap:wrap;gap:30px;padding:16px 18px 16px 62px}.client-detail-item{display:flex;flex-direction:column;gap:5px}.client-detail-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.client-detail-value{font-size:14.5px;font-weight:800;font-family:var(--font-display)}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--line-2);border:1px solid var(--border);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .12s var(--ease)}.tool-btn:hover{background:hsl(214 100% 56%/.14);border-color:hsl(214 100% 62%/.45);transform:translateY(-1px)}.link-dim{color:var(--text-dim);text-decoration:none}.link-dim:hover{color:var(--text)}.link-red{color:var(--red-text);text-decoration:none}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:999px;border:1px solid;white-space:nowrap}.badge-dim{color:var(--text-dim);border-color:var(--border);background:var(--secondary)}.badge-solid{color:#fff;border:none;font-weight:700}.badge-solid-green{background:hsl(155 55% 34%)}.badge-solid-red{background:hsl(0 66% 47%)}.badge-solid-purple{background:hsl(268 52% 48%)}.badge-solid-gray{background:hsl(0 0% 32%)}.badge-solid-black{background:#000;border:1px solid hsl(0 0% 22%)}.badge-solid-yellow{background:hsl(38 75% 40%)}.badge-solid-blue{background:hsl(217 70% 45%)}.ads-cost.verde{color:var(--green-text)}.ads-cost.amarelo{color:var(--amber-text)}.ads-cost.vermelho{color:var(--red-text)}.ads-cost.neutro{color:var(--text)}.ads-cards-mobile{display:none}@media (max-width:640px){.ads-portal .stat-grid{grid-template-columns:repeat(2,1fr)}.ads-table-desktop{display:none}.ads-cards-mobile{display:flex;flex-direction:column;gap:10px}}.badges-row{display:flex;flex-wrap:wrap;gap:6px}.client-id{gap:11px;min-width:0}.client-avatar,.client-id{display:flex;align-items:center}.client-avatar{width:40px;height:40px;border-radius:50%;justify-content:center;font-size:13px;font-weight:800;background:#fff;color:#14120f;flex-shrink:0;box-shadow:0 4px 10px -3px rgba(0,0,0,.5);overflow:hidden}.client-avatar img{width:100%;height:100%;object-fit:cover}.client-name{font-weight:700;font-size:14.5px}.client-meta,.client-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-meta{font-size:12.5px;color:var(--text-dim);margin-top:1px}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:20px}.modal{width:440px;max-width:100%;max-height:calc(100vh - 64px);overflow-y:auto;border-radius:var(--radius-xl);background:var(--popover-bg);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--border);box-shadow:var(--shadow-pop)}.modal-lg{width:520px}.modal-xl{width:780px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:17px;font-weight:800;margin:0}.modal-close{width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--secondary);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.modal-close:hover{background:var(--hover-surface);color:var(--text)}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.field label{display:block;font-size:11.5px;font-weight:700;color:var(--text-dim);margin-bottom:7px;text-transform:uppercase;letter-spacing:.03em}.field input[type=email],.field input[type=number],.field input[type=password],.field input[type=text],.field input[type=url]{width:100%;background:var(--input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;color:var(--text);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .15s var(--ease)}.field input[type=email]:focus,.field input[type=number]:focus,.field input[type=password]:focus,.field input[type=text]:focus,.field input[type=url]:focus{border-color:hsl(13 81% 52%/.6)}.field textarea{width:100%;min-height:88px;background:var(--input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;color:var(--text);font-size:13.5px;font-family:inherit;outline:none;resize:vertical;transition:border-color .15s var(--ease)}.field textarea:focus{border-color:hsl(13 81% 52%/.6)}.field-hint{margin:-8px 0 0;font-size:12px;line-height:1.5;color:var(--text-dim)}.field-select{position:relative}.field-select-btn{width:100%;display:flex;align-items:center;gap:8px;background:var(--input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;color:var(--text);font-size:13.5px;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s var(--ease),background .15s var(--ease)}.field-select-btn span:first-of-type{flex:1 1}.field-select-btn .placeholder{color:var(--text-dim)}.field-select-btn:hover{border-color:var(--border-hover)}.field-select-chevron{color:var(--text-dim);flex-shrink:0;transition:transform .2s var(--ease-out)}.field-select.open .field-select-chevron{transform:rotate(180deg)}.field-select.open .field-select-btn{border-color:hsl(13 81% 52%/.5);background:hsl(13 81% 52%/.08)}.field-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;padding:6px;border-radius:var(--radius-lg);background:var(--popover-bg);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--border);box-shadow:var(--shadow-pop);z-index:10;max-height:220px;overflow-y:auto}.field-option{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text);font-size:13px;font-family:inherit;font-weight:500;cursor:pointer;transition:background .12s var(--ease)}.field-option:hover{background:var(--hover-surface)}.field-option.selected{background:hsl(13 81% 52%/.16);color:var(--accent-text);font-weight:700}.field-dropdown-calendar{padding:12px;max-height:none;overflow:visible}.month-dropdown-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line-2)}.month-dropdown-head span{font-size:13.5px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.month-year-nav{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--secondary);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.month-year-nav:hover{background:var(--hover-surface);color:var(--text)}.day-grid-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.day-grid-weekdays span{text-align:center;font-size:10.5px;font-weight:700;color:var(--text-dim)}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px}.day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.day-cell:hover{background:var(--hover-surface)}.day-cell.today{border-color:var(--border);color:var(--accent-text)}.day-cell.selected{background:linear-gradient(155deg,var(--accent-light),var(--accent));color:#200f04;font-weight:800;box-shadow:0 6px 16px -6px hsl(13 81% 52%/.6)}.day-cell.empty{visibility:hidden;cursor:default}.toolbar{justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar,.toolbar-search{display:flex;align-items:center}.toolbar-search{gap:8px;background:var(--input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:9px 13px;color:var(--text-dim);font-size:13px;min-width:220px}.toolbar-search input{background:none;border:none;outline:none;color:var(--text);font-size:13px;width:100%;font-family:inherit}.costs-greeting{font-size:15px;font-weight:700}.costs-greeting strong.costs-greeting-total{color:var(--accent-text)}.costs-empty{padding:40px 20px;text-align:center;color:var(--text-dim);font-size:13.5px}.stat-sub-danger{color:var(--red-text);font-weight:700;font-size:13px}.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;display:none}.shell{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{width:256px;flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;background:var(--sidebar-background);display:flex;flex-direction:column;padding:18px 14px;transition:width .22s var(--ease),padding .22s var(--ease)}.sidebar.collapsed{width:84px;padding:18px 12px}.brand{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 18px}.sidebar.collapsed .brand{flex-direction:column;gap:10px;padding:4px 0 18px}.brand-mark{gap:9px;overflow:hidden}.brand-mark,.icon-btn{display:flex;align-items:center}.icon-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--sidebar-border);background:transparent;color:var(--text-dim);justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.icon-btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--sidebar-accent)}.icon-btn .icon{transition:transform .22s var(--ease)}.sidebar.collapsed .icon-btn .icon{transform:rotate(180deg)}.search{display:flex;align-items:center;gap:8px;background:var(--input);border:1px solid var(--sidebar-border);border-radius:var(--radius-lg);padding:9px 11px;margin-bottom:18px;color:var(--text-dim);font-size:13px;transition:border-color .15s var(--ease);cursor:text}.search:focus-within{border-color:hsl(13 81% 52%/.5)}.search input{background:none;border:none;outline:none;color:var(--text);font-size:13px;width:100%;font-family:inherit}.search input::placeholder{color:var(--text-dim)}.sidebar.collapsed .search{justify-content:center;padding:9px}.sidebar.collapsed .search input{display:none}.nav{display:flex;flex-direction:column;gap:18px;overflow-y:auto;overflow-x:hidden;flex:1 1;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-group-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-dim);padding:0 10px 6px;white-space:nowrap}.sidebar.collapsed .nav-group-label{display:none}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-link,.nav-row{display:flex;align-items:center}.nav-link{flex:1 1;gap:12px;padding:5px 12px 5px 5px;border-radius:999px;color:var(--text-soft);text-decoration:none;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;transition:background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease);min-width:0}.nav-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;flex-shrink:0;color:var(--text-dim);background:var(--line-1);border:1px solid var(--sidebar-border);transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.nav-icon .icon{width:16px;height:16px}.nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--bubble-bg);color:var(--bubble-fg);flex-shrink:0}.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:5px}.nav-link:hover{color:var(--text);background:var(--sidebar-accent)}.nav-link:hover .nav-icon{color:var(--text);border-color:var(--border-hover)}.nav-link.active{color:var(--text);background:hsl(13 81% 52%/.1);border-color:hsl(13 81% 52%/.22)}.nav-link.active .nav-icon{border-color:transparent}.nav-link.active .nav-badge,.nav-link.active .nav-icon{background:var(--accent);color:#fff}.nav-expand{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-dim);cursor:pointer;transition:transform .2s var(--ease-out),color .15s var(--ease)}.nav-expand:hover{color:var(--text)}.nav-expand.open{transform:rotate(90deg)}.sidebar.collapsed .nav-expand{display:none}.nav-children{display:flex;flex-direction:column;gap:3px;margin:4px 0 4px 20px;padding-left:10px;border-left:1px solid var(--sidebar-border);overflow:hidden}.nav-children .nav-link{font-size:13px;padding:4px 10px 4px 4px;gap:10px;font-weight:500}.nav-children .nav-icon{width:28px;height:28px}.nav-children .nav-icon .icon{width:14px;height:14px}.sidebar.collapsed .nav-children{display:none}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding-top:12px;margin-top:12px}.signout{display:flex;align-items:center;gap:12px;padding:5px 12px 5px 5px;border-radius:999px;color:var(--red-text);font-size:13.5px;font-weight:600;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background .18s var(--ease)}.signout .nav-icon{color:var(--red-text);border-color:hsl(0 72% 51%/.3);background:hsl(0 72% 51%/.08)}.signout:hover{background:hsl(0 72% 51%/.14)}.sidebar.collapsed .signout{justify-content:center;padding:5px}.sidebar.collapsed .signout .nav-text{display:none}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;flex-shrink:0;background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar,.topbar-inner{display:flex;align-items:center}.topbar-inner{width:100%;max-width:1340px;height:100%;margin:0 auto;padding:0 32px;justify-content:space-between}.crumbs{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-dim);font-weight:500}.crumbs .current{color:var(--text);font-weight:700}.topbar-right{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;font-family:inherit;border:1px solid var(--line-3);background:transparent;color:var(--text-dim);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease)}.pill:hover{border-color:var(--line-4);background:var(--line-1);color:var(--text)}.month-picker{position:relative}.month-picker-chevron{color:var(--text-dim);transition:transform .2s var(--ease-out)}.month-picker.open .month-picker-chevron{transform:rotate(180deg)}.month-picker.open .pill{border-color:var(--line-4);background:var(--line-1);color:var(--text)}.month-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:248px;padding:12px;border-radius:16px;background:var(--dropdown-bg);border:1px solid var(--line-2);box-shadow:var(--dropdown-shadow);z-index:20;opacity:0;transform:scale(.96) translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity .14s var(--ease-out),transform .14s var(--ease-out),visibility .14s}.month-picker.open .month-dropdown{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;visibility:visible}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.month-cell{padding:7px 0;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.month-cell:hover{background:var(--hover-surface);color:var(--text)}.month-cell.current-month{color:var(--text);border-color:var(--border)}.month-cell.selected{background:hsl(13 81% 52%/.16);border-color:hsl(13 81% 52%/.3);color:var(--accent-text);font-weight:700}.theme-toggle{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line-3);background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.theme-toggle:hover{background:var(--line-1);border-color:var(--line-4);color:var(--text)}.theme-toggle .icon{width:16px;height:16px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:var(--text);flex-shrink:0}.content{flex:1 1;padding:32px;max-width:1340px;width:100%;margin:0 auto}.kanban{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;align-items:start}.kanban-5{grid-template-columns:repeat(5,minmax(216px,1fr));overflow-x:auto;padding-bottom:4px}.kanban-4{grid-template-columns:repeat(4,1fr)}.kanban-col{min-height:200px;padding:14px}.kanban-col-head{margin-bottom:12px;padding:2px 4px}.kanban-col-head,.kanban-col-head h3{display:flex;align-items:center;gap:8px}.kanban-col-head h3{font-size:13.5px;font-weight:700;margin:0}.kanban-col-head h3:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--col-color,var(--text-dim));flex-shrink:0}.kanban-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--bubble-bg);color:var(--bubble-fg)}.kanban-empty{border:1px dashed var(--line-3);border-radius:12px;padding:14px;text-align:center;font-size:12.5px;color:var(--text-faint)}.task-card{background:var(--raised);border:1px solid transparent;border-radius:14px;padding:14px;cursor:pointer;margin-bottom:10px;transition:border-color .15s var(--ease)}.task-card:hover{border-color:var(--line-3)}.task-card:last-child{margin-bottom:0}.task-client{font-size:11.5px;color:var(--text-faint);margin-bottom:6px}.task-title{font-size:14px;font-weight:700;margin-bottom:10px}.task-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.task-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--sunken);color:var(--text-dim)}.task-chip.atrasada{color:var(--red-text);background:hsl(0 72% 51%/.12)}.task-foot{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-1)}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line-1);color:var(--text-soft);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.filter-pill:hover{background:var(--raised);color:var(--text)}.filter-pill.active{background:hsl(13 81% 52%/.1);border-color:hsl(13 81% 52%/.22);color:var(--text)}.pill-count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--bubble-bg);color:var(--bubble-fg)}.filter-pill.active .pill-count{background:var(--accent);color:#fff}.task-meta{justify-content:space-between;font-size:12px;color:var(--text-dim)}.photo-upload,.task-meta{display:flex;align-items:center}.photo-upload{gap:16px}.photo-upload-preview{width:64px;height:64px;border-radius:50%;flex-shrink:0;background:#fff;color:#14120f;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;overflow:hidden;border:1px solid var(--border)}.photo-upload-preview img{width:100%;height:100%;object-fit:cover}.photo-upload-actions{display:flex;flex-direction:column;gap:6px}.photo-upload-actions .btn{padding:7px 13px;font-size:12.5px}