:root{--color-bg: #f4f6f9;--color-surface: #ffffff;--color-border: #e2e6ec;--color-text: #1c2530;--color-text-muted: #64748b;--color-primary: #1e3a5f;--color-primary-hover: #16304f;--color-accent: #2f80ed;--color-success: #1f9d55;--color-warning: #d97706;--color-danger: #dc2626;--radius: 10px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:.95rem}a{color:var(--color-accent)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;flex-wrap:wrap}.app-brand{font-weight:700;font-size:1.1rem;white-space:nowrap}.app-nav{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.app-nav a{color:#ffffffbf;text-decoration:none;font-size:.9rem;padding:.35rem 0;border-bottom:2px solid transparent}.app-nav a.active,.app-nav a:hover{color:#fff;border-color:var(--color-accent)}.app-header-right{display:flex;align-items:center;gap:.75rem}.periodo-input{width:6.5rem;padding:.3rem .5rem;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff}.periodo-input::placeholder{color:#fff9}.app-user{font-size:.85rem;color:#ffffffd9}.btn-link{background:none;border:none;color:#ffffffd9;text-decoration:underline;font-size:.85rem}.app-main{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}.page-loading{padding:3rem;text-align:center;color:var(--color-text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2f80ed);padding:1rem}.login-card{background:var(--color-surface);padding:2.5rem;border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.login-card h1{margin:0;font-size:1.4rem;color:var(--color-primary)}.login-subtitle{margin:-.5rem 0 0;color:var(--color-text-muted);font-size:.9rem}.login-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--color-text-muted)}.login-card input{padding:.55rem .7rem;border-radius:6px;border:1px solid var(--color-border)}.login-card button{margin-top:.5rem;padding:.6rem;border-radius:6px;border:none;background:var(--color-primary);color:#fff;font-weight:600}.login-card button:hover{background:var(--color-primary-hover)}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1rem}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.page-title h1{margin:0;font-size:1.3rem}.btn-primary,.btn-secondary,.btn-danger{border:none;border-radius:6px;padding:.5rem .9rem;font-size:.85rem;font-weight:600}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-border);color:var(--color-text)}.btn-danger{background:#fee2e2;color:var(--color-danger)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.alert-error{background:#fee2e2;color:var(--color-danger);padding:.6rem .8rem;border-radius:6px;font-size:.85rem}.alert-success{background:#dcfce7;color:var(--color-success);padding:.6rem .8rem;border-radius:6px;font-size:.85rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}tr:hover td{background:#f8fafc}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-estrategico{background:#ede9fe;color:#6d28d9}.badge-tactico{background:#dbeafe;color:#1d4ed8}.badge-borrador{background:#fef3c7;color:#b45309}.badge-completado{background:#dcfce7;color:#15803d}.badge-pendiente{background:#f1f5f9;color:#475569}.badge-en_progreso{background:#dbeafe;color:#1d4ed8}.badge-atrasado{background:#fee2e2;color:#b91c1c}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem}.form-grid label,.form-field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--color-text-muted)}.form-grid input,.form-grid select,.form-field input,.form-field select,.form-field textarea{padding:.5rem .6rem;border-radius:6px;border:1px solid var(--color-border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-card{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.ninebox-grid{display:grid;grid-template-columns:6rem repeat(3,1fr);grid-template-rows:auto repeat(3,minmax(150px,auto));gap:6px;margin-top:1rem}.ninebox-y-label{writing-mode:vertical-rl;transform:rotate(180deg)}.ninebox-axis-label{display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-muted);font-weight:600}.ninebox-cell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.35rem;min-height:140px}.ninebox-cell-clickable{cursor:pointer;transition:box-shadow .15s,border-color .15s}.ninebox-cell-clickable:hover{box-shadow:var(--shadow);border-color:var(--color-accent)}.ninebox-cell-title{font-size:.75rem;font-weight:700;color:var(--color-primary)}.ninebox-info-icon{color:var(--color-text-muted);font-weight:400}.ninebox-cell-count{font-size:.7rem;color:var(--color-text-muted)}.ninebox-chip{background:#eef2f7;border-radius:6px;padding:.25rem .4rem;font-size:.75rem;cursor:pointer}.ninebox-chip:hover{background:#dde5ef}.pdi-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.pdi-column-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.5rem}.pdi-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;margin-bottom:.6rem;font-size:.85rem}.pdi-item h4{margin:0 0 .3rem;font-size:.9rem}.pdi-item-meta{color:var(--color-text-muted);font-size:.75rem;margin-top:.3rem}.competency-card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-bottom:.85rem}.competency-card h3{margin:0 0 .3rem;font-size:1rem}.competency-desc{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.6rem}.grade-options{display:grid;gap:.4rem}.grade-option{display:flex;gap:.6rem;align-items:flex-start;border:1px solid var(--color-border);border-radius:8px;padding:.5rem .65rem;cursor:pointer;font-size:.85rem}.grade-option.selected{border-color:var(--color-accent);background:#eff6ff}.grade-option input{margin-top:.2rem}.install-banner{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 24px #0f172a2e;padding:.75rem .9rem;display:flex;align-items:center;gap:.75rem;max-width:480px;margin:0 auto}.install-banner-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0}.install-banner-text{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem;flex:1}.install-banner-text strong{font-size:.9rem}.install-banner-text span{color:var(--color-text-muted)}.install-banner-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.install-banner-close{color:var(--color-text-muted);font-size:1rem;text-decoration:none}@media(max-width:720px){.app-header{flex-direction:column;align-items:flex-start}.ninebox-grid{grid-template-columns:auto repeat(3,minmax(90px,1fr))}}