:root{--accent: #2155c4;--accent-dark: #1a44a8;--red: #dc2626;--red-dark: #b91c1c;--bg: #f2f3f6;--bg-2: #ffffff;--bg-3: #eaecf1;--border: #ced1da;--border-2: #b0b5c4;--text: #12141c;--text-2: #555a6e;--text-3: #9097ac;--danger: #dc2626;--muted: #555a6e;--card: #ffffff;--green: #16a34a;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}#app{max-width:720px;margin:0 auto;padding:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh}header{position:sticky;top:0;z-index:10;background:var(--red);color:#fff;margin:-16px -16px 16px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;gap:8px}header strong{font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}header span{display:flex;align-items:center;gap:8px;font-size:.83rem}header .user-email{opacity:.85;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header #close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:3px;color:#fff;font-size:1rem;line-height:1;padding:5px 9px;cursor:pointer;font-family:inherit;transition:background .15s}header #close-btn:hover{background:#ffffff47}header #config-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:3px;color:#fff;font-size:1rem;padding:5px 8px;cursor:pointer;transition:background .15s}header #config-btn:hover{background:#ffffff47}input[type=color]{width:40px;height:34px;min-height:34px;padding:2px;border-radius:3px;border:1px solid var(--border);background:var(--bg-3);cursor:pointer}.color-field{display:inline-flex;align-items:center;gap:6px;font-size:.88rem}.swatch{width:14px;height:14px;border-radius:3px;display:inline-block;vertical-align:middle;border:1px solid rgba(255,255,255,.1)}#config-area[hidden]{display:none}nav.field{margin-bottom:16px}nav.field label{font-size:.8rem;color:var(--text-2);font-weight:500}section{background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:14px 16px;margin-bottom:14px}h1{font-size:1.2rem;font-weight:700}h2{font-size:.88rem;font-weight:700;margin:0 0 12px;color:var(--text);text-transform:uppercase;letter-spacing:.05em}form{display:flex;flex-direction:column;gap:8px}form.settings-form .field{margin:0}.field{margin-bottom:10px}label{font-size:.8rem;font-weight:500;color:var(--text-2)}input,select{font-size:.88rem;font-family:DM Sans,sans-serif;padding:9px 11px;border-radius:3px;border:1px solid var(--border);width:100%;background:var(--bg-3);color:var(--text);outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-3)}input[type=checkbox]{width:auto;min-width:18px;min-height:18px}select option{background:var(--bg-2);color:var(--text)}button{cursor:pointer;font-size:.85rem;font-family:DM Sans,sans-serif;padding:9px 14px;border-radius:3px;border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);min-height:36px;transition:border-color .15s,color .15s}button:hover{border-color:var(--border-2);color:var(--text)}form button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}form button[type=submit]:hover{background:var(--accent-dark);border-color:var(--accent-dark)}form button[type=submit]:active{background:var(--accent-dark)}ul{list-style:none;margin:10px 0 0;padding:0}li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 0;border-top:1px solid var(--border)}li:first-child{border-top:none}li .edit,li .del,li .save,li .cancel,li .r-del,.reminders-toggle{font-size:.78rem;padding:5px 10px;min-height:30px}li .del,li .r-del{color:var(--danger);border-color:#dc26264d;background:transparent}li .del:hover,li .r-del:hover{background:#dc26261a;border-color:var(--danger)}li .edit{color:var(--accent);border-color:#3b6fd44d;background:transparent}li .edit:hover{background:#3b6fd41a;border-color:var(--accent)}li .save{background:var(--accent);border-color:var(--accent);color:#fff}li .cancel{background:transparent;color:var(--text-2)}.reminders-toggle{background:#3b6fd41a;border-color:#3b6fd44d;color:var(--accent)}.reminders-toggle:hover{background:#3b6fd433}.c-name,.cl-name,.t-titulo{font-weight:600;color:var(--text)}.c-alias{color:var(--muted);font-size:.82rem}.t-meta{width:100%;color:var(--muted);font-size:.8rem}.task-list li .t-titulo{flex:1}.task-list li .done{margin-right:2px}.reminders-panel{width:100%}.reminders-panel:not(:empty){background:var(--bg-3);border:1px solid var(--border);border-radius:3px;padding:10px 12px;margin-top:4px}.reminders-panel .days{display:flex;flex-wrap:wrap;gap:6px 12px}.days label{display:inline-flex;align-items:center;gap:4px;font-size:.83rem;color:var(--text-2)}.error{color:var(--danger);font-size:.82rem;margin:4px 0 0}.tg-status{color:var(--muted);font-size:.82rem}.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:50px;height:50px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:26px;line-height:1;padding:0;box-shadow:0 4px 14px #3b6fd466;z-index:50;cursor:pointer;transition:background .15s}.fab:hover,.fab:active{background:var(--accent-dark)}.add-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.add-modal[hidden]{display:none}.add-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.add-modal-card{position:relative;z-index:1;background:var(--bg-2);border:1px solid var(--border);border-top:2px solid var(--accent);width:100%;max-width:720px;border-radius:4px 4px 0 0;padding:18px 16px;padding-bottom:calc(18px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #0006}.add-modal-card h3{margin:0 0 12px;font-size:.95rem;font-weight:700;color:var(--text)}@media (min-width: 560px){.add-modal{align-items:center}.add-modal-card{border-radius:4px;margin-bottom:2rem}}.task-list li.task{display:block;border-top:none;padding:10px 12px;border-radius:3px;border:1px solid var(--border);margin-bottom:6px;background:var(--bg-2);transition:border-color .12s}.task-list li.task:hover{border-color:var(--border-2)}.task-head{display:flex;align-items:center;gap:8px}.task-head .t-titulo{flex:1;cursor:pointer;font-size:.9rem}.company-chip{font-size:.66rem;font-weight:700;padding:2px 7px;border-radius:2px;color:#fff;white-space:nowrap}.rem-badge{font-size:.76rem;color:var(--muted)}.task-body{margin-top:8px;display:flex;flex-direction:column;gap:8px}.task-body[hidden]{display:none}.task-actions{display:flex;gap:6px}.task-list li.task.editing{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.owner-badge{font-size:.66rem;padding:2px 7px;border-radius:2px;background:#3b6fd426;color:var(--accent);border:1px solid rgba(59,111,212,.25);white-space:nowrap}@media (max-width: 559px){li .edit,li .del,li .save,li .cancel,li .r-del{font-size:0;padding:7px;min-width:34px}li .edit:before,li .del:before,li .save:before,li .cancel:before,li .r-del:before{content:"";display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:16px}li .edit:before{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='%233b6fd4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")}li .del:before,li .r-del:before{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='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3E%3C/svg%3E")}li .save:before{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='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}li .cancel:before{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='%237b8099' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")}}@media (min-width: 560px){form.add-company,form.add-client,form.add-task{flex-flow:row wrap;align-items:center}form.add-company input,form.add-company button,form.add-client input,form.add-client select,form.add-client button,form.add-task input,form.add-task select,form.add-task button{width:auto;flex:1 1 130px}form .error{width:100%;flex-basis:100%}}