:root{--blue:#6161ff;--bg:#f7f8fa;--shadow:0 5px 20px rgba(29,32,74,.07)}
body{background:linear-gradient(180deg,#ffffff 0,#f7f8fb 270px);padding-top:68px}
aside{position:fixed;inset:0 0 auto 0;width:100%;height:68px;border-radius:0;padding:0 26px;background:#fff;color:var(--ink);box-shadow:0 1px 0 #e7e8ee;display:flex;flex-direction:row;align-items:center;z-index:20;overflow:visible}
aside:before{display:none}.brand{padding:0 27px 0 0;margin-right:24px;border-right:1px solid #ececf2;gap:10px}.brand>b{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#6161ff,#a25ddc);box-shadow:0 6px 14px #6161ff30}.brand strong{color:#242638;font-size:15px}.brand small{color:#9699aa;font-size:10px}.navlabel{display:none}nav{display:flex;gap:5px}nav button{color:#686b80;padding:8px 13px;border-radius:8px;gap:8px}nav button i{background:#f2f3f7;width:25px;height:25px}nav button.active,nav button:hover{background:#f0efff;color:#4d4bd8}nav button.active i{background:#6161ff;color:#fff;box-shadow:none}aside footer{margin:0 0 0 auto;border:0;background:transparent;padding:0 0 0 22px;border-left:1px solid #ececf2;border-radius:0}aside footer>i{background:#e5f8f1;color:#00a878}aside footer strong{color:#343649}aside footer small{color:#9598aa}
main{margin:0;padding:0 28px 45px;max-width:none}header{min-height:105px;max-width:1720px;margin:0 auto}.eyebrow{color:#9a9cad}.head-actions{margin-left:auto}.primary{background:#6161ff!important;box-shadow:0 6px 16px #6161ff2b}.live{background:#fff;border:1px solid #e8e9ef;border-radius:999px;padding:6px 10px}
.filters{max-width:1720px;margin:0 auto 16px;background:#fff;border:1px solid #e9eaf0;border-radius:10px;padding:10px 12px;box-shadow:0 3px 13px #1e214509}.filters label{color:#777a8f}.filters input,.filters select{background:#fff;border-radius:6px;padding:8px 9px}.filters input:focus,.filters select:focus{border-color:#6161ff;box-shadow:0 0 0 2px #6161ff12}
#portfolio,#gantt{max-width:1720px;margin:auto}.metrics{grid-template-columns:repeat(3,minmax(180px,260px));justify-content:start;gap:10px}.metrics article{padding:13px 15px;border-radius:10px;border:1px solid #e9eaf0;box-shadow:none}.metrics b{font-size:25px}.metrics article>span{width:32px;height:32px;border-radius:8px}.metrics article:after{display:none}.table-title{margin:8px 2px 9px}.tablebox{border:1px solid #e4e5eb;border-radius:8px;box-shadow:0 4px 20px #25284b0b;max-height:calc(100vh - 305px)}
th{background:#f5f6f8;color:#696c7d;font-size:10px;padding:10px 12px;border-right:1px solid #e6e7ec}td{background:#fff;padding:9px 12px;border-right:1px solid #eeeeF2;border-bottom:1px solid #eeeeF2}tbody tr:hover td{background:#f9f9ff}tbody tr td:first-child{box-shadow:inset 5px 0 0 var(--client)}.client-cell{font-weight:700;min-width:160px}.client-cell>i{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--client);margin:0 7px 0 2px}.name{font-size:13px}.objective{font-size:10px}.avatar{width:25px;height:25px;border-radius:50%;background:#67697f;box-shadow:none}.tag{border-radius:4px;min-width:76px;justify-content:center;padding:5px 7px}.tag.curso{background:#cce5ff;color:#155ea8}.tag.riesgo{background:#ffd6dd;color:#a51c38}.tag.pendiente{background:#ffe4c7;color:#9a5100}.tag.completado{background:#ccefe3;color:#087052}.track{height:8px;width:82px;background:#eceef3}.fill{background:#6161ff}.actions button{color:#5553d6;border-radius:5px}.actions button:hover{background:#ededff}
.ganttbox{border-radius:8px;border-color:#e4e5eb;box-shadow:0 4px 20px #25284b0b}.gbar{background:#6161ff;border-radius:4px;box-shadow:none}.gbar.risk{background:#e2445c}.gbar.done{background:#00c875}
dialog{border-radius:12px;box-shadow:0 25px 80px #25284b3d}dialog::backdrop{background:#30324788;backdrop-filter:blur(3px)}.modalhead{padding:18px 21px}.formgrid{padding:18px 21px}.formgrid input,.formgrid select,.formgrid textarea,#commentForm input,#commentForm textarea{border-radius:6px}.icon{border-radius:6px}.tabs button.active{color:#6161ff;border-color:#6161ff}.toast{background:#32344a;border-radius:7px}
@media(max-width:900px){aside{width:100%;padding:0 14px}.brand span,nav span,aside footer span{display:grid}.brand{margin-right:10px;padding-right:12px}main{margin:0;padding:0 14px 35px}.metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){body{padding-top:62px}aside{inset:0;height:62px;border-radius:0;display:flex;padding:0 10px}.brand{display:flex}.brand span,.brand small,aside footer{display:none}nav{margin-left:auto}nav span{display:block}nav button{padding:7px 9px}main{padding:0 10px 30px}header{min-height:92px}.filters{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr 1fr}.metrics em{display:none}.metrics article{padding:10px}.metrics article>span{display:none}.tablebox{max-height:none}}