:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{height:100%;margin:0;padding:0;background-color:#eff2f5}body{margin:0;display:flex;min-width:320px;min-height:100vh;font-family:Poppins,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--blue: #2b6cb0;--card: #2f2f2f;--text: #e9e9e9;--muted: #cfd8e3;--btn: #2b6cb0;--btn-hover: #245a93}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--blue);padding:24px}.login-card{width:360px;background:var(--card);border-radius:6px;padding:28px 28px 32px;box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;align-items:center}.login-logo{width:220px;height:auto;margin-bottom:18px;-webkit-user-select:none;user-select:none}.login-form{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.login-label{color:var(--text);font-size:15px;margin-top:4px}.login-input{width:100%;height:42px;border:1px solid #3e3e3e;background:#fff;border-radius:3px;padding:0 10px;font-size:15px;outline:none;box-sizing:border-box;color:#000}.login-input:focus{border-color:#5a9bf6;box-shadow:0 0 0 3px #5a9bf640}.login-error{margin-top:6px;padding:8px 10px;background:#ffebee;color:#b71c1c;border:1px solid #ffcdd2;border-radius:4px;font-size:14px}.login-button{margin-top:6px;height:44px;border:none;border-radius:4px;font-size:16px;font-weight:600;color:#fff;background:var(--btn);cursor:pointer}.login-button:hover{background:var(--btn-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}:root{--sb: #2b6cb0;--bg: #f3f4f6;--link: #e5e7eb;--active: #ffffff;--stroke: #e5e7eb;--sb-w-collapsed: 72px;--sb-w-expanded: 240px}.app-sidebar{width:var(--sb-w-collapsed);min-height:100vh;background:var(--sb);color:#fff;display:flex;flex-direction:column;align-items:stretch;padding:10px 8px;gap:8px;border-right:1px solid rgba(255,255,255,.15);transition:width .2s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-sidebar.hover-expand:hover{width:var(--sb-w-expanded)}.sb-section{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#ffffffbf;margin:10px 6px 4px;padding:0 4px;opacity:0;height:0;overflow:hidden;transition:opacity .18s ease}.app-sidebar.hover-expand:hover .sb-section{opacity:.9;height:auto}.sb-nav{display:flex;flex-direction:column;gap:6px;margin-top:6px;flex:1}.sb-link{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:8px;color:var(--link);text-decoration:none;border:0;background:none;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap;overflow:hidden}.sb-link:hover{background:#ffffff1f;color:#fff}.sb-link.active{background:#ffffff2e;color:var(--active);font-weight:600}.sb-link.disabled{opacity:.5;pointer-events:none}.sb-icon{min-width:18px;display:grid;place-items:center}.sb-text{opacity:0;transform:translate(6px);transition:opacity .18s ease,transform .18s ease}.app-sidebar.hover-expand:hover .sb-text{opacity:1;transform:translate(0)}@media (prefers-reduced-motion: reduce){.app-sidebar,.sb-text,.sb-section{transition:none}}.app-main{height:100%;background-color:#eff2f5;padding:16px;overflow:auto;-webkit-overflow-scrolling:touch;min-width:0;min-height:0}:root{--bg: #f3f4f6;--card: #fff;--stroke: #e5e7eb;--title: #1f2937;--text: #111827;--muted: #6b7280;--col-gap: 16px;--pad-x: 18px;--pad-y: 12px;--radius: 8px}.pp-page{min-height:100vh;background:var(--bg);padding:16px}.pp-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--stroke);border-radius:8px;padding:12px 16px;margin-bottom:8px}.pp-title{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.pp-title h1{margin:0;font-size:22px;font-weight:600;color:var(--title)}.pp-dates{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.pp-field{display:flex;flex-direction:column;gap:6px;min-width:160px}.pp-field label{font-size:12px;color:#374151}.pp-field input[type=date]{height:38px;border:1px solid var(--stroke);border-radius:8px;background:#fff;padding:0 10px}.pp-actions{display:flex;gap:8px;flex-wrap:wrap}.pp-card{background:var(--card);border:1px solid var(--stroke);border-radius:8px;overflow:hidden;padding:6px}.pp-topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:6px 8px 2px}.pp-inline{display:flex;align-items:center;gap:8px}.pp-inline select{height:34px;border:1px solid var(--stroke);background:#fff;border-radius:6px;color:#000;padding:0 8px}.pp-table{width:100%;font-size:14.5px;table-layout:auto}.pp-table thead th{background:#f9fafb;color:#111827;font-weight:600;border-bottom:none;padding:0;text-align:left;position:sticky;top:0;z-index:2}.pp-table thead tr{box-shadow:inset 0 -1px var(--stroke)}.th-static{display:flex;align-items:center;gap:6px;width:100%;padding:calc(var(--pad-y) + 2px) var(--pad-x)}.pp-table tbody td{padding:0;border-bottom:none;color:var(--text);vertical-align:top}.pp-table tbody tr{box-shadow:inset 0 -1px var(--stroke)}.pp-table tbody tr:nth-child(odd) .cell{background:#fcfcff}.pp-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px}.pp-pager button{width:36px;height:36px;border:1px solid var(--stroke);background:#fff;border-radius:6px;cursor:pointer}.pp-pager button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 900px){:root{--col-gap: 12px;--pad-x: 14px}.th-static{padding:calc(var(--pad-y) + 1px) var(--pad-x)}}:root{--bg: #f3f4f6;--card: #fff;--stroke: #e5e7eb;--title: #1f2937;--text: #111827;--btn: #2563eb;--btn-h: #1d4ed8;--muted: #6b7280;--col-gap: 16px;--pad-x: 18px;--pad-y: 12px;--radius: 8px}.cli-page{min-height:100vh;background:var(--bg);padding:16px}.cli-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--stroke);border-radius:8px;padding:12px 16px;margin-bottom:8px}.cli-header h1{margin:0;font-size:22px;font-weight:600;color:var(--title)}.cli-actions{display:flex;gap:8px;flex-wrap:wrap}.cli-actions .link{background:transparent;border:1px solid var(--btn);color:var(--btn)}.btn-icon{margin-right:8px;vertical-align:-2px;display:inline-block}.cli-pills{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--stroke);color:#111827;border-radius:999px;padding:6px 10px;font-size:13px}.pill button{border:0;background:transparent;color:#6b7280;cursor:pointer;font-size:16px;line-height:1}.cli-card{background:var(--card);border:1px solid var(--stroke);border-radius:8px;overflow:hidden;padding:6px}.cli-table{width:100%;font-size:14.5px;table-layout:auto}.cli-table thead th{background:#f9fafb;color:#111827;font-weight:600;border-bottom:none;padding:0;text-align:left;position:sticky;top:0;z-index:2}.cli-table thead tr{box-shadow:inset 0 -1px var(--stroke)}.th-filter{display:flex;align-items:center;gap:6px;width:100%;padding:calc(var(--pad-y) + 2px) var(--pad-x);background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;min-width:0}.th-filter:hover{background:#f3f4f6}.th-filter .caret{font-size:12px;opacity:.6;transition:opacity .15s ease}.th-filter.active{color:var(--btn)}.th-filter.active .caret{opacity:1}.cli-table tbody td{padding:0;border-bottom:none;color:var(--text);vertical-align:top}.cli-table tbody tr{box-shadow:inset 0 -1px var(--stroke)}.cli-table tbody tr:nth-child(odd) .cell{background:#fcfcff}.cell{padding:var(--pad-y) var(--pad-x);border-radius:var(--radius);background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell.wrap{white-space:normal;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cell.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.cli-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px}.cli-pager button{width:36px;height:36px;border:1px solid var(--stroke);background:#fff;border-radius:6px;cursor:pointer}.cli-pager button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 900px){:root{--col-gap: 12px;--pad-x: 14px}.cli-header{padding:10px 12px}.th-filter{padding:calc(var(--pad-y) + 1px) var(--pad-x)}}.td-actions{display:flex;align-items:center;gap:8px}.icon-btn{border:1px solid var(--stroke);background:#fff;border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:0;cursor:pointer}.icon-btn:hover{background:#f3f4f6}.icon-btn svg{width:18px;height:18px;display:block;color:var(--text);fill:currentColor}.icon-btn svg [stroke]{stroke:currentColor}.icon-btn.danger{color:#ef4444;border-color:#fecaca}.icon-btn.danger:hover{background:#fee2e2}:root{--bg: #EFF2F5;--card: #EFF2F5;--stroke: #EFF2F5;--title: #1f2937;--text: #111827;--muted: #6b7280;--col-gap: 16px;--pad-x: 18px;--pad-y: 12px;--radius: 8px}.page-wrap{padding:24px;background:#eff2f5;min-height:100vh;color:#222;width:90vw}.page-title{display:flex;align-items:center;gap:8px;font-size:22px;margin:0}.tasks-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.title-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:flex;align-items:center;gap:8px}.type-filter{display:flex;gap:8px;flex-wrap:wrap}.type-chip{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #E3E3E8;background:#fff;color:#6b7280;cursor:pointer;padding:0;line-height:0}.type-chip:hover{background:#f8f8ff}.type-chip.active{background:#7e3ff2;border-color:#7e3ff2;color:#fff}.type-chip svg{width:18px;height:18px;display:block;color:currentColor}.input{background:#fff;border:1px solid #DCDCDC;border-radius:8px;padding:10px 12px;font-size:14px;outline:none;color:#222}.input::placeholder{color:#9aa0a6}.input:focus{border-color:#b9a8ff;box-shadow:0 0 0 3px #7e3ff21f}.textarea{resize:vertical}.btn,button.btn{background:#fff!important;border:1px solid #DCDCDC;border-radius:8px;padding:10px 12px;cursor:pointer;font-size:14px;color:#222!important}.btn:hover{background:#f8f8ff}.btn.primary{background:#7e3ff2;color:#fff;border-color:#7e3ff2}.btn.primary:hover{filter:brightness(.95)}.icon-button{background:transparent!important;border:none;padding:6px;border-radius:6px;cursor:pointer;color:#222!important}.icon-button:hover{background:#f3f3f6}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid #E3E3E8;background:#fff!important;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:13px;color:#333!important}.tab.active{background:#7e3ff2;color:#fff;border-color:#7e3ff2}.search-bar{display:flex;gap:8px}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E3E3E8;border-radius:8px;padding:8px 10px;flex:1;overflow:hidden}.search input{border:none;outline:none;width:100%;font-size:14px;color:#222;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}.tasks-list{display:flex;flex-direction:column;gap:12px}.muted{color:#777}.error{color:#b00020}.task-card{background:#fff;border:1px solid #E3E3E8;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:12px;display:flex;flex-direction:column;gap:8px}.task-header{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.task-client{color:#7a7a7a;font-size:12px}.task-type{display:flex;align-items:center;gap:8px}.type-icon{color:#7e3ff2}.type-label{font-weight:600}.chip{border-radius:999px;padding:4px 8px;font-size:12px;border:1px solid #E3E3E8;background:#fafafe;color:#333}.chip.prazo.overdue{background:#fff1f1;border-color:#ffd6d6;color:#b00020}.task-actions{display:flex;align-items:center;gap:6px;position:relative}.finish{display:flex;align-items:center;gap:6px;color:#333;font-size:13px}.menu-dropdown{position:absolute;right:0;top:28px;background:#fff;border:1px solid #E3E3E8;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;min-width:120px;z-index:10}.menu-item{display:block;width:100%;text-align:left;padding:8px 10px;background:#fff!important;border:none;cursor:pointer;font-size:13px;color:#222!important}.menu-item:hover{background:#f8f8ff}.menu-item.danger{color:#b00020}.task-desc{white-space:pre-wrap;font-size:14px;color:#222}.task-footer{display:flex;flex-direction:column;gap:6px}.task-meta{color:#666;font-size:12px}.task-attachments{display:flex;flex-wrap:wrap;gap:8px}.task-attachments a{color:#7e3ff2;text-decoration:none;font-size:13px}.task-attachments a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card{width:800px;max-width:100%;background:#fff;border-radius:12px;box-shadow:0 20px 70px #0003;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee}.type-tabs{display:flex;gap:6px;flex-wrap:wrap}.type-tab{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #E3E3E8;border-radius:999px;background:#fff!important;color:#222!important;cursor:pointer;font-size:13px}.type-tab.active{background:#7e3ff2;color:#fff;border-color:#7e3ff2}.modal-body{padding:12px;display:flex;flex-direction:column;gap:12px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:13px;color:#333}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chips-select .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip-circle{width:20px;height:20px;border-radius:999px;background:#7e3ff2;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;margin-right:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#f1eeff;border:1px solid #e1dbff}.chip-close{background:transparent;border:none;cursor:pointer;padding:0 4px;font-size:16px;color:#666}.attachments-list{margin:6px 0 0;padding-left:18px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid #eee}.autocomplete{position:relative}.selected-client{display:flex;align-items:center;gap:6px;margin-bottom:6px}.client-chip{background:#f1eeff;border:1px solid #e1dbff;color:#333;border-radius:999px;padding:4px 8px;font-size:12px}.autocomplete-dropdown{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #E3E3E8;border-radius:8px;box-shadow:0 10px 30px #0000001f;overflow:hidden;z-index:20;max-height:240px;overflow-y:auto;color:#222}.dropdown-item{padding:8px 10px;font-size:14px;cursor:pointer;color:#222}.dropdown-item:hover,.dropdown-item.active{background:#f8f8ff}.dropdown-item.muted{color:#777;cursor:default}.dropdown-item.error{color:#b00020;cursor:default}.pagination{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:12px}