:root{--capa-vision: #6B3FA0;--capa-estrategia: #E07B24;--capa-roadmap: #C2187A;--estado-entregada: #1B5E20;--estado-en-plazo: #2E7D32;--estado-planificada: #E07B24;--estado-candidata: #8A8A99;--estado-en-riesgo: #C62828;--estado-revision: #E8C21E;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--color-bg: #F6F6F9;--color-surface: #FFFFFF;--color-surface-alt: #EFEFF5;--color-text: #1B1B2F;--color-text-muted: #55556B;--color-border: #D6D6E2;--color-border-strong: #767689;--color-accent: #4B2A8A;--color-accent-text: #FFFFFF;--color-focus: #2F6FEB;--color-danger: #B3261E;--color-danger-bg: #FCE8E6;--color-warning: #8A5300;--color-warning-bg: #FFF1D6;--color-success: #1B5E20;--color-success-bg: #E3F2E5;--color-sky: #0F1E3D;--color-sky-text: #E8ECF7;color-scheme:light}:root[data-theme=dark]{--color-bg: #12121C;--color-surface: #1C1C2A;--color-surface-alt: #252536;--color-text: #ECECF4;--color-text-muted: #A9A9BE;--color-border: #34344A;--color-border-strong: #7A7A92;--color-accent: #A98BE0;--color-accent-text: #12121C;--color-focus: #7FA8FF;--color-danger: #F28B82;--color-danger-bg: #3A1E1C;--color-warning: #F5C26B;--color-warning-bg: #3A2C12;--color-success: #81C995;--color-success-bg: #16301E;--color-sky: #0A1630;--color-sky-text: #E8ECF7;color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--color-bg: #12121C;--color-surface: #1C1C2A;--color-surface-alt: #252536;--color-text: #ECECF4;--color-text-muted: #A9A9BE;--color-border: #34344A;--color-border-strong: #7A7A92;--color-accent: #A98BE0;--color-accent-text: #12121C;--color-focus: #7FA8FF;--color-danger: #F28B82;--color-danger-bg: #3A1E1C;--color-warning: #F5C26B;--color-warning-bg: #3A2C12;--color-success: #81C995;--color-success-bg: #16301E;--color-sky: #0A1630;--color-sky-text: #E8ECF7;color-scheme:dark}}:root[data-text-size=sm]{font-size:93.75%}:root[data-text-size=md]{font-size:100%}:root[data-text-size=lg]{font-size:112.5%}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family);line-height:1.5}body{margin:0;background:var(--color-bg);color:var(--color-text)}a{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}input.visually-hidden:not([type=checkbox]):not([type=radio]){width:1px;min-height:0;height:1px;padding:0;border:0}.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:8px;top:8px;z-index:10;background:var(--color-surface);padding:8px}button,.button,input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px}button,.button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer}button.primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}button.danger{color:var(--color-danger)}button:disabled{opacity:.55;cursor:not-allowed}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:8px 12px}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}input[aria-invalid=true]{border-color:var(--color-danger)}label{display:block;font-weight:600;margin-bottom:4px}.field{margin-bottom:16px}.field-error,.alert-error{color:var(--color-danger)}.alert{padding:12px 16px;border-radius:var(--radius-md);margin:12px 0}.alert-error{background:var(--color-danger-bg)}.alert-info{background:var(--color-surface-alt)}.alert-success{background:var(--color-success-bg);color:var(--color-success)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.auth-layout{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px}.auth-layout .card{width:min(440px,100%)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:16px}.tabs [role=tab]{border:none;border-bottom:3px solid transparent;border-radius:0;background:none}.tabs [role=tab][aria-selected=true]{border-bottom-color:var(--color-accent);font-weight:600}.muted{color:var(--color-text-muted)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.85em}.pill-gray{background:var(--color-surface-alt);color:var(--color-text-muted)}.pill-danger{background:var(--color-danger-bg);color:var(--color-danger)}.pill-warning{background:var(--color-warning-bg);color:var(--color-warning)}.settings-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.radio{display:flex;align-items:center;gap:8px;font-weight:400;min-height:44px}.radio input{width:auto;min-height:auto}fieldset{border:none;padding:0;margin:0 0 12px}legend{font-weight:600;margin-bottom:4px}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px}dt{color:var(--color-text-muted)}dd{margin:0}.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:var(--color-surface);border-bottom:1px solid var(--color-border)}.org-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font-weight:700}.product-mark{font-weight:700;text-decoration:none;color:var(--color-text)}.spacer{flex:1}.breadcrumb ol{display:flex;gap:8px;list-style:none;margin:0;padding:8px 16px}.breadcrumb li+li:before{content:"›";margin-right:8px;color:var(--color-text-muted)}.shell-body{flex:1;display:grid;grid-template-columns:220px 1fr}.sidenav{border-right:1px solid var(--color-border);padding:16px 8px}.sidenav ul,.bottomnav ul{list-style:none;margin:0;padding:0}.sidenav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--radius-md);text-decoration:none;color:var(--color-text)}.sidenav a.active{background:var(--color-surface-alt);font-weight:600}main#main{padding:24px;min-width:0}.bottomnav{display:none}@media(max-width:759px){.shell-body{grid-template-columns:1fr}.sidenav,.user-name,.org-name{display:none}main#main{padding:16px 16px calc(88px + env(safe-area-inset-bottom))}.bottomnav{display:block;position:fixed;inset:auto 0 0 0;z-index:5;background:var(--color-surface);border-top:1px solid var(--color-border);padding:0 env(safe-area-inset-right) calc(8px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.bottomnav ul{display:flex;justify-content:space-around}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:52px;font-size:.8em;text-decoration:none;color:var(--color-text-muted)}.bottomnav a.active{color:var(--color-accent);font-weight:600}}.pyramids{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:end}.pyramid{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.pyramid h2{font-size:1.05em;margin:0;text-align:center}.pyramid footer{display:flex;gap:8px;align-items:center;min-height:32px}@media(max-width:759px){.pyramids{grid-template-columns:1fr}}.users-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--color-border);vertical-align:top}.users-table td button{margin:0 4px 4px 0}.note{font-style:italic;color:var(--color-text-muted)}.assignment-form{display:grid;gap:8px;max-width:420px;padding:16px;margin:8px 0;background:var(--color-surface-alt);border-radius:var(--radius-md)}.assignment-form .check{display:flex;align-items:center;gap:8px;font-weight:400;min-height:44px}.assignment-form .check input{width:auto;min-height:auto}.form-actions{display:flex;gap:8px}@media(max-width:759px){.users-table thead{display:none}.users-table tr{display:block;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:12px}.users-table td{display:block;border:none;padding:6px 12px}.users-table td:before{content:attr(data-label);display:block;font-size:.8em;color:var(--color-text-muted)}}