@layer base,layout,components,responsive;
@layer components{.subcategory-text{display:block;font-size:10px;color:#627582;margin-top:5px;white-space:nowrap}.toolbar-left #subcategory-filter{min-width:185px}}
@layer responsive{@media(max-width:760px){.category-tabs.category-tabs{row-gap:0}}}
@layer base{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@layer base {
:root{font-family:'Segoe UI',Arial,sans-serif;color:#20313c;background:#f5f7f8;font-size:14px;line-height:1.5;font-synthesis:none;--ink:#20313c;--muted:#63717b;--teal:#126a78;--navy:#173d50;--line:#e1e7eb;--surface:#fff;--green:#28664b;--green-bg:#eaf4ee;--blue:#245f8b;--blue-bg:#eaf2f9;--amber:#805c24;--amber-bg:#faf1df;--radius:12px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--teal);text-underline-offset:3px}button,input,select,textarea{caret-color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #60acbc;outline-offset:3px}::selection{background:#cce5e9;color:#153d49}*{scrollbar-width:thin;scrollbar-color:#b6c8cf #edf2f4}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.25;letter-spacing:-.025em;font-weight:650}h2{font-size:19px;line-height:1.35;font-weight:650;letter-spacing:-.015em}h3{font-size:15px;font-weight:650}small{font-size:12px}svg.icon{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px;margin:0;cursor:pointer}input,select,textarea{color:var(--ink)}input::placeholder,textarea::placeholder{color:#697780}button{color:inherit}dialog{color:var(--ink)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;background:var(--navy);color:white;padding:12px 18px;z-index:100}.skip-link:focus{top:12px}.muted{color:var(--muted)}.tabular{font-variant-numeric:tabular-nums}
}
@layer layout {
.app-header{background:white;border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;min-height:86px;margin:auto;padding:0 46px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--teal)}.brand-mark{width:40px;height:40px}.brand-name{font-size:24px;font-weight:650;letter-spacing:-.03em;line-height:1.1;color:var(--navy)}.brand-name>span{display:block;font-size:11px;font-weight:400;letter-spacing:.01em;color:var(--muted);margin-top:5px}.header-right{display:flex;align-items:center;gap:23px}.demo-pill{display:flex;align-items:center;gap:7px;background:#f0f6f4;color:#3b6658;border:1px solid #dce9e3;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:550}.demo-pill>span{width:6px;height:6px;background:#4f8868;border-radius:50%}.header-divider{height:28px;width:1px;background:var(--line)}.user-info{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:550}.user-info small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:1px}.user-avatar{height:34px;width:34px;background:#edf2f4;color:#38576a;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:650}.main-nav{border-top:1px solid #edf0f2}.nav-inner{max-width:1440px;margin:auto;display:flex;padding:0 46px;gap:30px}.nav-link{display:flex;align-items:center;gap:9px;text-decoration:none;padding:16px 0 15px;color:#60717b;font-size:13px;border-bottom:3px solid transparent;white-space:nowrap}.nav-link svg.icon{width:17px;height:17px}.nav-link:hover{color:var(--teal)}.nav-link.active{color:var(--teal);font-weight:600;border-color:var(--teal)}main{max-width:1440px;margin:auto;padding:35px 46px 50px;min-height:calc(100vh - 204px)}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:27px}.page-subtitle{margin-top:8px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-subtitle svg{width:14px}.head-actions{display:flex;gap:9px;padding-top:3px}.unit-line{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-bottom:20px}.unit-line svg{width:15px}.unit-line>span{color:#a5b1b8;padding:0 2px}.workspace{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:clip}.app-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:22px 46px;color:#6b7c86;font-size:11px;border-top:1px solid var(--line)}.two-column{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}.stack{display:grid;gap:24px}.section-pad{padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.section-title p{font-size:12px;color:var(--muted);margin-top:5px}
}
@layer components {
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border:1px solid #d4dfe4;background:#fff;border-radius:6px;font-weight:550;font-size:12px;min-height:38px;text-decoration:none;white-space:nowrap}.button:hover{background:#f5f9fa;border-color:#9eb7c3}.button.primary{background:var(--teal);color:white;border-color:var(--teal)}.button.primary:hover{background:#0d5866}.button.quiet{border-color:transparent;background:transparent;color:var(--teal)}.button.quiet:hover{background:#edf5f6}.button.small{padding:6px 10px;min-height:32px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#70818b;flex-shrink:0}.icon-button:hover{background:#edf3f5;color:var(--teal)}.text-button{border:0;background:transparent;padding:0;color:var(--teal);font-size:12px;font-weight:550;display:inline-flex;align-items:center;gap:6px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.demo-note{font-size:12px;color:#526b76;display:flex;align-items:flex-start;gap:9px;margin-top:19px}.demo-note svg{width:16px;margin-top:1px}.demo-note strong{font-weight:600}.category-tabs{display:flex;gap:26px;padding:0 23px;border-bottom:1px solid var(--line);overflow-x:auto}.category-tab{display:flex;gap:8px;align-items:center;padding:17px 1px 15px;font-size:12px;white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted)}.category-tab.active{border-color:var(--teal);color:var(--teal);font-weight:600}.category-tab:hover{color:var(--teal)}.tab-count{border-radius:4px;font-size:10px;font-weight:600;line-height:18px;padding:0 5px;color:#62737c;background:#eef2f4;font-variant-numeric:tabular-nums}.active>.tab-count{background:#e6f2f3;color:var(--teal)}.small-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.small-dot.participante{background:#4b7b9d}.small-dot.menos-activo{background:#b18a46}.toolbar{padding:18px 23px;display:flex;justify-content:space-between;gap:14px;align-items:center}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px}.search-field{display:flex;align-items:center;gap:9px;background:#fafcfc;border:1px solid #dbe3e7;border-radius:6px;padding:0 11px;min-height:38px;width:300px;color:#7b8c94}.search-field input{border:0;outline:0;background:transparent;padding:9px 0;width:100%;min-width:0;font-size:12px}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px #d9eef0}.toolbar select,.filter-panel select{font-size:12px;background:#fff;border:1px solid #dbe3e7;border-radius:6px;min-height:38px;padding:7px 27px 7px 11px;max-width:210px}.toolbar select{color:#536774}.toolbar .button{color:#546b77}.toolbar .button svg{width:15px;height:15px}.filter-panel{display:flex;align-items:center;gap:13px;padding:0 23px 17px;font-size:12px;color:var(--muted)}.filter-panel .text-button{margin-left:auto}.columns-control{position:relative}.columns-control summary{list-style:none}.columns-control summary::-webkit-details-marker{display:none}.columns-menu{position:absolute;right:0;top:44px;z-index:8;background:white;border:1px solid var(--line);box-shadow:0 12px 32px #1936481c;border-radius:8px;width:230px;padding:12px}.columns-menu label{display:flex;gap:10px;align-items:center;padding:8px;font-size:12px;cursor:pointer}.columns-menu label:hover{background:#f4f8f9}.bulk-bar{background:#edf6f7;display:flex;align-items:center;gap:13px;padding:10px 23px;color:var(--teal);font-size:12px;border-top:1px solid #dbe8eb}.bulk-bar select{font-size:12px;padding:5px;border:1px solid #bfd4da;border-radius:4px;background:white}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}thead{background:#f7f9fa;color:#61747f}th{font-weight:550;font-size:11px;padding:13px 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}th:first-child,td:first-child{padding-left:23px;width:42px;padding-right:7px}th:last-child,td:last-child{padding-right:23px;width:40px}td{padding:16px 17px;border-bottom:1px solid #edf1f3;height:75px}tbody tr:hover{background:#f8fbfc}tbody tr.selected{background:#eff7f8}tbody tr:last-child td{border-bottom:0}.sort-button{background:transparent;border:0;padding:0;font-size:11px;display:flex;align-items:center;gap:6px;color:inherit}.sort-button svg{width:12px}.member-name{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left;color:var(--ink);font-weight:550;font-size:12px;white-space:normal;min-width:202px}.member-name:hover .member-text>span{text-decoration:underline;text-underline-offset:3px;color:var(--teal)}.member-avatar{height:34px;width:34px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:10px;background:#eaf0f3;color:#516d7d;font-weight:600}.avatar-1{background:#e9f0ec;color:#5b7765}.avatar-2{background:#f2eee5;color:#847452}.avatar-3{background:#ededf6;color:#746d8a}.member-text small{display:block;font-size:10px;color:#7a8891;font-weight:400;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;line-height:20px;padding:1px 8px;border-radius:4px;font-weight:550;background:var(--green-bg);color:var(--green);white-space:nowrap}.badge::before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.badge.participante{background:var(--blue-bg);color:var(--blue)}.badge.menos-activo{background:var(--amber-bg);color:var(--amber)}.responsible-cell{color:#647883;font-size:11px}.next-step{max-width:230px;overflow:hidden;text-overflow:ellipsis;color:#526b78;font-size:11px}.date-cell{color:#6d7e88;font-size:11px}.table-footer{padding:15px 23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#76858e;font-size:11px}.page-control{display:flex;align-items:center;gap:12px}.page-number{background:#eaf3f5;color:var(--teal);border-radius:4px;min-width:27px;height:27px;display:grid;place-items:center;font-weight:600}.empty{padding:65px 25px;text-align:center;color:var(--muted);white-space:normal}.empty svg{width:32px;height:32px;color:#8ba5af;margin-bottom:10px}.empty h3{color:var(--ink);margin-bottom:7px}.empty p{font-size:12px;margin-bottom:16px}.progress-track{height:8px;background:#edf1f3;border-radius:5px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:#4c9473;border-radius:5px}.progress-fill.participante{background:#6399b8}.progress-fill.menos-activo{background:#c5a365}.distribution-row{margin-top:22px}.distribution-label{display:flex;align-items:center;justify-content:space-between;font-size:12px}.distribution-label>span{display:flex;align-items:center;gap:8px}.distribution-label b{font-weight:600}.task-row{display:flex;gap:12px;align-items:flex-start;padding:17px 0;border-bottom:1px solid #edf1f3}.task-row:last-child{border-bottom:0}.task-row input{margin-top:3px;flex-shrink:0}.task-content{flex:1;min-width:0}.task-content strong{display:block;font-size:13px;font-weight:550}.task-content p{font-size:11px;color:var(--muted);margin-top:4px}.task-content.done strong{text-decoration:line-through;color:var(--muted)}.task-meta{display:flex;gap:10px;align-items:center;flex-shrink:0;font-size:10px;color:#667e8a}.due-tag{background:#f3f6f7;padding:3px 7px;border-radius:4px}.task-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:20px}.segment{border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;background:white}.segment button{border:0;background:transparent;color:var(--muted);padding:9px 14px;font-size:12px}.segment button.active{background:#eaf3f5;color:var(--teal);font-weight:600}.calling-group+.calling-group{border-top:1px solid var(--line)}.calling-group h2{padding:20px 24px;background:#fafcfc;font-size:15px;border-bottom:1px solid var(--line)}.calling-name{font-weight:550}.calling-role{white-space:normal;min-width:200px}.calling-vacant{color:#8c764c;font-style:italic;font-weight:400}.meeting{padding:25px}.meeting+.meeting{border-top:1px solid var(--line)}.meeting-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.date-tile{width:48px;min-width:48px;background:#eef5f6;color:var(--teal);border-radius:7px;text-align:center;padding:6px;line-height:1.2}.date-tile b{font-size:21px;font-weight:600;display:block}.date-tile span{font-size:10px}.meeting-heading{flex:1}.meeting-heading p{font-size:11px;color:var(--muted);margin-top:6px}.agreement{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:12px}.agreement input{flex-shrink:0;margin-top:2px}.agreement span{flex:1}.agreement small{color:var(--muted);margin-left:10px}.agreement.done span{text-decoration:line-through;color:var(--muted)}.agreement-form{display:flex;gap:8px;margin-top:13px}.agreement-form input{min-width:0;flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:5px;font-size:12px}.meeting-attendees{display:flex;gap:0;align-items:center;margin-top:17px}.mini-avatar{border:2px solid white;background:#e8f0f3;color:#4c6e7e;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:8px;margin-left:-4px}.mini-avatar:first-child{margin-left:0}.meeting-attendees>small{margin-left:8px;color:var(--muted);font-size:10px}.summary-note{padding:20px 24px;background:#edf4f5;border-radius:10px;display:flex;align-items:center;gap:14px;color:#456873;font-size:12px;margin-bottom:24px}.summary-note>svg{width:22px;height:22px}.summary-note strong{color:#254e5d;font-weight:600;display:block;margin-bottom:2px}.editor-dialog,.form-dialog{border:0;padding:0;background:white;box-shadow:0 12px 70px #173d5033}.editor-dialog::backdrop,.form-dialog::backdrop{background:#15344366}.editor-dialog{margin:0 0 0 auto;position:fixed;inset:0;width:min(480px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;animation:drawer-in .22s cubic-bezier(.16,1,.3,1)}.dialog-header{padding:23px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-header h2{font-size:19px}.dialog-intro{display:flex;align-items:center;gap:14px;padding:23px 26px 7px}.dialog-intro .member-avatar{width:48px;height:48px;font-size:14px}.dialog-intro strong{font-size:17px;font-weight:600}.dialog-intro p{color:var(--muted);font-size:12px;margin-top:5px}.form-body{padding:24px 26px;display:grid;gap:19px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:550}.field input,.field select,.field textarea{font-size:13px;font-weight:400;width:100%;padding:10px 11px;border:1px solid #cedae0;border-radius:6px;min-height:40px;background:white}.field textarea{resize:vertical;min-height:88px}.field small{color:var(--muted);font-weight:400;font-size:11px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-footer{border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;padding:18px 26px;background:#fafcfc;position:sticky;bottom:0}.form-dialog{width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 40px);border-radius:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);background:var(--navy);color:#fff;font-size:12px;padding:13px 20px;border-radius:8px;box-shadow:0 5px 20px #173d5026;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:30;max-width:calc(100vw - 30px)}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes drawer-in{from{transform:translateX(30px);opacity:.6}to{transform:translateX(0);opacity:1}}
}
@layer responsive {
@media(max-width:760px){.category-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;overflow:visible}.category-tab{justify-content:flex-start}.category-tab .tab-count{margin-left:auto}.category-tab:nth-child(-n+2){border-top:0}.toolbar-left{flex-direction:column;align-items:stretch}.toolbar-left .search-field{width:100%;min-width:0}.toolbar-left select{width:100%;max-width:100%}.toolbar-right{width:100%;justify-content:flex-end}.table-scroll{scrollbar-width:thin}}
@media print{.calling-group th:first-child,.calling-group td:first-child,.calling-group th:last-child,.calling-group td:last-child{display:table-cell!important}.table-footer{display:none}}
@media(min-width:1500px){main{padding-top:42px}.header-inner{min-height:90px}td{height:80px;padding-top:19px;padding-bottom:19px}}
@media(max-width:1150px){.header-inner,.nav-inner{padding-left:28px;padding-right:28px}main{padding:30px 28px 40px}.toolbar{flex-wrap:wrap}.toolbar-left{flex:1}.search-field{width:260px}.nav-inner{gap:27px}.next-step{max-width:180px}.two-column{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.app-footer{padding-left:28px;padding-right:28px}}
@media(max-width:760px){.header-inner{min-height:74px;padding:0 20px}.brand-name{font-size:22px}.brand-name>span{font-size:10px}.brand-mark{width:34px;height:34px}.header-right{gap:10px}.user-info>span:last-child,.header-divider{display:none}.demo-pill{font-size:10px;padding:4px 7px}.nav-inner{overflow-x:auto;padding:0 20px;gap:26px}.nav-link{padding:14px 0 12px;font-size:12px}.nav-link svg.icon{width:16px}.page-head{margin-bottom:23px;gap:12px}h1{font-size:25px}.page-subtitle{font-size:12px}.head-actions>.button{padding:8px 10px;font-size:11px}.head-actions>.button.secondary-label{display:none}main{padding:25px 18px 35px}.unit-line{font-size:10px;gap:5px;margin-bottom:19px}.toolbar{padding:15px;gap:11px}.toolbar-left{width:100%;gap:8px;flex-wrap:wrap}.search-field{width:auto;flex:1;min-width:170px}.toolbar-left select{flex:1;max-width:none;min-width:130px;font-size:11px}.toolbar-right{margin-left:auto}.toolbar .button{font-size:11px;min-height:34px;padding:7px 10px}.category-tabs{gap:20px;padding:0 15px}.category-tab{padding-top:15px;padding-bottom:13px;font-size:11px}.tab-count{font-size:9px}.table-scroll table{min-width:850px}th:first-child,td:first-child{padding-left:15px}td{padding:14px 12px;height:73px}.table-footer{padding:13px 15px}.page-control{gap:7px}.table-footer>.muted{max-width:200px}.app-footer{padding:18px;flex-wrap:wrap;gap:6px;font-size:10px}.two-column{grid-template-columns:1fr;gap:20px}.section-pad{padding:20px}.section-title{gap:10px}.task-row{flex-wrap:wrap}.task-meta{margin-left:28px}.summary-note{padding:17px;font-size:11px}.filter-panel{padding:0 15px 15px;flex-wrap:wrap}.filter-panel .text-button{margin-left:0}.bulk-bar{padding:10px 15px;flex-wrap:wrap;gap:8px}.calling-group table{min-width:520px}.calling-group h2{padding:18px}.meeting{padding:20px}.meeting-header{gap:12px}.meeting-header .badge{display:none}.agreement small{font-size:10px;max-width:75px}.agreement-form .button{font-size:11px;padding:7px 9px}.dialog-header,.dialog-intro,.form-body{padding-left:21px;padding-right:21px}.dialog-footer{padding:16px 21px}.field-grid{gap:12px}.head-actions{padding-top:0}.columns-menu{right:-45px}.demo-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.app-header,.head-actions,.toolbar,.bulk-bar,.demo-note,.app-footer,.icon-button,.page-control,.category-tabs,.task-toolbar,dialog,.toast,.agreement-form{display:none!important}main{padding:0;max-width:none}.workspace{border:0}.table-scroll{overflow:visible}table{min-width:0!important;font-size:10px}td,th{padding:8px!important}th:first-child,td:first-child,th:last-child,td:last-child{display:none}.member-avatar{display:none}.two-column{display:block}.page-head{margin:20px 0}.unit-line{margin-bottom:10px}body{background:white}}
}