:root{--bg:#150a0c;--panel:#1f1114;--panel2:#291619;--line:#3a2226;--line-soft:#2e1a1e;--ink:#f2e8e4;--muted:#a8908b;--faint:#6e5a57;--crimson:#9e090f;--crimson-hi:#c41520;--gold:#c2872b;--gold-hi:#e2ac4c;--ok:#4caf7d;--warn:#e2a33c;--bad:#e25757;--r:12px;--mono:"IBM Plex Mono",monospace;--sans:"Archivo",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh}::selection{background:var(--crimson);color:#fff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1c0d10,#150a0c);border-right:1px solid var(--line-soft);padding:26px 18px 18px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.crest{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding:0 6px}.crest svg{flex:none}.crest .name{font-weight:800;letter-spacing:.24em;font-size:1.05rem;color:var(--gold-hi)}.crest .sub{font-size:.62rem;letter-spacing:.28em;color:var(--muted);text-transform:uppercase;margin-top:2px}.nav-btn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:none;color:var(--muted);font-family:var(--sans);font-size:.92rem;font-weight:500;padding:10px 12px;border-radius:9px;cursor:pointer;transition:.15s}.nav-btn svg{width:17px;height:17px;flex:none;opacity:.8}.nav-btn:hover{color:var(--ink);background:var(--panel)}.nav-btn.active{background:linear-gradient(90deg,rgba(158,9,15,.32),rgba(158,9,15,.1));color:#fff;box-shadow:inset 2px 0 0 var(--crimson-hi)}.side-foot{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--line-soft);font-size:.72rem;color:var(--faint);line-height:1.7}.side-foot b{color:var(--muted);font-weight:600}.main{padding:30px 36px 60px;max-width:1240px;width:100%}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.topbar h1{font-size:1.55rem;font-weight:800;letter-spacing:-.01em}.topbar .kicker{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:5px}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:9px;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:.88rem;padding:10px 16px;transition:.15s;color:var(--ink);background:var(--panel2)}.btn:hover{filter:brightness(1.15)}.btn.primary{background:linear-gradient(135deg,var(--crimson-hi),var(--crimson));color:#fff;box-shadow:0 3px 14px rgba(158,9,15,.35)}.btn.gold{background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#241203}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.btn.ghost:hover{color:var(--ink);border-color:var(--gold)}.btn.sm{padding:6px 11px;font-size:.78rem;border-radius:7px}.btn.danger{background:transparent;border:1px solid rgba(226,87,87,.4);color:var(--bad)}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r);padding:20px}.grid{display:grid;grid-gap:14px;gap:14px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.stat .lbl{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}.stat .val{font-family:var(--mono);font-size:1.45rem;font-weight:600;margin-top:8px;color:var(--gold-hi)}.stat .val.ink{color:var(--ink)}.stat .val.ok{color:var(--ok)}.stat .val.bad{color:var(--bad)}.stat .hint{font-size:.74rem;color:var(--faint);margin-top:6px}h2.sec{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:30px 0 12px}table{width:100%;border-collapse:collapse;font-size:.87rem}th{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:10px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-family:var(--mono);font-size:.83rem}.tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:20px;text-transform:uppercase}.tag.ok{background:rgba(76,175,125,.14);color:var(--ok)}.tag.warn{background:rgba(226,163,60,.14);color:var(--warn)}.tag.bad{background:rgba(226,87,87,.14);color:var(--bad)}.tag.gold{background:rgba(194,135,43,.16);color:var(--gold-hi)}.tag.mut{background:var(--panel2);color:var(--muted)}.tag.crim{background:rgba(196,21,32,.18);color:#f08a90}.bar{height:7px;background:var(--panel2);overflow:hidden}.bar,.bar>i{border-radius:6px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-hi))}.bar.crim>i{background:linear-gradient(90deg,var(--crimson),var(--crimson-hi))}.empty{border:1px dashed var(--line);border-radius:var(--r);padding:44px 24px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);font-size:1rem;margin-bottom:6px}.row{gap:10px}.row,.spread{display:flex;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between;gap:12px}.muted{color:var(--muted)}.small{font-size:.78rem}.mono{font-family:var(--mono)}input,select,textarea{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 12px;font-family:var(--sans);font-size:.88rem;outline:none;transition:.15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical;min-height:80px}label.f{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px}.field{margin-bottom:14px}input[type=file]{padding:7px}.icon-btn{background:none;border:none;color:var(--faint);cursor:pointer;padding:4px;border-radius:6px;font-size:.9rem}.icon-btn:hover{color:var(--bad);background:var(--panel2)}.icon-btn.gold:hover{color:var(--gold-hi)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:20px 0;flex-wrap:wrap}.tab{background:none;color:var(--muted);font-family:var(--sans);font-weight:600;font-size:.86rem;padding:10px 16px;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:.15s}.tab:hover{color:var(--ink)}.tab.active{color:var(--gold-hi);border-bottom-color:var(--gold)}.etapa{border:1px solid var(--line-soft);border-radius:10px;margin-bottom:12px;overflow:hidden;background:var(--panel)}.etapa-h{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;background:var(--panel2)}.etapa-h .idx{font-family:var(--mono);font-size:.75rem;color:var(--gold);font-weight:600;min-width:32px}.etapa-h .nm{font-weight:700;flex:1 1}.etapa-h .tot{font-family:var(--mono);font-size:.85rem;color:var(--gold-hi)}.etapa-body{padding:8px 16px 14px}.gantt-row{display:grid;grid-template-columns:190px 1fr 90px;grid-gap:12px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft)}.gantt-row:last-child{border-bottom:none}.gantt-track{position:relative;height:22px;background:var(--panel2);border-radius:6px}.gantt-bar{top:3px;bottom:3px;background:linear-gradient(90deg,var(--crimson),var(--crimson-hi));min-width:8px}.gantt-bar,.gantt-bar>i{position:absolute;border-radius:5px}.gantt-bar>i{left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--gold),var(--gold-hi))}.gantt-axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.68rem;color:var(--faint);margin:6px 0 2px 202px;padding-right:102px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;align-items:start}.kcol{background:var(--panel);border:1px solid var(--line-soft);border-radius:10px;padding:12px;min-height:120px}.kcol h4{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;justify-content:space-between}.kcard{background:var(--panel2);border:1px solid var(--line-soft);border-radius:9px;padding:11px 12px;margin-bottom:9px;font-size:.83rem}.kcard b{display:block;margin-bottom:3px}.kcard .meta{color:var(--muted);font-size:.74rem;margin-bottom:8px}.overlay{position:fixed;inset:0;background:rgba(10,4,5,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:50;overflow:auto}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:560px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.5)}.modal h3{font-size:1.1rem;font-weight:800;margin-bottom:18px}.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal.wide{max-width:760px}.fotos{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.fotos img{width:86px;height:86px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.chart-wrap{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r);padding:20px}.legend{display:flex;gap:18px;font-size:.75rem;color:var(--muted);margin-top:10px}.legend i{display:inline-block;width:18px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}#print-area{display:none}@media print{body>.app{display:none}#print-area{display:block;background:#fff;color:#111;font-family:var(--sans);padding:0}#print-area h1{font-size:1.3rem;color:#9e090f}#print-area h2{font-size:.95rem;color:#9e090f;border-bottom:2px solid #c2872b;padding-bottom:4px;margin:18px 0 8px}#print-area table{width:100%;border-collapse:collapse;font-size:.78rem}#print-area td,#print-area th{border:1px solid #ddd;padding:5px 7px;text-align:left;color:#111}#print-area th{background:#f6efe6}#print-area .ph{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #9e090f;padding-bottom:10px;margin-bottom:14px}#print-area .pf{margin-top:26px;border-top:1px solid #ccc;padding-top:8px;font-size:.72rem;color:#666}#print-area img{max-width:150px;max-height:110px;object-fit:cover;margin:3px;border:1px solid #ddd}}.bottomnav{display:none}@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 18px;gap:0}.side-foot,.sidebar .nav-btn{display:none}.crest{margin-bottom:0}.bottomnav{display:grid;grid-template-columns:repeat(8,1fr);position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(28,13,16,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottomnav .nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 2px 8px;font-size:.56rem;font-weight:600;letter-spacing:.02em;border-radius:0}.bottomnav .nav-btn svg{width:20px;height:20px}.bottomnav .nav-btn.active{background:none;box-shadow:inset 0 2px 0 var(--gold);color:var(--gold-hi)}.main{padding:18px 14px 96px}.card{overflow-x:auto}.card table{min-width:540px}.gantt-row{grid-template-columns:104px 1fr 44px;gap:8px}.gantt-axis{margin-left:112px;padding-right:52px}input,select,textarea{font-size:16px}.btn{padding:11px 16px}.topbar h1{font-size:1.22rem}.overlay{padding:2vh 10px}.modal{padding:18px}.g3,.g4{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:1fr 1fr}}@media(max-width:600px){.g2,.g3,.g4,.kanban{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}a{color:inherit;text-decoration:none}.sidebar{gap:6px}.splash{color:var(--muted)}.login-wrap,.splash{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-wrap{padding:20px;background:radial-gradient(1000px 500px at 50% -10%,rgba(158,9,15,.18),transparent),var(--bg)}.login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px 30px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.login-card .crest{justify-content:center;margin-bottom:26px}.err{background:rgba(226,87,87,.12);border:1px solid rgba(226,87,87,.35);color:#f5a9a9;border-radius:9px;padding:10px 12px;font-size:.82rem;margin-bottom:14px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#241203;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}