*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f1f5f9;--bg2:#fff;--bg3:#e2e8f0;--border:#cbd5e1;--text:#0f172a;--text2:#475569;--text3:#94a3b8;--primary:#6366f1;--primary-h:#4f46e5;--green:#16a34a;--yellow:#d97706;--red:#dc2626;--blue:#2563eb;--purple:#7c3aed}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.loading-screen{background:var(--bg);height:100vh;color:var(--text2);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.app-shell{height:100vh;display:flex;overflow:hidden}.main-content{flex:1;overflow:auto}.sidebar{border-right:1px solid #1e293b;border-top:3px solid var(--primary);background:#0f172a;flex-direction:column;flex-shrink:0;width:220px;padding:1.5rem 1rem;display:flex}.sidebar-logo{background:linear-gradient(90deg, var(--primary), var(--purple));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;padding-left:.25rem;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.nav-btn{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;transition:all .15s;display:flex}.nav-btn:hover{color:#f1f5f9;background:#ffffff14}.nav-btn.active{background:var(--primary);color:#fff;border-left-color:var(--purple)}.page-header{border-bottom:1px solid var(--border);background:var(--bg2);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.page-title{font-size:1.1rem;font-weight:600}.week-nav{align-items:center;gap:.5rem;display:flex}.week-label{color:var(--text2);text-align:center;min-width:220px;font-size:.85rem}.icon-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;border-radius:.4rem;align-items:center;padding:.4rem;display:flex}.icon-btn:hover{color:var(--text)}.leader-selector{align-items:center;gap:.5rem;display:flex}.leader-selector select{background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.4rem;padding:.4rem .75rem;font-size:.9rem}.board{padding:1.5rem 2rem}.board-cols{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.board-col{background:var(--bg2);border-radius:.75rem;min-height:200px;padding:1rem}.col-header{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:.85rem;font-weight:600;display:flex}.task-card{background:var(--bg3);border-left:3px solid #0000;border-radius:.6rem;margin-bottom:.75rem;padding:.85rem 1rem}.task-card.priority-alta{border-left-color:var(--red)}.task-card.priority-media{border-left-color:var(--yellow)}.task-card.priority-baja{border-left-color:var(--blue)}.task-title{margin-bottom:.4rem;font-size:.9rem;font-weight:500}.task-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.72rem;font-weight:500;display:inline-flex}.badge-okr{color:#4338ca;background:#e0e7ff}.badge-rolled{color:#92400e;background:#fef9c3}.task-note{color:var(--text2);margin-top:.35rem;font-size:.8rem}.task-actions{flex-wrap:wrap;gap:.35rem;margin-top:.6rem;display:flex}.status-btn{border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;border-radius:.3rem;padding:.2rem .5rem;font-size:.75rem}.status-btn:hover,.status-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.delete-btn{color:#f87171;cursor:pointer;background:0 0;border:1px solid #7f1d1d;border-radius:.3rem;margin-left:auto;padding:.2rem .5rem;font-size:.75rem}.delete-btn:hover{background:#7f1d1d}.add-task-btn{border:1px dashed var(--border);width:100%;color:var(--text3);cursor:pointer;background:0 0;border-radius:.5rem;margin-top:.5rem;padding:.6rem;font-size:.85rem}.add-task-btn:hover{color:var(--text);border-color:var(--text3)}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:1rem;width:520px;max-height:90vh;padding:1.75rem;overflow-y:auto}.modal h3{margin-bottom:1.25rem;font-size:1.1rem;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{color:var(--text2);margin-bottom:.35rem;font-size:.82rem;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:.5rem;padding:.55rem .75rem;font-size:.9rem}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.btn{cursor:pointer;border:none;border-radius:.5rem;padding:.55rem 1.25rem;font-size:.9rem;font-weight:500}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-h)}.btn-ghost{background:var(--bg3);color:var(--text2)}.btn-ghost:hover{color:var(--text)}.dashboard{padding:1.5rem 2rem}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem;display:grid}.metric-card{background:var(--bg2);border-radius:.75rem;padding:1.25rem}.metric-label{color:var(--text2);margin-bottom:.5rem;font-size:.8rem}.metric-value{font-size:1.75rem;font-weight:700}.leaders-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}.leader-card{background:var(--bg2);border-radius:.75rem;padding:1.25rem}.leader-name{margin-bottom:.25rem;font-weight:600}.leader-area{color:var(--text2);margin-bottom:.75rem;font-size:.8rem}.progress-bar{background:var(--bg3);border-radius:9999px;height:6px;margin:.5rem 0}.progress-fill{background:var(--primary);border-radius:9999px;height:100%}.okrs-page{padding:1.5rem 2rem}.okr-tree{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.okr-card{background:var(--bg2);border:1px solid var(--border);border-radius:.75rem}.okr-card.level-2{border-left:3px solid var(--purple);margin-left:1.5rem}.okr-card.level-3{border-left:3px solid var(--blue);margin-left:3rem}.okr-header{cursor:pointer;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.okr-drag-handle{color:var(--text3);cursor:grab;-webkit-user-select:none;user-select:none;padding:.25rem}.okr-drag-handle:hover{color:var(--text)}.okr-info{flex:1}.okr-title-text{font-size:.95rem;font-weight:500}.okr-subtitle{color:var(--text2);margin-top:.15rem;font-size:.78rem}.okr-badges{flex-wrap:wrap;gap:.4rem;margin-top:.3rem;display:flex}.badge-type{border-radius:9999px;padding:.15rem .45rem;font-size:.7rem}.badge-anual{color:#1d4ed8;background:#dbeafe}.badge-trimestral{color:#6d28d9;background:#ede9fe}.badge-owner{color:#15803d;background:#dcfce7;border-radius:9999px;padding:.15rem .45rem;font-size:.7rem}.okr-progress{font-size:.8rem;font-weight:600}.okr-body{padding:0 1rem 1rem}.kr-list{flex-direction:column;gap:.5rem;display:flex}.kr-item{background:var(--bg3);border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.kr-text{flex:1;font-size:.85rem}.kr-text input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.kr-text input:focus{border-bottom:1px solid var(--primary)}.kr-progress{align-items:center;gap:.4rem;display:flex}.kr-progress input[type=number]{background:var(--bg2);border:1px solid var(--border);width:52px;color:var(--text);text-align:center;border-radius:.35rem;padding:.25rem .4rem;font-size:.8rem}.kr-owner select{background:var(--bg2);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:.35rem;padding:.25rem .4rem;font-size:.75rem}.okr-add-kr{margin-top:.75rem}.okr-actions{gap:.4rem;display:flex}.icon-action-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:.3rem;padding:.3rem}.icon-action-btn:hover{color:var(--text);background:var(--bg3)}.icon-action-btn.danger:hover{color:var(--red)}.add-child-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.75rem}.add-child-btn:hover{text-decoration:underline}.settings-page{padding:1.5rem 2rem}.settings-section{margin-top:1.5rem}.settings-title{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.78rem;font-weight:600}.leader-row{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.leader-row input{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:.4rem;flex:1;padding:.45rem .7rem;font-size:.9rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.h2{font-size:1.1rem;font-weight:600}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}