:root{--bg: #f5f3ee;--surface: #ffffff;--surface-2: #ebe8e0;--border: #ddd8cc;--text: #1f1d1a;--text-dim: #6b6558;--text-faint: #857e70;--accent: #6c5ce7;--accent-2: #5a4bd4;--success: #00896d;--success-bg: #e3f9f3;--warn: #c4502f;--warn-bg: #fdece7;--info: #0970c2;--info-bg: #e5f2fd;--profissional: #2a78d6;--pessoal: #eb6834;--grid: #ebe8e0;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15131f;--surface: #1e1c2b;--surface-2: #2a2739;--border: #37324c;--text: #efeceb;--text-dim: #b0aac9;--text-faint: #8a85a3;--accent: #8b7ffb;--accent-2: #9d93ff;--success: #00d9a6;--success-bg: #0d2e29;--warn: #ff8266;--warn-bg: #3a1f1a;--info: #4fa8ff;--info-bg: #122a3d;--profissional: #3987e5;--pessoal: #d95926;--grid: #2a2739;color-scheme:dark}}:root[data-theme=dark]{--bg: #15131f;--surface: #1e1c2b;--surface-2: #2a2739;--border: #37324c;--text: #efeceb;--text-dim: #b0aac9;--text-faint: #8a85a3;--accent: #8b7ffb;--accent-2: #9d93ff;--success: #00d9a6;--success-bg: #0d2e29;--warn: #ff8266;--warn-bg: #3a1f1a;--info: #4fa8ff;--info-bg: #122a3d;--profissional: #3987e5;--pessoal: #d95926;--grid: #2a2739;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;-webkit-tap-highlight-color:transparent}h1,h2,h3,.display{font-family:Sora,sans-serif;text-wrap:balance}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 22px}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-mark svg{width:16px;height:16px}.brand-name{font-family:Sora,sans-serif;font-weight:600;font-size:16px;letter-spacing:-.01em}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--text-dim);cursor:pointer;font-weight:500;font-size:13.5px;border:none;background:none;width:100%;text-align:left;transition:background .15s,color .15s}.nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent);color:#fff}.sidebar-foot{margin-top:auto;padding:10px 2px;display:flex;flex-direction:column;gap:8px}.streak-card{background:var(--surface-2);border-radius:12px;padding:12px;text-align:center}.streak-num{font-family:Sora,sans-serif;font-size:22px;font-weight:700;color:var(--accent)}.streak-label{font-size:11px;color:var(--text-dim);margin-top:2px}.link-btn{background:none;border:none;color:var(--text-faint);font-size:12px;cursor:pointer;padding:6px;border-radius:6px}.link-btn:hover{color:var(--text);background:var(--surface-2)}.mobile-nav,.mobile-streak{display:none}.main{flex:1;min-width:0;padding:28px clamp(16px,3vw,36px) 96px}.view{max-width:980px;margin:0 auto;animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:24px;margin:0 0 4px}.page-sub{color:var(--text-dim);font-size:13.5px;margin:0}.date-today{color:var(--text-faint);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13px;padding:9px 16px;border-radius:9px;border:1px solid transparent;cursor:pointer;white-space:nowrap;min-height:38px}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-2)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--surface);border-color:var(--border);color:var(--warn)}.btn-danger:hover{background:var(--warn-bg);border-color:var(--warn)}.btn svg{width:15px;height:15px}.group{margin-bottom:26px}.group-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.group-dot{width:8px;height:8px;border-radius:50%}.group-title{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.group-count{font-size:11px;font-weight:700;background:var(--surface-2);color:var(--text-dim);border-radius:20px;padding:1px 8px;font-variant-numeric:tabular-nums}.cards{display:flex;flex-direction:column;gap:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px}.card.running{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.card.done{opacity:.6}.card.done .card-title{text-decoration:line-through}.card-check{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--surface);color:transparent;padding:0}.card-check:hover{border-color:var(--success);color:var(--success)}.card-check svg{width:14px;height:14px}.card-check.checked{background:var(--success);border-color:var(--success);color:#fff}.card-body{flex:1;min-width:0;cursor:pointer}.card-title{font-weight:600;font-size:13.5px;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:2px 9px 2px 7px;border-radius:20px;background:var(--surface-2);color:var(--text-dim)}.swatch{width:8px;height:8px;border-radius:3px;flex-shrink:0}.card-time{font-size:11.5px;color:var(--text-faint);display:flex;align-items:center;gap:4px}.card-time svg{width:11px;height:11px}.card-time.late{color:var(--warn);font-weight:600}.card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.icon-btn svg{width:15px;height:15px}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.timer-active{background:var(--accent);border-color:var(--accent);color:#fff}.icon-btn.cancel:hover{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}.empty-row{color:var(--text-faint);font-size:13px;padding:14px 4px;font-style:italic}.loading{color:var(--text-faint);padding:40px 0;text-align:center}.areas-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px}.areas-layout>div{min-width:0}.area-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin:14px 0 6px}.area-cat:first-child{margin-top:0}.area-list{display:flex;flex-direction:column;gap:3px}.area-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-dim);border:none;background:none;text-align:left;width:100%}.area-item:hover{background:var(--surface-2)}.area-item.active{background:var(--surface-2);color:var(--text);font-weight:600}.area-item .swatch{width:9px;height:9px}.area-item-count{margin-left:auto;font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.area-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.area-head h2{font-size:17px;margin:0;flex:1;display:flex;align-items:center;gap:9px}.area-summary{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.stat-label{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.stat-value{font-family:Sora,sans-serif;font-size:21px;font-weight:700}.stat-value small{font-size:12px;font-weight:600;color:var(--text-faint)}.area-chips{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e80;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;animation:fade .15s ease}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;border:1px solid var(--border);padding:22px}.modal h2{font-size:18px;margin:0 0 2px}.modal-sub{font-size:12.5px;color:var(--text-dim);margin:0 0 18px}.field{margin-bottom:14px}.field label,.field .label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:6px}.field .req{color:var(--warn)}.field input,.field select{width:100%;padding:10px 11px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:16px;min-height:42px}@media(min-width:821px){.field input,.field select{font-size:13.5px}}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.field-hint{font-size:11.5px;color:var(--text-faint);margin-top:4px}.field-error{font-size:12px;color:var(--warn);margin-top:4px}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.field input[type=date]{min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-actions{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.modal-actions .btn{flex:1;justify-content:center}.modal-actions .btn-danger{flex:0 0 auto}.form-error{background:var(--warn-bg);color:var(--warn);border-radius:9px;padding:9px 12px;font-size:12.5px;margin-top:10px}.cat-toggle{display:flex;gap:8px}.cat-btn{flex:1;padding:10px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);font-weight:600;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.cat-btn.sel{background:var(--surface-2);border-color:var(--text-dim);color:var(--text)}.cores{display:flex;flex-wrap:wrap;gap:8px}.cor-btn{width:34px;height:34px;border-radius:10px;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:0 0 0 2px var(--surface) inset}.cor-btn.sel{border-color:var(--text)}.timer-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 10px 10px 18px;border-radius:30px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #00000040;z-index:60;font-size:13px;font-weight:600;max-width:calc(100vw - 32px);animation:sobe .3s ease}@keyframes sobe{0%{transform:translate(-50%) translateY(120%)}to{transform:translate(-50%) translateY(0)}}.timer-toast .t-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 1.4s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.timer-toast .t-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.timer-toast .t-clock{font-variant-numeric:tabular-nums;min-width:52px}.timer-toast button{background:var(--bg);border:none;color:var(--text);cursor:pointer;font-size:12px;font-weight:700;padding:7px 12px;border-radius:20px;flex-shrink:0}.aviso{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:70;background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn);padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;max-width:calc(100vw - 32px)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;width:100%;max-width:360px}.login .brand{padding:0 0 18px}.login .btn{width:100%;justify-content:center}.periodo{display:flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:10px}.periodo button{border:none;background:none;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-dim);cursor:pointer}.periodo button.sel{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:6px}.kpi-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.kpi-icon svg{width:15px;height:15px}.kpi-delta{font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap}.kpi-delta.up{background:var(--success-bg);color:var(--success)}.kpi-delta.down{background:var(--warn-bg);color:var(--warn)}.kpi-delta.neutral{background:var(--surface-2);color:var(--text-dim)}.kpi-value{font-family:Sora,sans-serif;font-size:24px;font-weight:700}.kpi-label{font-size:12px;color:var(--text-dim);margin-top:2px}.panels{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-title{font-size:14px;font-weight:700;margin:0 0 2px}.panel-sub{font-size:12px;color:var(--text-faint);margin:0 0 14px}.tabela-toggle{background:none;border:1px solid var(--border);color:var(--text-dim);border-radius:7px;font-size:11px;font-weight:600;padding:3px 8px;cursor:pointer;flex-shrink:0}.tabela-toggle:hover{background:var(--surface-2)}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.legend-swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0}.tabela{width:100%;border-collapse:collapse;font-size:12.5px}.tabela th{text-align:left;font-weight:600;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:4px 6px;border-bottom:1px solid var(--border)}.tabela td{padding:5px 6px;border-bottom:1px solid var(--grid);color:var(--text-dim);font-variant-numeric:tabular-nums}.tabela td.num,.tabela th.num{text-align:right}.tabela-scroll{max-height:260px;overflow:auto}.bars-wrap{position:relative;padding-left:36px}.bars-axis{position:absolute;left:0;top:0;bottom:22px;width:36px}.bars-axis span{position:absolute;right:8px;transform:translateY(50%);font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.bars-grid{position:absolute;left:36px;right:0;top:0;bottom:22px;pointer-events:none}.bars-grid div{position:absolute;left:0;right:0;height:1px;background:var(--grid)}.bars{position:relative;display:flex;align-items:stretch;gap:2px;height:172px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;cursor:default}.bar-plot{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bar-col:hover .bar-plot{background:var(--grid);border-radius:4px}.bar-stack{width:100%;max-width:24px;display:flex;flex-direction:column;gap:2px}.bar-seg{width:100%}.bar-seg:first-child{border-radius:4px 4px 0 0}.bar-label{font-size:10.5px;color:var(--text-faint);height:22px;line-height:22px;font-variant-numeric:tabular-nums}.donut-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.donut-wrap svg{flex-shrink:0}.donut-wrap .legend{flex-direction:column;gap:8px;margin-top:0;flex:1;min-width:150px}.donut-wrap .legend-item{justify-content:flex-start}.donut-wrap .legend-item .val{margin-left:auto;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.donut-seg{cursor:default;transition:opacity .15s}.donut-dim .donut-seg:not(:hover){opacity:.35}.heat-scroll{overflow-x:auto}.heatmap{display:grid;grid-template-columns:56px repeat(24,minmax(14px,1fr));gap:2px;min-width:460px}.heat-hourlabel{font-size:9.5px;color:var(--text-faint);grid-row:1;font-variant-numeric:tabular-nums}.heat-daylabel{font-size:11px;color:var(--text-dim);display:flex;align-items:center;padding-right:6px;white-space:nowrap}.heat-cell{height:18px;border-radius:3px;background:var(--surface-2)}.heat-cell.on{cursor:default}.heat-cell.on:hover{outline:2px solid var(--text);outline-offset:0}.completion-ring{position:relative;width:124px;height:124px;margin:0 auto}.completion-ring svg{transform:rotate(-90deg)}.completion-mid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.completion-mid .num{font-family:Sora,sans-serif;font-size:22px;font-weight:700}.completion-mid .lbl{font-size:10.5px;color:var(--text-faint)}.completion-caption{text-align:center;font-size:12px;color:var(--text-dim);margin-top:6px}.suggestions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.suggestion{display:flex;gap:10px;padding:10px;border-radius:10px;background:var(--surface-2)}.suggestion-icon{width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.suggestion-icon.atraso{background:var(--warn)}.suggestion-icon svg{width:13px;height:13px}.suggestion-text{font-size:12.5px;color:var(--text-dim)}.suggestion-text b{color:var(--text)}.tooltip{position:fixed;z-index:80;pointer-events:none;background:var(--text);color:var(--bg);padding:7px 10px;border-radius:8px;font-size:12px;line-height:1.45;max-width:240px;box-shadow:0 4px 14px #0003}.tooltip .tt-title{font-weight:700;margin-bottom:2px}.tooltip .tt-row{display:flex;align-items:center;gap:6px}.tooltip .tt-row b{margin-left:auto;padding-left:10px;font-variant-numeric:tabular-nums}@media(max-width:820px){.sidebar{display:none}.main{padding:18px 16px calc(84px + env(safe-area-inset-bottom,0px))}.mobile-streak{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--accent);background:var(--surface-2);padding:3px 10px;border-radius:20px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around;z-index:40}.mobile-nav button{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-faint);font-size:10.5px;font-weight:600;cursor:pointer;padding:6px 12px;min-width:60px}.mobile-nav button svg{width:20px;height:20px}.mobile-nav button.active{color:var(--accent)}.timer-toast{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.page-head .btn-hide-mobile{display:none}.panels{grid-template-columns:1fr}.areas-layout{grid-template-columns:minmax(0,1fr)}.area-side{display:none}.area-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin:0 -16px 12px;padding-inline:16px}.area-chips .area-item{width:auto;flex-shrink:0;white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:7px 12px}.area-chips .area-item.active{border-color:var(--text-dim)}}@media(max-width:760px){.dash-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.area-summary{grid-template-columns:1fr 1fr}.card{padding:11px 12px;gap:10px}.card-actions{gap:4px}.kpi-value{font-size:21px}}