:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#243746;background:#f5f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #abd9ed;outline-offset:2px}.layout{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:#fff;border-right:1px solid #e5edf2;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{height:87px;padding:22px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #eff2f5}.brand strong{display:block;font-size:17px;letter-spacing:-.5px}.brand small{display:block;font-size:11px;color:#7e909b;margin-top:2px}.logo-mark{width:54px;height:54px;display:grid;place-items:center;background:linear-gradient(150deg,#166c93,#139a95);color:#fff;border-radius:16px;box-shadow:0 7px 18px #1b829333}.logo-mark.small{width:38px;height:38px;border-radius:11px;box-shadow:none}.nav-links{padding:19px 11px;display:grid;gap:5px}.nav-links button{width:100%;display:flex;gap:13px;align-items:center;text-align:left;border:0;background:none;color:#687d8a;font-weight:600;font-size:14px;padding:13px 15px;border-radius:11px}.nav-links button:hover{background:#f1f7fa}.nav-links button.active{background:#eaf5f9;color:#126b8f}.nav-count{margin-left:auto;font-size:11px;background:#e2eef2;padding:3px 7px;border-radius:18px}.sidebar-bottom{margin-top:auto;padding:18px;border-top:1px solid #eaf0f2}.user-email{font-size:11px;color:#7c919a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout{border:0;background:none;color:#677d89;display:flex;gap:10px;align-items:center;padding:12px 0 0}.main{flex:1;min-width:0}.topbar{height:87px;border-bottom:1px solid #e4edf0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px}.topbar-title{display:grid;gap:3px}.topbar-title strong{font-size:18px}.eyebrow{font-size:10px;letter-spacing:2px;color:#91a2ab;font-weight:750}.topbar-actions{display:flex;align-items:center;gap:15px}.sync-pill{display:flex;gap:7px;align-items:center;border-radius:40px;padding:8px 11px;font-size:12px;font-weight:650;background:#e9f8f2;color:#277c61}.sync-pill.offline,.sync-pill.cached{background:#fff3de;color:#967035}.sync-pill.syncing{background:#e8f3ff;color:#256890}.btn-primary{border:0;color:#fff;border-radius:10px;background:#116f93;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;white-space:nowrap}.btn-primary:hover{background:#0e5c7b}.btn-muted{border:1px solid #dfe8ed;background:#fff;color:#526977;border-radius:10px;font-size:12px;font-weight:700;display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:10px 12px}.btn-muted:hover{background:#f2f8fa}.btn-danger{border:0;background:#fff4f3;color:#bc554b;font-weight:700;border-radius:8px;padding:10px 12px;display:inline-flex;gap:7px;align-items:center;font-size:12px}.icon-btn{display:inline-grid;place-items:center;flex:none;border:0;background:transparent;color:#677f8b;width:35px;height:35px;border-radius:9px}.icon-btn:hover{background:#eaf1f4}.icon-btn.bordered{border:1px solid #e0e7ec;background:#fff}.content{padding:32px 34px 70px;max-width:1450px;margin:0 auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.section-heading h1{margin:0 0 7px;font-size:25px;letter-spacing:-.8px}.section-heading h2{margin:0 0 4px;font-size:19px;letter-spacing:-.5px}.section-heading p{color:#8597a0;margin:0;font-size:13px}.section-heading.compact{margin:26px 0 14px}.calendar-toolbar{display:flex;gap:8px;align-items:center}.calendar-toolbar strong{min-width:135px;text-align:center;text-transform:capitalize;font-size:14px}.filterbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-options button{border:1px solid #e1eaf0;background:#fff;border-radius:9px;padding:9px 12px;font-size:12px;color:#718491;font-weight:650}.filter-options button.selected{border-color:#b3d9e4;background:#e7f4f8;color:#146f8c}.searchbox{display:flex;gap:8px;align-items:center;border:1px solid #e1eaf0;background:#fff;border-radius:9px;padding:0 11px;color:#8aa0ae;min-width:180px}.searchbox input{outline:0!important;border:0;background:transparent;padding:9px 0;width:100%;font-size:12px;min-width:0}.calendar-panel{background:#fff;border:1px solid #e1eaf0;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #183c4d05}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{text-align:center;padding:13px;background:#f8fafb;border-bottom:1px solid #eaf0f3;color:#8ba0aa;font-size:11px;font-weight:750}.calendar-cell{min-height:112px;padding:7px 8px;border-right:1px solid #edf1f4;border-bottom:1px solid #edf1f4;min-width:0}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.outside{background:#fafcfd}.calendar-cell.selected{background:#f1f9fc}.day-number{display:grid;place-items:center;border:0;background:transparent;color:#425a6a;width:27px;height:27px;font-size:12px;font-weight:650;border-radius:50%;margin-bottom:5px}.calendar-cell.is-today .day-number{background:#16749a;color:#fff}.cell-events{display:grid;gap:3px}.cell-task{text-align:left;border:0;border-radius:4px;padding:4px 6px;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cell-task-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-task.fp,.category-pill.fp,.week-item.fp{background:#e3f2fc;color:#287ba4}.cell-task.primaria,.category-pill.primaria,.week-item.primaria{background:#fff1d9;color:#946527}.cell-task.personal,.category-pill.personal,.week-item.personal{background:#ecedfc;color:#6664a0}.cell-task.otros,.category-pill.otros,.week-item.otros{background:#e1f5eb;color:#3f8165}.cell-task.finished{text-decoration:line-through;opacity:.58}.more-count{border:0;background:transparent;text-align:left;color:#7d909b;font-size:10px;font-weight:700}.mobile-dots{display:none}.task-list{display:grid;gap:9px}.task-card{display:flex;gap:13px;align-items:center;padding:14px 17px;background:#fff;border:1px solid #e1eaf0;border-radius:12px;box-shadow:0 1px 6px #24374605}.task-check{flex:none;width:23px;height:23px;border-radius:7px;border:1.7px solid #b8cad3;background:#fff;color:#fff;display:grid;place-items:center}.task-check.checked{background:#269678;border-color:#269678}.task-main{min-width:0;flex:1;text-align:left;display:grid;gap:8px;background:none;border:0;padding:0}.task-title{font-size:14px;font-weight:650;color:#2e4552;overflow-wrap:anywhere}.done .task-title{text-decoration:line-through;color:#a0aeb6}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#8397a1;font-size:11px}.task-meta>span:not(.category-pill){display:inline-flex;align-items:center;gap:3px}.category-pill{font-size:10px;font-weight:800;padding:4px 7px;border-radius:6px;white-space:nowrap}.task-meta .late,.priority-high{color:#b94d4d!important}.task-more{border:0;background:none;color:#9aabb4}.empty-state{border:1px dashed #d4e1e6;border-radius:14px;padding:35px;display:grid;place-items:center;text-align:center;gap:8px;color:#8799a2}.empty-state p{margin:0;font-size:13px}.empty-state h3{margin:4px}.empty-state.spacious{padding:60px 20px}.summary-line{color:#8b9da5;font-size:13px;margin:13px 0 17px}.summary-line strong{color:#47616d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.stat-card{background:#fff;border:1px solid #e1eaf0;border-radius:14px;padding:19px}.stat-card>div{display:flex;align-items:center;justify-content:space-between;color:#6e96aa}.stat-card strong{font-size:32px;color:#2f505f}.stat-card>span{display:block;margin-top:11px;color:#8496a0;font-size:12px}.stat-card.attention strong{color:#c35c4d}.stat-card.attention>div{color:#c35c4d}.quick-capture{display:flex;align-items:center;gap:12px;border:1px solid #dce9ef;background:#fff;border-radius:13px;padding:12px 15px;color:#8aa0aa}.quick-capture input{flex:1;min-width:0;padding:11px 0;border:0;outline:0!important}.help-text{font-size:12px;color:#94a3ab;margin-top:14px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:10px;overflow-x:auto}.week-day{background:#fff;border:1px solid #e4edf1;min-height:250px;border-radius:12px;padding:12px}.week-day.today{border-color:#8ac8de}.week-day-head{display:flex;justify-content:space-between;color:#8299a5;font-size:12px;margin-bottom:14px}.week-day-head strong{text-transform:capitalize}.week-item{display:block;width:100%;margin-bottom:7px;border:0;text-align:left;border-radius:6px;font-size:11px;font-weight:650;padding:8px;overflow-wrap:anywhere}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:15px}.project-card{background:#fff;border:1px solid #e3ecf1;border-radius:14px;padding:19px;display:grid;gap:12px}.project-card h3{font-size:17px;letter-spacing:-.3px;margin:0}.project-card-head{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:11px;color:#899da7}.progress-track{height:7px;background:#ebf1f4;border-radius:9px;overflow:hidden}.progress-track div{height:100%;background:#2b9c85;border-radius:9px}.project-phases{font-size:12px;color:#8b9ca6;min-height:16px;margin:0}.project-task-preview{border-top:1px solid #eef1f4;padding-top:9px;display:grid;gap:5px}.project-task-preview button{background:transparent;border:0;display:flex;gap:7px;align-items:center;text-align:left;color:#657d88;padding:5px 0;font-size:11px}.project-task-preview button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-page,.loading{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(140deg,#eff9fb,#f9fbfc)}.auth-card{background:#fff;max-width:420px;width:100%;padding:37px;border:1px solid #e0ebef;border-radius:23px;box-shadow:0 10px 50px #2a58751a}.auth-card .logo-mark{margin-bottom:15px}.auth-card h1{font-size:28px;margin:0 0 6px}.auth-card p{font-size:14px;color:#83969f;line-height:1.6}.auth-card form{display:grid;gap:17px;margin-top:25px}.field{display:grid;gap:7px;font-size:12px;font-weight:750;color:#627783}.field input,.field textarea,.field select{border:1px solid #dce6eb;border-radius:9px;background:#fff;padding:12px;font-size:14px;font-weight:400;min-width:0;width:100%;color:#273e4c}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#afbdc4}.auth-note{display:flex;align-items:center;gap:7px;font-size:12px!important}.btn-wide{width:100%;padding:14px}.error-box,.error-banner{color:#a84d47;background:#fff0ee;border:1px solid #f9ddd9;border-radius:9px;padding:11px;font-size:12px}.error-banner{margin:16px 34px 0;display:flex;justify-content:space-between;align-items:center}.error-banner button{border:0;color:inherit;background:none}.update-banner{background:#fff8e8;margin:16px 34px 0;padding:10px 15px;border:1px solid #f5e5bf;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:12px;color:#866c3f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18384b79;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#fff;border-radius:19px;width:min(590px,100%);max-height:min(92vh,900px);display:flex;flex-direction:column;box-shadow:0 18px 70px #092c4e4b}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;border-bottom:1px solid #edf2f4}.modal-head h2{font-size:19px;margin:0}.modal-body{display:grid;gap:16px;overflow:auto;padding:23px 24px}.two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.check-label{font-size:13px;color:#526d7a;display:flex;align-items:center;gap:8px}.check-label input{accent-color:#197f9b}.modal-footer{display:flex;gap:9px;align-items:center;justify-content:end;border-top:1px solid #edf2f4;padding:15px 24px}.spacer{flex:1}.mobile-menu,.mobile-close,.mobile-fab,.sidebar-shade{display:none}@media(max-width:1050px){.sidebar{width:210px}.content{padding:25px 21px 70px}.topbar{padding:0 21px}.calendar-cell{min-height:96px}.filterbar{flex-wrap:wrap}.searchbox{flex:1}}@media(max-width:720px){.sidebar{position:fixed;transform:translate(-105%);transition:transform .2s;width:255px;box-shadow:0 10px 35px #1234}.sidebar.open{transform:translate(0)}.sidebar-shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#162b384d;border:0}.mobile-menu,.mobile-close{display:inline-grid}.mobile-close{margin-left:auto}.topbar{height:68px;padding:0 16px}.topbar-title .eyebrow{display:none}.topbar-title strong{font-size:17px}.topbar-actions{gap:9px}.top-add{display:none}.sync-pill{padding:8px;font-size:11px}.content{padding:20px 12px 100px}.section-heading{flex-wrap:wrap;gap:12px;margin-bottom:14px}.section-heading h1{font-size:22px}.section-heading p{font-size:12px}.calendar-toolbar{width:100%;justify-content:flex-end}.calendar-toolbar strong{min-width:130px}.filterbar{gap:9px}.filter-options{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:5px}.filter-options button{white-space:nowrap;padding:8px 11px}.searchbox{height:36px}.calendar-cell{min-height:49px;padding:4px 1px;display:grid;align-content:start;justify-items:center}.day-number{width:26px;height:26px;margin-bottom:4px}.cell-events{display:none}.mobile-dots{display:flex;gap:3px}.dot{width:5px;height:5px;border-radius:50%}.dot.fp{background:#3b9bc9}.dot.primaria{background:#deaa53}.dot.personal{background:#8581d1}.dot.otros{background:#5aae85}.weekday{padding:10px 0}.section-heading.compact{margin-top:23px}.task-card{padding:13px 11px;gap:10px}.task-title{font-size:13px}.task-meta{gap:5px;font-size:10px}.mobile-fab{position:fixed;display:grid;place-items:center;z-index:12;right:18px;bottom:calc(21px + env(safe-area-inset-bottom));background:#116f93;color:#fff;width:56px;height:56px;border:0;border-radius:18px;box-shadow:0 8px 24px #10698e5c}.stats-grid{gap:7px}.stat-card{padding:13px 10px}.stat-card strong{font-size:25px}.stat-card>span{font-size:11px}.two-fields{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-height:94dvh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal-body{padding:18px}.modal-head,.modal-footer{padding:14px 18px}.modal-footer{flex-wrap:wrap}.quick-capture{padding:9px;gap:8px}.quick-capture .btn-primary{padding:11px}.quick-capture .btn-primary svg{display:none}.update-banner,.error-banner{margin:10px 12px}.auth-card{padding:28px 22px}.section-heading .btn-primary{display:none}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.backup-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.backup-buttons button{border:1px solid #dce6eb;border-radius:8px;background:#fff;color:#496979;padding:8px 9px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:650}.backup-buttons button:hover{background:#f0f7f9}
