:root{--green:#2f8a43;--navy:#092a32;--blue:#0e637c;--orange:#ef6f2e;--gold:#d1a15a;--brown:#4c371a;--bg:#f6f4ef;--line:#e7e2d8;--muted:#6d746c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#20251f;font-family:"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,rgba(18,63,37,.92),rgba(18,63,37,.72))}.login-card{width:min(430px,100%);display:grid;gap:15px;background:white;border:1px solid rgba(209,161,90,.35);border-radius:8px;padding:34px;box-shadow:0 18px 50px rgba(41,36,25,.12)}.login-card img{width:230px}.login-card h1,header h1{margin:0;color:var(--brown);font-family:Georgia,"Times New Roman",serif;font-weight:500}.login-card p{margin:0 0 10px;color:var(--muted)}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px 11px;background:white}button{border:0;border-radius:6px;background:var(--green);color:white;min-height:38px;padding:0 14px;font-weight:900;cursor:pointer}
.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.shell>aside{background:var(--navy);color:white;padding:22px 16px}.shell>aside img{width:150px;background:white;border-radius:6px;padding:8px;margin-bottom:28px}nav{display:grid;gap:6px}nav button{background:transparent;color:#c5d5d4;text-align:left}nav button.active{background:rgba(47,138,67,.25);color:white}nav details{border-top:1px solid rgba(255,255,255,.08);padding-top:8px}nav summary{list-style:none;color:white;font-weight:900;font-size:12px;text-transform:uppercase;padding:10px 8px;cursor:pointer}nav summary::-webkit-details-marker{display:none}nav details button{width:100%;padding-left:22px;font-size:13px}
main{padding:26px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}header span{color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase}header b{border-radius:999px;background:#edf6ee;color:var(--green);padding:8px 12px;font-size:12px}.session-tools{display:flex;gap:10px;align-items:center}.session-tools .row-action{min-height:34px}.view{display:none}.active-view{display:block}
.metrics{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px;margin-bottom:18px}.metric,.panel{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px rgba(41,36,25,.09)}.metric{padding:16px}.metric span{display:block;color:var(--muted);font-size:12px;font-weight:800}.metric strong{display:block;margin-top:6px;color:var(--brown);font-size:26px}.panel{padding:20px;margin-bottom:16px}.panel h2{margin:0 0 16px;font-size:18px}.grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.2fr);gap:18px}
.legend{display:flex;flex-wrap:wrap;gap:10px}.legend span{font-size:12px;color:var(--muted);font-weight:800}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.bar-row{display:grid;grid-template-columns:170px 1fr 55px;gap:12px;align-items:center;margin:10px 0;font-size:13px}.bar{height:9px;background:#eee8dd;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green)}
.filters{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(220px,1.4fr);gap:12px;margin-bottom:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:840px}th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase}.pill{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:900}.Listo{background:#edf6ee;color:var(--green)}.Pendiente{background:#f8efd9;color:#c58022}.En-progreso{background:#e8f0fb;color:#2f78bd}.Stand-By{background:#eee;color:#62656c}.row-action{border:1px solid var(--line);background:white;color:var(--green)}
.form{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.wide{grid-column:1/-1}.project-picker{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.user-form{display:grid;grid-template-columns:1fr 1fr 1fr 140px auto;gap:10px;margin-bottom:18px}.danger-action{background:#b94b45!important;color:white!important;border:0!important}.password-cell{font-family:Consolas,monospace;color:#4c371a;font-weight:800}
.matrix-wrap{overflow:auto}.matrix{width:100%;min-width:920px;border-collapse:collapse;border:1px solid #676767}.matrix th,.matrix td{height:32px;padding:0;border:1px solid var(--orange)}.matrix .title{height:48px;background:var(--orange);color:white;font-size:30px;font-weight:500;text-align:center;text-transform:none}.blank{border:0!important;background:white}.unit-head,.total-head{background:var(--orange);color:white;text-align:center}.stage-head{background:var(--blue);color:white;text-align:center}.unit{width:230px;padding-left:6px;background:#ececec;color:#ff7100;text-align:left;text-transform:none}.cell{position:relative;width:210px;min-width:185px;background:#f7f7f7;text-align:right;overflow:hidden}.cell .fill{position:absolute;left:1px;top:1px;bottom:1px;background:linear-gradient(90deg,#ffc84d,#ffe9ad);border:1px solid #f0b039}.cell strong{position:relative;display:block;padding-right:4px;font-size:16px;line-height:30px}.total{width:104px;background:#a8a8a8;color:white;text-align:center;border-color:#565656!important}.total strong{font-size:20px}
dialog{width:min(920px,calc(100vw - 32px));border:0;border-radius:8px;padding:0;box-shadow:0 28px 90px rgba(0,0,0,.28)}.dialog{padding:24px;display:grid;gap:16px;background:white}.close{justify-self:end;width:34px;border-radius:50%;background:white;color:#222;border:1px solid var(--line);font-size:22px}
.panel-filters{display:flex;gap:10px;margin-bottom:16px}.panel-filters select{max-width:220px}.project-row{display:grid;grid-template-columns:220px 1fr 62px;gap:12px;align-items:center;margin:10px 0;padding:8px;border-radius:6px;cursor:pointer}.project-row:hover,.project-row.selected{background:#edf6ee}.project-row b{color:var(--brown)}.panel-task-list{display:grid;gap:8px}.panel-task{display:grid;grid-template-columns:1.5fr 1fr 140px 80px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.section-head select{max-width:220px}.unit-board{margin:16px 0 22px}.unit-board h3{margin:0 0 8px;color:#4a8cff}.unit-board table{min-width:980px}.timeline{height:9px;background:#d8dbe2;border-radius:999px;overflow:hidden}.timeline span{display:block;height:100%;background:#4a8cff}.digital-layout,.it-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px}.it-layout{grid-template-columns:230px minmax(420px,1fr) minmax(320px,.8fr)}.digital-filters,.it-filters{background:white;border:2px solid var(--orange);padding:14px;display:grid;align-content:start;gap:22px}.panel-button{background:var(--blue);width:132px;justify-self:center}.digital-main{min-width:0}.td-title{text-align:center;color:#002647;font-size:32px;font-weight:900;border-bottom:3px solid var(--blue);margin-bottom:18px}.td-metrics{width:min(380px,100%);display:grid;border:1px solid #777;margin-bottom:18px}.td-metric{display:grid;grid-template-columns:1fr 112px;min-height:27px;border-bottom:1px solid #999}.td-metric:last-child{border-bottom:0}.td-metric span{padding:5px;color:#ff7100;font-size:12px;font-weight:900}.td-metric strong{display:grid;place-items:center;background:#a8a8a8;border:1px solid #555;color:white}.td-metric.ready strong{background:#b8e6b8;color:#083}.td-metric.pending strong{background:#fff0a8;color:#5b4a00}.td-metric.progress strong{background:#77c5e3;color:#00394d}.td-grid{display:grid;grid-template-columns:360px minmax(420px,1fr);gap:18px}.td-card{min-height:320px}.td-pivot{overflow:auto}.pivot-table{min-width:720px;border-collapse:collapse}.pivot-table th{background:#bde7f2;color:#001d2b}.pivot-table td,.pivot-table th{border:1px solid #222;padding:5px 7px;font-size:13px}.pivot-stage{font-weight:900;color:#001d2b}.pivot-project{font-weight:900}.pivot-status{background:#ffeca1;color:#a45b00}.pivot-empty{color:var(--muted);font-weight:800}.it-row{cursor:pointer}.it-row:hover,.it-row.selected{background:#edf6ee}.it-detail-card{display:grid;align-content:start;gap:14px}.it-detail-card strong{display:block;border:2px solid #222;padding:8px;text-align:center}.it-detail-text{min-height:280px;border:2px solid #222;display:grid;place-items:center;text-align:center;padding:24px;font-size:17px;line-height:1.45}
@media(max-width:900px){.shell{grid-template-columns:1fr}.shell>aside{display:none}main{padding:14px}.metrics,.grid,.filters,.form,.project-picker,.user-form,.digital-layout,.it-layout,.td-grid{grid-template-columns:1fr}.panel-task{grid-template-columns:1fr}.panel-filters{display:grid}}