.login{display:flex;height:100vh}.login-left{width:46%;max-width:600px;background:var(--accent-pucp);color:#fff;padding:56px;display:flex;flex-direction:column;gap:56px}.login-brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}.login-brand-dot{width:40px;height:40px;border-radius:var(--radius-md);background:#fff;color:var(--accent-pucp);display:grid;place-items:center;font-weight:700;font-size:18px}.login-pitch h1{font-size:30px;font-weight:700;line-height:1.2;margin-bottom:18px}.login-pitch p{color:#cfe0f2;font-size:15px;line-height:1.55}.login-features{list-style:none;display:flex;flex-direction:column;gap:14px}.login-features li{display:flex;align-items:center;gap:12px;font-size:14px}.login-features li:before{content:"";width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff1f;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.login-foot{margin-top:auto;color:#9fc0e2;font-size:12px}.login-right{flex:1;display:grid;place-items:center;padding:32px}.login-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}.login-form h2{font-size:24px;font-weight:700}.login-form-sub{color:var(--text-muted);font-size:13px;margin-top:-10px}.login-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--text-secondary)}.login-form input{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:11px 13px;font-size:14px;outline:none;transition:border-color .12s,box-shadow .12s}.login-form input:focus{border-color:var(--accent-pucp);box-shadow:0 0 0 3px var(--accent-pucp-soft)}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row a{font-size:12px;font-weight:500;color:var(--accent-pucp);text-decoration:none}.login-submit{justify-content:center;padding:12px;font-size:14px;margin-top:4px}.login-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-md);padding:10px 12px;font-size:12.5px;font-weight:500}.login-note{color:var(--text-muted);font-size:11.5px;line-height:1.5}@media(max-width:820px){.login-left{display:none}}.board{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);align-items:flex-start;min-height:100%}.board-col{flex:1;min-width:244px;max-width:320px;display:flex;flex-direction:column}.board-col-head{display:flex;align-items:center;gap:var(--space-2);padding:4px var(--space-1) var(--space-3)}.board-col-dot{width:9px;height:9px;border-radius:50%}.board-col-name{font-weight:600;font-size:13px}.board-col-count{margin-left:auto;background:var(--bg-app);color:var(--text-secondary);border-radius:var(--radius-pill);font-size:11px;font-weight:600;padding:1px 8px}.board-col-body{display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-app);border-radius:var(--radius-lg);padding:var(--space-3);min-height:120px;transition:background .12s,outline .12s;outline:2px dashed transparent}.board-col-body.over{background:var(--accent-pucp-soft);outline-color:var(--accent-pucp)}.board-col-empty{color:var(--text-muted);font-size:12px;text-align:center;padding:var(--space-4) 0}.card-tile{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-card);cursor:grab;transition:box-shadow .12s,transform .06s}.card-tile:hover{box-shadow:var(--shadow-light);border-color:var(--border-strong)}.card-tile.is-dragging{box-shadow:var(--shadow-elevated);cursor:grabbing}.card-tile.is-done{opacity:.82}.card-tile-head{display:flex;flex-wrap:wrap;gap:6px}.card-tile-title{font-size:13.5px;font-weight:600;line-height:1.35}.card-tile-sub{font-size:12px;color:var(--text-muted);line-height:1.4}.card-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:2px}.view-pad{padding:var(--space-5) var(--space-6) var(--space-10)}.view-lead{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-pill);padding:2px 10px;font-size:11px;font-weight:600}.list-table{width:100%;border-collapse:collapse;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;font-size:13px}.list-table th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.list-group td{background:var(--bg-app);font-weight:600;font-size:12.5px;padding:var(--space-2) var(--space-4);color:var(--text-secondary)}.list-group-count{margin-left:var(--space-2);color:var(--text-muted);font-weight:500}.list-row{cursor:pointer;border-bottom:1px solid var(--border-default)}.list-row:hover{background:var(--bg-hover)}.list-row td{padding:var(--space-3) var(--space-4);vertical-align:middle}.list-num{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:600}.list-title{font-weight:600;display:inline-flex;align-items:center;gap:6px}.milestone-flag{font-size:12px}.status-pill{border-radius:var(--radius-pill);padding:3px 10px;font-size:11.5px;font-weight:600;white-space:nowrap}.due-alert{color:var(--danger);font-weight:600}.list-deliverable{color:var(--text-muted);font-size:12px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlx-scroll{--tlx-label-w: 230px;overflow:auto;max-height:calc(100vh - 200px);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.tlx{width:max-content;min-width:100%}.tlx-row{display:flex;border-bottom:1px solid var(--border-default)}.tlx-row:not(.tlx-head){cursor:pointer}.tlx-row:not(.tlx-head):hover{background:var(--bg-hover)}.tlx-row:not(.tlx-head):hover .tlx-label{background:var(--bg-hover)}.tlx-label{width:var(--tlx-label-w);flex:0 0 var(--tlx-label-w);padding:var(--space-3) var(--space-4);position:sticky;left:0;z-index:2;background:var(--bg-surface);border-right:1px solid var(--border-default)}.tlx-head{position:sticky;top:0;z-index:4;background:var(--bg-app)}.tlx-head .tlx-label{z-index:5;background:var(--bg-app);display:flex;align-items:flex-end;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.tlx-head-track{position:relative;height:46px;background:var(--bg-app)}.tlx-month{position:absolute;top:5px;height:16px;font-size:11.5px;font-weight:700;color:var(--text-secondary);text-align:center;border-left:1px solid var(--border-default);padding-left:4px;overflow:hidden;white-space:nowrap}.tlx-day{position:absolute;bottom:2px;display:flex;flex-direction:column;align-items:center;line-height:1.1}.tlx-day.weekend{background:var(--bg-app);opacity:.55}.tlx-day-wd{font-size:9px;color:var(--text-muted)}.tlx-day-num{font-size:10px;font-weight:600;color:var(--text-secondary)}.tlx-track{position:relative;height:46px;background-image:repeating-linear-gradient(to right,var(--border-default) 0,var(--border-default) 1px,transparent 1px,transparent var(--tlx-grid, 26px))}.tlx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.tlx-seg,.tlx-nav{display:inline-flex;align-items:center;gap:4px}.tlx-seg button,.tlx-nav button{border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-secondary);border-radius:var(--radius-md);padding:5px 12px;font-size:13px;font-weight:600;line-height:1.2;min-width:32px}.tlx-seg button:hover,.tlx-nav button:hover{background:var(--bg-hover)}.tlx-seg button.active{background:var(--accent-pucp-soft);border-color:var(--accent-pucp);color:var(--accent-pucp)}.tlx-nav .tlx-today{font-weight:700}.tlx-week{position:absolute;bottom:2px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-secondary);border-left:1px solid var(--border-default)}.tlx-task-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlx-task-meta{font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tlx-bar{position:absolute;border-radius:var(--radius-pill)}.tlx-bar.plan{top:11px;height:9px;opacity:.3}.tlx-bar.real{top:25px;height:11px;opacity:.95}.tlx-bar.real.done{opacity:.7}.tlx-bar.real.active{box-shadow:0 0 0 3px #3b82f62e}.tlx-bar.real.open{opacity:.85;-webkit-mask-image:linear-gradient(to right,#000 70%,transparent 100%);mask-image:linear-gradient(to right,#000 70%,transparent 100%)}.tlx-legend{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.tlx-legend-bar{display:inline-block;width:18px;height:8px;border-radius:var(--radius-pill);background:var(--text-secondary)}.tlx-legend-bar.plan{opacity:.3}.tlx-legend-bar.real{opacity:.95}.tlx-diamond{position:absolute;top:50%;width:14px;height:14px;transform:translateY(-50%) rotate(45deg);border-radius:2px}.tlx-deps{position:absolute;top:0;left:0;z-index:1;pointer-events:none;overflow:visible}.tlx-dep-path{fill:none;stroke:var(--text-muted);stroke-width:1.5;opacity:.6}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.kpi{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.kpi-label{font-size:12px;color:var(--text-secondary);font-weight:500}.kpi-value{font-size:34px;font-weight:700;line-height:1.1;margin:4px 0}.kpi-note{font-size:11.5px;color:var(--text-muted)}.metric-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4)}.metric-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.metric-card h3{font-size:15px;font-weight:700}.metric-sub{font-size:12px;color:var(--text-muted);margin:2px 0 var(--space-4)}.phase-bars{display:flex;flex-direction:column;gap:var(--space-3)}.phase-bar-row{display:grid;grid-template-columns:150px 1fr 96px;align-items:center;gap:var(--space-3)}.phase-bar-label{font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:6px}.phase-bar-track{background:var(--bg-app);border-radius:var(--radius-pill);height:10px;overflow:hidden}.phase-bar-fill{height:100%;border-radius:var(--radius-pill);transition:width .3s}.phase-bar-val{font-size:12px;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}@media(max-width:900px){.kpi-row{grid-template-columns:repeat(2,1fr)}.metric-cols{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;justify-content:flex-end;z-index:50;animation:fade .12s ease}@keyframes fade{0%{opacity:0}}.modal{width:560px;max-width:100%;height:100%;background:var(--bg-surface);padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-elevated);animation:slide .16s ease}@keyframes slide{0%{transform:translate(24px)}}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-crumb{font-size:13px;font-weight:600;color:var(--text-secondary)}.modal-head-actions{display:flex;align-items:center;gap:8px}.modal-close{width:30px;height:30px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px}.modal-close:hover{background:var(--bg-hover)}.modal-tags{display:flex;flex-wrap:wrap;gap:6px}.modal-title{font-size:22px;font-weight:700;line-height:1.25}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.modal-prop{display:flex;flex-direction:column;gap:7px}.modal-prop-wide{grid-column:1 / -1}.modal-prop label,.modal-deliverable label,.modal-activity label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.modal-prop select,.modal-prop input[type=date]{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 11px;font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-surface)}.modal-due-hint{font-size:12px;color:var(--text-muted)}.modal-due-hint.overdue{color:var(--danger);font-weight:600}.modal-due{font-size:14px;font-weight:600;padding:8px 0}.modal-due.overdue{color:var(--danger)}.modal-people{display:flex;flex-wrap:wrap;gap:8px}.modal-approver{display:flex;gap:8px}.modal-approver select{flex:1;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 11px;font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-surface)}.modal-approver select:disabled{opacity:.55}.person-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 4px;border-radius:var(--radius-pill);border:1px solid var(--border-default);font-size:12.5px;font-weight:500;color:var(--text-secondary);background:var(--bg-surface);opacity:.55;transition:all .12s}.person-chip.active{opacity:1;border-color:var(--accent-pucp);background:var(--accent-pucp-soft);color:var(--accent-pucp);font-weight:600}.dep-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dep-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 11px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-app);font-size:12px;font-weight:600;color:var(--text-secondary);max-width:100%}.dep-chip.done{color:var(--col-done, #16a34a);border-color:var(--col-done-soft, #dcfce7);background:var(--col-done-soft, #f0fdf4)}.dep-chip-x{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:9px;color:var(--text-muted)}.dep-chip-x:hover{background:var(--bg-hover);color:var(--danger)}.dep-empty{font-size:12px;color:var(--text-muted);font-style:italic}.dep-blocks{margin-top:8px;font-size:12px;color:var(--text-muted)}.modal-deliverable p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:6px}.modal-activity{flex:1}.modal-activity ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-3)}.activity-comment{display:flex;gap:var(--space-3)}.activity-meta{font-size:12px;color:var(--text-muted);margin-bottom:3px}.activity-meta strong{color:var(--text-primary)}.activity-comment p{font-size:13px;line-height:1.5}.activity-event{display:flex;align-items:center;gap:var(--space-3);font-size:12.5px;color:var(--text-muted);padding-left:5px}.activity-event strong{color:var(--text-secondary)}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--border-strong);flex-shrink:0;margin-left:6px}.activity-empty{color:var(--text-muted);font-size:12.5px}.modal-comment{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-default);position:sticky;bottom:0;background:var(--bg-surface)}.modal-comment input{flex:1;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 12px;font-size:13px;outline:none}.modal-comment input:focus{border-color:var(--accent-pucp)}.nc-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.nc-field>span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.nc-field input,.nc-field select{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 11px;font-size:13px;outline:none;color:var(--text-primary);background:var(--bg-surface)}.nc-field input:focus,.nc-field select:focus{border-color:var(--accent-pucp)}:root{--accent-pucp: #003d7a;--accent-pucp-soft: #e6f0fa;--bg-app: #f5f7fa;--bg-elevated: #fafbfc;--bg-hover: #f0f3f7;--bg-surface: #ffffff;--border-default: #e4e7eb;--border-strong: #cbd2dc;--col-backlog: #6b7280;--col-backlog-soft: #f3f4f6;--col-blocker: #f59e0b;--col-blocker-soft: #fef3c7;--col-progress: #3b82f6;--col-progress-soft: #dbeafe;--col-review: #8b5cf6;--col-review-soft: #ede9fe;--col-done: #10b981;--col-done-soft: #d1fae5;--danger: #ef4444;--danger-soft: #fee2e2;--phase-1: #7cb342;--phase-2: #fb8c00;--phase-3: #8e24aa;--phase-4: #00897b;--text-primary: #1a1f2e;--text-secondary: #5a6478;--text-muted: #8a93a6;--text-inverse: #ffffff;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-light: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06);--shadow-card: 0 1px 2px rgba(15, 23, 42, .06);--shadow-elevated: 0 8px 24px rgba(15, 23, 42, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}a{color:inherit}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--space-4);height:60px;padding:0 var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border-default);flex-shrink:0}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-dot{width:34px;height:34px;border-radius:var(--radius-md);background:var(--accent-pucp);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px}.brand-name{font-weight:700;font-size:14px}.brand-sub{color:var(--text-muted);font-size:12px}.topbar-search{flex:1;max-width:420px;display:flex;align-items:center;gap:var(--space-2);background:var(--bg-app);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:7px var(--space-3)}.topbar-search input{border:none;background:none;outline:none;width:100%;font-size:13px;color:var(--text-primary)}.topbar-spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;border-radius:var(--radius-md);font-weight:600;font-size:13px;transition:background .12s,border-color .12s}.btn-primary{background:var(--accent-pucp);color:#fff}.btn-primary:hover{background:#002d5c}.btn-ghost{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover)}.btn-sm{padding:5px 10px;font-size:12px}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid transparent}.btn-danger:hover{background:var(--danger);color:#fff}.avatar{width:26px;height:26px;border-radius:var(--radius-pill);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0;border:2px solid var(--bg-surface)}.avatar-stack{display:flex}.avatar-stack .avatar:not(:first-child){margin-left:-8px}.view-tabs{display:flex;gap:var(--space-1);background:var(--bg-app);border-radius:var(--radius-md);padding:3px}.view-tab{padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary)}.view-tab.active{background:var(--bg-surface);color:var(--accent-pucp);font-weight:600;box-shadow:var(--shadow-card)}.page-head{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6) var(--space-3)}.page-head h1{font-size:20px;font-weight:700}.page-head .sub{color:var(--text-muted);font-size:12px;margin-top:2px}.page-head-spacer{flex:1}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;white-space:nowrap}.tag-dot{width:7px;height:7px;border-radius:50%}.tag-milestone{background:#fde68a;color:#92400e}.tag-due{background:var(--col-backlog-soft);color:var(--text-secondary)}.tag-due.overdue{background:var(--danger-soft);color:var(--danger)}.tag-due.done{background:var(--col-done-soft);color:var(--col-done)}.tag-due.done.none{background:var(--danger-soft);color:var(--danger)}.tag-blocker{background:var(--col-blocker-soft);color:#92400e}.scroll-area{flex:1;overflow:auto}.subnav{display:flex;align-items:center;padding:var(--space-3) var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border-default);flex-shrink:0}.avatar-btn{padding:0;border-radius:var(--radius-pill)}