*,:after,:before{box-sizing:border-box}:root{--color-primary:#902b29;--color-primary-dark:#642120;--color-primary-deeper:#521615;--color-primary-deep:#3d1111;--color-brown-mid:#8d7259;--color-brown-dark:#583d24;--color-neutral:#bababa;--color-bg:#f1e8db;--color-surface:#fff;--color-border:#dfcaca;--color-pink-mid:#d49995;--color-salmon:#e87a6b;--color-text:#3d1111;--color-muted:#8d7259;--color-status-on-track:#2d7a4a;--color-status-at-risk:#d97706;--color-status-unlikely:#b91c1c;--color-status-canceled:#bababa}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark);text-decoration:underline}main{max-width:100%;margin:0 auto;padding:0}h1{margin-top:0;color:var(--color-primary-deep)}button,input,select,textarea{font:inherit}button{cursor:pointer;padding:.5rem 1rem;border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;border-radius:4px;transition:background .15s}button:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}button:active{background:var(--color-primary-deeper)}input,select,textarea{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}label{display:block;margin-bottom:1rem;font-weight:600}table{width:100%;border-collapse:collapse;margin-top:1rem}td,th{text-align:left;padding:.5rem;border-bottom:1px solid var(--color-border)}.muted{color:var(--color-muted);font-size:.9rem}.error{color:#c00;padding:.75rem;border:1px solid #fcc;background:#fee;border-radius:4px}.brand-logo-img{height:26px;width:auto;display:block}.auth-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1.5rem;background:var(--color-primary-deep);color:#fff}.auth-nav .muted{font-size:.875rem;color:var(--color-pink-mid)}.auth-nav button{padding:.375rem .875rem;font-size:.875rem;background:transparent;border-color:var(--color-pink-mid);color:#fff}.auth-nav button:hover{background:var(--color-primary-dark);border-color:#fff}.tab-nav{display:flex;gap:0;background:var(--color-primary-deeper);padding:0 1.5rem;border-bottom:2px solid var(--color-primary-dark)}.tab-nav a{display:inline-block;padding:.75rem 1.25rem;color:var(--color-pink-mid);text-decoration:none;font-size:.9rem;font-weight:500;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.tab-nav a:hover{color:#fff;text-decoration:none}.tab-nav a.active{color:#fff;border-bottom-color:var(--color-salmon)}.sub-tab-nav{display:flex;gap:0;background:var(--color-bg);padding:0 1.5rem;border-bottom:1px solid var(--color-border)}.sub-tab-nav a{display:inline-block;padding:.45rem 1rem;color:var(--color-brown-mid);text-decoration:none;font-size:.82rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.sub-tab-nav a:hover{color:var(--color-primary);text-decoration:none}.sub-tab-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.page-content{padding:1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.page-header h1{margin:0}.page-header-controls{display:flex;align-items:center;gap:.5rem}.col-picker-wrapper{position:relative}.col-picker-btn{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap}.col-picker-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.col-picker-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-width:160px;padding:.5rem 0;z-index:200}.col-picker-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .9rem;font-size:.875rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-text)}.col-picker-item:hover{background:var(--color-bg)}.col-picker-item input[type=checkbox]{width:auto;padding:0;border:none;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.col-picker-item--all{font-weight:600}.col-picker-divider{border:none;border-top:1px solid var(--color-border);margin:.25rem 0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:500}.modal-box{background:var(--color-surface);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.18);padding:1.5rem;min-width:320px;max-width:420px;width:100%}.modal-title{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-primary-deep)}.modal-desc{margin:0 0 .75rem;font-size:.875rem;color:var(--color-muted)}.modal-input{display:block;width:100%;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.btn-secondary{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-bg);border-color:var(--color-neutral)}.btn-danger{background:var(--color-status-unlikely);border-color:var(--color-status-unlikely);color:#fff}.btn-danger:hover{background:#991b1b;border-color:#991b1b}.btn-danger:disabled,.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-icon-danger{padding:.375rem .5rem;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-status-unlikely);display:flex;align-items:center;justify-content:center;line-height:1}.btn-icon-danger:hover{background:#fee2e2;border-color:var(--color-status-unlikely)}.cycle-select{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;width:auto}.cycle-select:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.okr-table-wrapper{width:100%;overflow:auto;max-height:calc(100vh - 220px);border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);margin-top:1rem}.okr-table{min-width:1400px;width:100%;border-collapse:collapse;font-size:.85rem}.okr-table thead tr{position:-webkit-sticky;position:sticky;top:0;z-index:2}.okr-table th{padding:.6rem .75rem;font-weight:600;white-space:nowrap;border-bottom:2px solid var(--color-primary-dark);text-align:left;background:var(--color-primary-deep);color:#fff}.okr-table td{padding:.35rem .5rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.okr-table tbody tr:hover{background:#fdf6f0}.okr-row--on-track td.col-status-indicator{border-left:3px solid var(--color-status-on-track)}.okr-row--at-risk td.col-status-indicator{border-left:3px solid var(--color-status-at-risk)}.okr-row--unlikely td.col-status-indicator{border-left:3px solid var(--color-status-unlikely)}.okr-row--canceled td.kr-cell{opacity:.45}.okr-row--canceled td.col-status-indicator{border-left:3px solid var(--color-status-canceled)}.tribo-header td{background:var(--color-primary-deep);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:.5rem .75rem;border-bottom:none}.objective-cell{background:#faf3eb;vertical-align:middle!important;border-right:2px solid var(--color-border)}.objective-cell .cell-text{font-weight:700}.tipo-aspirational{font-weight:700;color:#6d28d9;cursor:pointer;border-radius:3px;padding:2px 6px;display:inline-block}.tipo-aspirational:hover{background:#ede9fe}.tipo-committed{font-weight:700;color:#1d4ed8;cursor:pointer;border-radius:3px;padding:2px 6px;display:inline-block}.tipo-committed:hover{background:#dbeafe}.status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;cursor:pointer;padding:2px 4px;border-radius:3px;white-space:nowrap}.status-badge:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.status-badge:hover{background:var(--color-border)}.status-badge--on-track{color:var(--color-status-on-track)}.status-badge--at-risk{color:var(--color-status-at-risk)}.status-badge--unlikely{color:var(--color-status-unlikely)}.status-badge--canceled{color:var(--color-status-canceled)}.status-badge--default{color:var(--color-muted)}.col-wide{min-width:180px;max-width:300px}.col-narrow{min-width:70px;max-width:120px}.cell-text{display:block;min-height:1.4rem;cursor:pointer;border-radius:3px;padding:2px 4px;word-break:break-word}.cell-text:hover{background:var(--color-border)}.cell-text--wide{min-width:140px}.cell-readonly{cursor:default;font-weight:600}.cell-empty{color:var(--color-neutral)}.cell-input{width:100%;padding:2px 4px;font-size:.85rem;border:1px solid var(--color-primary);border-radius:3px;background:#fff;color:var(--color-text);min-width:60px}.cell-input--wide{min-width:160px}.tribo-header-text{font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;cursor:pointer;border-radius:3px;padding:2px 4px;display:inline-block}.tribo-header-text:hover{background:hsla(0,0%,100%,.15)}.ctx-overlay{position:fixed;inset:0;z-index:999}.ctx-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.15);min-width:180px;overflow:hidden;z-index:1000}.ctx-item{display:block;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;border-radius:0;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:background .1s}.ctx-item:hover{background:var(--color-bg)}.ctx-item--danger{color:var(--color-status-unlikely)}.ctx-item--danger:hover{background:#fee2e2}.kr-spacer-row td{padding:0;height:0;border:none}.dashboard-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.dashboard-grid-third{grid-column:span 2}.dashboard-grid-half{grid-column:span 3}.dashboard-grid-full{grid-column:1/-1}.dashboard-grid-row2{grid-row:span 2}.dash-card{background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);padding:1.25rem 1.5rem}.dash-card-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--color-primary-deep)}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dash-card-header .dash-card-title{margin-bottom:0}.dash-legend{display:flex;gap:1.25rem}.dash-legend-item{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text)}.dash-legend-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}.empty-state-row td{text-align:center;padding:3rem 1rem;color:var(--color-muted);font-style:italic;border-bottom:none;cursor:default}.empty-state-hint{font-size:.875rem}.progress-cell{font-weight:700;font-size:.85rem;white-space:nowrap}.ap-kpi-row{display:flex;gap:1rem;margin-top:1.5rem}.ap-kpi-card{flex:1 1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem 1.25rem}.ap-kpi-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin:0 0 .35rem}.ap-kpi-value{font-size:1.625rem;font-weight:800;color:var(--color-primary-deep);margin:0 0 .2rem;line-height:1.1}.ap-kpi-sub{font-size:.75rem;color:var(--color-muted);margin:0}.ap-plan-subtitle{margin:.35rem 0 0;font-size:.875rem;color:var(--color-muted)}.ap-section-title{font-size:.9375rem;font-weight:700;color:var(--color-primary-deep);margin:2rem 0 .75rem}.ap-edit-toggle{display:flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;color:var(--color-primary-deep)}.ap-edit-toggle:hover{background:var(--color-border)}