:root{font-family:Inter,system-ui,sans-serif;color:#1f2937;background:#f7f9fc;--ink: #1f2937;--muted: #4b5563;--surface: #ffffff;--surface-soft: #eef2f6;--line: #c8d2df;--blue-strong: #123f8c;--blue: #1f5ca8;--blue-soft: #d9e8f8;--blue-softest: #eef5fc;--blue-text: #123f8c;--danger: #b85b5b;--danger-soft: #fff1f1;--success: #4f8c6a;--success-soft: #8fc5a9}*{box-sizing:border-box}html{background:var(--blue-strong)}body{margin:0;background:var(--blue-strong)}app-root{display:flex;flex-direction:column;min-height:100vh;background:#f7f9fc}img,svg,video,canvas{max-width:100%}header{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--blue-strong);border-bottom:1px solid #0d3474;color:#fff}.header-main,.header-panel{display:flex;align-items:center}.header-main{min-width:0}.header-panel{flex:1;justify-content:flex-end;min-width:0}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem;min-width:0}.brand span{overflow-wrap:anywhere}.brand img{width:2.25rem;height:2.25rem;border-radius:.45rem;object-fit:cover;background:#fff}.welcome{margin:0 1rem;color:#dceaff;font-weight:600}.welcome strong{display:inline-block;padding:.18rem .45rem;border-radius:999px;background:#fff;color:var(--blue-strong);font-weight:800}a{color:inherit;text-decoration:none}nav{display:flex;align-items:center;gap:.45rem}nav a{border:1px solid transparent;border-radius:.55rem;padding:.5rem .75rem;color:#e6f0ff;font-weight:700}nav a.active{background:#fff;border-color:#b9d0eb;color:var(--blue-strong);box-shadow:0 6px 16px #051f501f}.menu-toggle{display:none;width:2.7rem;height:2.7rem;padding:0;place-items:center;gap:.24rem;background:#fff;border:1px solid #b9d0eb;color:var(--blue-strong)}.menu-toggle span{display:block;width:1.2rem;height:.13rem;border-radius:999px;background:currentColor;transition:transform .22s ease,opacity .18s ease}.menu-toggle.open span:nth-child(1){transform:translateY(.37rem) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-.37rem) rotate(-45deg)}button{border:0;border-radius:.45rem;padding:.65rem 1rem;background:var(--blue);color:#fff;font-weight:600;cursor:pointer}button.secondary{background:#5f6b7a;margin-left:.5rem}button.danger{background:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}.session-alert{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:#fff8e5;color:#765a31;border-bottom:1px solid #ead59a}.session-alert button{background:#b28a4d}main{flex:1;max-width:1100px;width:100%;margin:2rem auto;padding:0 1rem}.page-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-title h1{margin:0}.page-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-start}.page-title a,.button-link{display:inline-block;border-radius:.45rem;padding:.6rem .85rem;background:var(--blue);color:#fff;font-weight:700}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:1rem;padding:1.25rem 5%;background:var(--blue-strong);border-top:1px solid #0d3474;color:#dceaff}.footer-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.footer-support{justify-content:flex-start}.footer-legal{justify-content:center;flex-direction:column;gap:.25rem;text-align:center}.footer-version{justify-content:flex-end}.site-footer strong,.site-footer a{color:#fff}.site-footer span,.site-footer a{font-size:.92rem;font-weight:600}.site-footer a{text-decoration:underline;text-decoration-color:#9fc1ef;text-underline-offset:.18rem}.card{background:var(--surface);border-radius:.75rem;padding:1.25rem;margin:1rem 0;box-shadow:0 8px 24px #33415518;min-width:0}.login{max-width:420px;margin:4rem auto}form{display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:600}input,textarea,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:.4rem;padding:.65rem;font:inherit;background:var(--surface)}input:disabled,textarea:disabled,select:disabled{background:#edf2f7;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.grid label:last-child{grid-column:1 / -1}.grid.two label:last-child{grid-column:auto}.step-card,.locked-step{display:grid;gap:1rem}.locked-step{opacity:.72;background:var(--surface-soft)}.step-title{display:flex;gap:.85rem;align-items:flex-start}.step-title span{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--blue);color:#fff;font-weight:800}.step-title h2{margin:0}.step-title p{margin:.25rem 0 0;color:var(--muted)}.step-heading{display:grid;gap:.65rem;min-width:0}.leadership-banner{display:grid;gap:.15rem;width:fit-content;max-width:100%;margin:-.5rem 0 1rem;padding:.7rem .85rem;border:1px solid #bfd4ec;border-radius:.55rem;background:var(--blue-softest);color:var(--ink)}.leadership-banner small{color:var(--blue-text);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.leadership-banner strong{overflow-wrap:anywhere;color:var(--ink);font-size:1rem;line-height:1.25}.form-tabs{display:flex;gap:.5rem;margin-top:1rem;margin-bottom:1rem}.form-tabs button{background:#e1e7ef;color:#334155}.form-tabs button.active{background:var(--blue-strong);color:#fff}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.copy-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin-top:1rem}.muted{color:var(--muted)}.capture-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;align-items:start}.capture-side{position:sticky;top:1rem}.side-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.side-header h2{margin:.2rem 0}.side-header p{margin:.25rem 0;color:var(--muted)}.side-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.side-actions .secondary{margin-left:0}.search-box{margin:1rem 0}.list-controls,.pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:1rem 0}.list-controls label{display:flex;align-items:center;gap:.5rem}.list-controls select{min-width:4.5rem}.list-controls span{color:var(--muted);font-weight:600}.pagination .secondary{margin-left:0}.leadership-list,.record-list{display:grid;gap:.7rem}.leadership-row{display:grid;gap:.2rem;width:100%;text-align:left;background:var(--blue-softest);color:var(--ink)}.leadership-row span{font-weight:700}.leadership-row small,.record-list small,.record-list span{color:var(--muted)}.record-row{display:grid;gap:.15rem;width:100%;text-align:left;padding:.8rem;background:var(--surface);color:var(--ink);border:1px solid #d3dbe6;border-radius:.45rem}.record-row.active{border-color:#4e82bd;background:var(--blue-softest)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.manager-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.manager-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.goal-summary-card{display:grid;gap:.45rem;align-content:start}.goal-summary-card h2,.goal-summary-card p{margin:0}.goal-summary-card strong{font-size:1.85rem;color:var(--blue-text)}.admin-goal-card{border:1px solid #bde8ca;background:#f5fcf7}.admin-goal-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #bde8ca;background:#f5fcf7}.admin-goal-notice p{margin:.25rem 0 0;color:var(--muted)}.stats article{background:#d7e6f7;border-radius:.75rem;padding:1.25rem;display:grid;gap:.3rem}.stats strong{font-size:2rem;color:var(--blue-text)}.period-summary div{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--muted);font-weight:700}.team-goal-summary small{color:var(--muted);font-weight:700}.team-goal-summary .progress{width:100%}table{width:100%;border-collapse:collapse}.table-card{overflow-x:auto}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #d3dbe6;vertical-align:top;overflow-wrap:anywhere}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:end}.records-filter-card{overflow:visible}.demo-tools-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}.demo-tools-card h2,.demo-tools-card p{margin:0}.demo-tools-card h2{margin-bottom:.25rem}.demo-tools-card .request-placeholder,.demo-tools-card .success,.demo-tools-card .error{grid-column:1 / -1}.demo-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.records-filters{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem 1.1rem}.records-filters label{min-width:0}.records-filters input,.records-filters select{width:100%;min-width:0}.records-filters button{min-height:2.75rem;align-self:end}.records-filters button.secondary{margin-left:0}.records-table-card{padding:1rem;overflow-x:visible}.records-table-card .muted{margin:0 0 .85rem}.records-table-scroll{overflow-x:auto;padding-bottom:.5rem}.records-table{min-width:1180px;table-layout:fixed}.records-table th{white-space:nowrap;font-size:.82rem;color:var(--muted)}.records-table td{line-height:1.35;overflow-wrap:anywhere}.clickable-row{cursor:pointer}.clickable-row:hover,.clickable-row.active{background:var(--blue-softest)}.records-table th:nth-child(1),.records-table td:nth-child(1){width:8.5rem}.records-table th:nth-child(2),.records-table td:nth-child(2){width:9.5rem}.records-table th:nth-child(3),.records-table td:nth-child(3){width:12rem}.records-table th:nth-child(4),.records-table td:nth-child(4){width:7.5rem}.records-table th:nth-child(5),.records-table td:nth-child(5){width:10rem}.records-table th:nth-child(6),.records-table td:nth-child(6){width:13rem}.records-table th:nth-child(7),.records-table td:nth-child(7){width:5.5rem}.records-table th:nth-child(8),.records-table td:nth-child(8),.records-table th:nth-child(9),.records-table td:nth-child(9){width:9rem}.records-table th:nth-child(10),.records-table td:nth-child(10){width:6.5rem}.records-table th:nth-child(11),.records-table td:nth-child(11){width:12rem}.goal-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.goal-form label{min-width:0}.goal-form input,.goal-form select{width:100%;min-width:0}.goal-actions{grid-column:1 / -1;align-items:center;margin-top:.25rem}.goals-sections{display:grid;gap:1rem}.goals-table-card{overflow-x:visible}.goals-list-card{max-height:68vh;overflow:auto}.goals-table{table-layout:fixed}.goals-table th:nth-child(1),.goals-table td:nth-child(1){width:18%}.goals-table th:nth-child(2),.goals-table td:nth-child(2){width:10%}.goals-table th:nth-child(3),.goals-table td:nth-child(3){width:10%}.goals-table th:nth-child(4),.goals-table td:nth-child(4){width:8%}.goals-table th:nth-child(5),.goals-table td:nth-child(5){width:16%}.goals-table th:nth-child(6),.goals-table td:nth-child(6){width:22%}.goals-table th:nth-child(7),.goals-table td:nth-child(7){width:16%}.date-range{display:grid;gap:.12rem;min-width:8rem}.date-range small{color:var(--muted);font-weight:700}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.row-actions button{padding:.5rem .7rem}.row-actions .secondary{margin-left:0}.goal-pill{display:inline-grid;place-items:center;min-width:4.6rem;padding:.28rem .55rem;border-radius:999px;background:#eef2f6;color:var(--muted);font-size:.78rem;font-weight:800}.goal-pill.admin-goal{background:#dff7e8;color:#286947}.admin-goal-row{background:#f2fbf5}.row-actions .action-button{display:inline-grid;place-items:center;width:5.5rem;min-height:2.25rem;padding:.5rem .65rem;line-height:1;text-align:center}.skeleton-line{display:block;width:100%;height:.85rem;border-radius:999px;background:linear-gradient(90deg,#e4eaf1,#f5f7fa 46%,#e4eaf1);background-size:220% 100%;animation:skeleton-shimmer 1.1s ease-in-out infinite}.skeleton-number{width:4.5rem;height:2rem;border-radius:.45rem}.skeleton-title{width:55%;height:1.1rem;margin-bottom:.35rem}.skeleton-short{width:42%}.skeleton-summary{width:min(22rem,100%)}.skeleton-action{width:5.5rem;height:2.25rem;border-radius:.45rem}.skeleton-card{display:grid;gap:.75rem}.request-placeholder{display:grid;gap:.55rem;padding:.75rem;border:1px solid #d9e2ee;border-radius:.45rem;background:var(--blue-softest)}.skeleton-stats article{min-height:7.2rem}.skeleton-table-row td{height:3rem}@keyframes skeleton-shimmer{0%{background-position:110% 0}to{background-position:-110% 0}}.progress{width:8rem;max-width:100%;height:.55rem;overflow:hidden;border-radius:999px;background:#d5dde8}.progress span{display:block;height:100%;background:var(--success-soft)}.alert-list{display:grid;gap:.7rem}.alert-row{display:grid;gap:.2rem;padding:.85rem;border:1px solid #f0caca;border-radius:.45rem;background:var(--danger-soft);color:#854242}.error{color:var(--danger)}.success{color:var(--success)}.field-error,.form-hint{color:var(--danger);font-weight:600;overflow-wrap:anywhere}.field-error{font-size:.82rem}.form-hint{margin:0;padding:.65rem .8rem;border-radius:.45rem;background:var(--danger-soft)}@media(max-width:900px){.capture-layout{grid-template-columns:1fr}.capture-side{position:static}}@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden}header{align-items:stretch;gap:0;padding:1rem;flex-direction:column}.header-main{width:100%;justify-content:space-between;gap:.75rem}.header-panel{display:flex;width:100%;flex:none;align-items:stretch;flex-direction:column;max-height:0;opacity:0;overflow:hidden;transition:max-height .28s ease,opacity .2s ease,padding-top .28s ease}.header-panel.open{max-height:70vh;opacity:1;padding-top:.85rem}.header-panel>*{min-height:0;min-width:0}.menu-toggle{display:inline-grid;flex:0 0 auto}.welcome{margin:0 0 .75rem;overflow-wrap:anywhere}nav{align-items:stretch;flex-direction:column;gap:.5rem}nav a,nav button{width:100%;min-height:2.75rem;text-align:left}nav a{display:grid;align-items:center}main{margin:1rem auto;padding:0 .75rem}.site-footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding:1.1rem 1rem calc(1.1rem + env(safe-area-inset-bottom))}.footer-section,.footer-support,.footer-legal,.footer-version{align-items:center;justify-content:center;flex-direction:column;gap:.25rem}.session-alert{align-items:stretch;flex-direction:column}.session-alert button,.page-actions a,.page-actions button,.button-link,.page-title a,.page-title button,.form-actions button{width:100%;text-align:center}button.secondary{margin-left:0}.page-title>div{display:grid;gap:.5rem}.card{max-width:100%;padding:1rem}.card:has(table),.table-card,.goals-table-card,.records-table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.card:has(table) table,.table-card table{width:max-content;min-width:100%;table-layout:auto}th,td{white-space:nowrap}td .progress{min-width:6rem}.stats,.manager-goal-grid{grid-template-columns:1fr}.admin-goal-notice{align-items:stretch;flex-direction:column}.split-grid{grid-template-columns:1fr}.page-title{align-items:stretch;flex-direction:column}.page-actions{width:100%;justify-content:flex-start}.page-actions a,.page-actions button{flex:1 1 100%}.page-title h1,.page-title h2,.step-title h2{overflow-wrap:anywhere}.step-heading,.leadership-banner{width:100%}.form-tabs,.form-actions{align-items:stretch;flex-direction:column}.copy-box,.demo-tools-card{grid-template-columns:1fr}.demo-actions{justify-content:stretch}.demo-actions button{flex:1 1 10rem}.list-controls,.pagination,.side-header{align-items:stretch;flex-direction:column}.side-actions{justify-content:stretch}.side-actions button,.pagination button{flex:1 1 100%}.stats strong,.goal-summary-card strong{font-size:1.6rem;overflow-wrap:anywhere}table:not(.records-table){min-width:38rem}.goals-table{min-width:54rem}}@media(max-width:420px){.brand{font-size:.98rem}.brand img{width:2rem;height:2rem}.step-title{gap:.65rem}.step-title span{width:1.75rem;height:1.75rem;flex:0 0 auto}button,.page-title a,.button-link{padding-left:.8rem;padding-right:.8rem}}