:root{--brand-primary:#0f3d4a;--brand-primary-600:#155e6f;--brand-accent:#d98e04;--ink:#12212a;--slate:#5b6770;--mist:#f4f6f7;--line:#dce2e5;--danger:#b42318;--success:#1f7a4d;--warning:#9a5b00;--surface:#fff;--radius:12px;--font-display:"Sora", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--mist);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.5}h1,h2{font-family:var(--font-display);color:var(--brand-primary);margin:0;line-height:1.2}a{color:var(--brand-primary-600)}label{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}input,select,textarea{max-width:100%;min-height:48px;font:inherit;color:inherit;background:var(--surface);border:1px solid #b9c3c8;border-radius:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:var(--slate)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--brand-primary-600);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-primary) 16%, transparent)}label input,label select,label textarea{font-size:16px;font-weight:400}textarea{resize:vertical;padding:12px 14px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px}.btn{min-height:48px;font:inherit;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid #b9c3c8;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand-primary-600);color:#fff;box-shadow:0 6px 16px -8px color-mix(in srgb, var(--brand-primary) 70%, transparent);border:0}.btn-quiet{min-height:40px;color:var(--slate);background:0 0;border-color:#0000;padding:0 10px;font-size:14px;font-weight:500}.btn-quiet:hover{color:var(--ink);background:var(--mist)}.btn-add{border:1.5px dashed color-mix(in srgb, var(--brand-primary-600) 40%, white);background:color-mix(in srgb, var(--brand-primary) 3%, white);color:var(--brand-primary-600)}.btn-danger{background:var(--danger);color:#fff;border:0}.btn:disabled{opacity:.6;cursor:progress}.stack{flex-direction:column;gap:16px;display:flex}.muted{color:var(--slate);font-size:14px}.error{color:var(--danger);font-size:14px}.card{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px #12212a0a, 0 16px 36px -20px color-mix(in srgb, var(--brand-primary) 35%, transparent);border-radius:18px;padding:40px}.pending{border-color:var(--brand-accent);border-style:dashed}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.stack>.segmented{align-self:flex-start}.segmented button{min-width:40px;min-height:32px;color:var(--slate);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:13px;font-weight:600}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--brand-primary-600);color:#fff}.step-mark{border:1px solid var(--line);width:28px;height:28px;color:var(--slate);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.step-mark.done{border-color:var(--brand-primary-600);background:var(--brand-primary-600);color:#fff}.chip{background:var(--mist);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;display:inline-flex}.chip-active{border-color:var(--brand-primary-600);color:var(--brand-primary-600)}.chip-closed{color:var(--slate)}.list{margin:0;padding:0;list-style:none}.list>li{border-top:1px solid var(--line);padding:16px 0}.list>li:first-child{border-top:0}fieldset{border:1px solid var(--line);border-radius:10px;min-width:0;margin:0;padding:12px 14px}.check{flex-direction:row;align-items:center;gap:8px;font-weight:400}.check input{width:18px;height:18px;min-height:0}@media (width<=520px){.card{padding:24px}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.report section.card{padding:24px}.report h2{font-size:22px}.report-bars{gap:6px;display:grid}.report-bar{grid-template-columns:minmax(120px,2fr) 3fr;align-items:center;gap:12px;display:grid}.report-bar dt{font-size:14px}.report-bar dd{align-items:center;gap:10px;margin:0;display:flex}.report-track{background:var(--mist);border-radius:999px;flex:1;display:block;overflow:hidden}.report-track>span{border-radius:999px;height:100%;display:block}.report-value{font-variant-numeric:tabular-nums;min-width:70px;font-size:14px}.report-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.agreement{vertical-align:middle;border:1px solid var(--line);color:var(--slate);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:500;display:inline-block}.agreement-divided{border-color:var(--warning);color:var(--warning)}.change-up{color:var(--success)}.change-down{color:var(--danger)}.goal-status{border:1px solid var(--line);color:var(--slate);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:13px}.goal-done{border-color:var(--success);color:var(--success)}.report-item{border-top:1px solid var(--line);padding-top:12px}.report-table,.data-table{border-collapse:collapse;width:100%;font-size:14px}.report-table th,.report-table td,.data-table th,.data-table td{text-align:left;border-top:1px solid var(--line);padding:8px 6px}.heatmap-scroll{max-width:100%;overflow-x:auto}.heatmap th:first-child{background:var(--surface);min-width:140px;position:sticky;left:0}.heatmap-cell{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center!important}.heatmap tfoot th,.heatmap tfoot td{border-top:2px solid var(--ink)}.print-only{display:none}@media (width<=560px){.report-bar{grid-template-columns:1fr;gap:2px}.report-radar{display:none}}@media print{body{background:#fff}.no-print{display:none!important}.card{box-shadow:none;border:0;padding:0!important}.report-item{break-inside:avoid}.report h2,.report h3{break-after:avoid}.report{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-only{display:block}.heatmap-scroll{overflow:visible}}@page cycle-report{size:landscape}.cycle-report{page:cycle-report}input[type=checkbox],input[type=radio]{accent-color:var(--brand-primary-600)}.icon{flex:none}.icon-success{color:var(--success)}.icon-warning{color:var(--warning)}.icon-danger{color:var(--danger)}.icon-muted{color:var(--slate)}@media (prefers-reduced-motion:no-preference){.icon-spin{animation:1s linear infinite icon-spin}}@keyframes icon-spin{to{transform:rotate(360deg)}}.with-icon{align-items:center;gap:6px;display:inline-flex}.issues{gap:6px;margin:0;padding:0;list-style:none;display:grid}.issues li{align-items:flex-start;gap:8px;display:flex}.issues .icon{margin-top:3px}.media{align-items:flex-start;gap:12px;display:flex}.sticky-top{z-index:1;background:var(--surface);position:sticky;top:0}.answer-progress{border-bottom:1px solid var(--line);gap:6px;padding:10px 0;display:grid}.link-button{color:var(--brand-primary-600);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.scale{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.scale .btn{flex-direction:column;flex:64px;gap:0;min-width:64px;padding:6px 10px}.scale-label{font-size:12px;font-weight:400}@media (width<=520px){.scale{flex-direction:column}.scale .btn{flex-direction:row;flex:none;justify-content:flex-start;gap:12px;min-height:44px}.scale-label{font-size:15px}}.dialog{width:min(480px,100% - 32px);color:var(--ink);border:0;padding:0;box-shadow:0 16px 48px #12212a40}.dialog-body{padding:24px}.dialog::backdrop{background:#12212a73}.toasts{z-index:30;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;inset:auto 16px 16px}.toast{pointer-events:auto;border-radius:var(--radius);background:var(--ink);color:#fff;flex-wrap:nowrap;gap:12px;max-width:560px;margin:0;padding:12px 16px;font-size:15px;box-shadow:0 8px 24px #12212a40}.toast .icon-success{color:#7fd6a8}.workspace-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.workspace-nav-name{font-family:var(--font-display);color:var(--brand-primary)}.workspace-nav ul{gap:4px;max-width:100%;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.workspace-nav a{color:var(--slate);white-space:nowrap;border-bottom:3px solid #0000;padding:10px 10px 8px;font-size:15px;font-weight:500;text-decoration:none}.workspace-nav a:hover{color:var(--ink)}.workspace-nav a[aria-current]{border-bottom-color:var(--brand-primary-600);color:var(--brand-primary-600)}.breadcrumbs ol{flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.breadcrumbs [aria-current=page]{color:var(--slate)}.user-menu{min-width:0;position:relative}.user-menu-button{max-width:100%;min-height:40px;padding:0 12px}.avatar{object-fit:cover;border-radius:50%;flex:none}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.user-menu-panel{z-index:10;gap:12px;width:260px;padding:16px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #12212a2e}@media (width<=520px){.user-menu-name{max-width:120px}.app-header .logo-wordmark{display:none}}.sticky-filters{padding:8px 0}.bank-group{border-top:1px solid var(--line)}.bank-group>summary{cursor:pointer;padding:14px 0}.toast-close{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:8px;flex:none;padding:4px 8px;font-size:14px}.distribution-scroll{overflow-x:auto}.distribution{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px}.distribution th,.distribution td{border:1px solid var(--line);text-align:center;padding:4px 8px}.distribution thead th{vertical-align:bottom;font-weight:600}.distribution caption{text-align:left;color:var(--slate);padding-bottom:4px;font-size:13px}.distribution thead small{color:var(--slate);font-size:11px;font-weight:400;display:block}.distribution tbody th{text-align:left;white-space:nowrap;font-weight:500}.distribution td{background:color-mix(in srgb, var(--brand-primary) calc(var(--share,0) * 40%), transparent);min-width:44px}.reading-guide summary{cursor:pointer;font-weight:600}.reading-guide ul{gap:8px;margin:12px 0 0;padding-left:20px;display:grid}@media print{.reading-guide:not([open]){display:none}.distribution-scroll{overflow:visible}}.johari{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.johari-zone{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.johari-zone h3{margin:0;font-size:16px}.johari-zone p{margin:4px 0 0;font-size:13px}.johari-zone ul{margin:8px 0 0;padding-left:18px;font-size:14px}.johari-open{border-top:4px solid var(--success)}.johari-self{border-top:4px solid var(--warning)}.johari-others{border-top:4px solid #2f80a8}@media (width<=640px){.johari{grid-template-columns:1fr}}@media print{.johari-zone{break-inside:avoid}.report-columns div{overflow:visible!important}}.field{min-width:0;display:block;position:relative}.field>.icon{color:var(--slate);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field>input{width:100%;padding-left:42px}.field-warn>input{border-color:var(--warning);background:#fffbf2}.field-error>input{border-color:var(--danger);background:#fff7f6}.field-hint{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;font-size:13px;display:flex}.field-hint-warn{color:var(--warning)}.field-hint-error{color:var(--danger)}.field-hint .btn{min-height:32px;color:inherit;border-color:currentColor;padding:0 10px;font-size:13px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:12px;padding:16px;display:grid}.panel-done{border-color:color-mix(in srgb, var(--success) 40%, white)}.panel-head{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.panel-head h2{font-size:17px}.panel-head p{color:var(--slate);margin:0;font-size:13px}.panel-badge{background:color-mix(in srgb, var(--brand-primary) 9%, white);width:40px;height:40px;color:var(--brand-primary);border-radius:12px;place-items:center;display:grid}.count{background:var(--mist);color:var(--slate);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.count-done{background:color-mix(in srgb, var(--success) 12%, white);color:var(--success)}.progress{background:var(--mist);border-radius:4px;height:4px;overflow:hidden}.progress>span{background:var(--brand-primary-600);border-radius:4px;height:100%;display:block}.panel-done .progress>span{background:var(--success)}@media (width<=560px){.panel-head{grid-template-columns:36px minmax(0,1fr)}.panel-head .count{grid-column:2;justify-self:start}.panel-badge{width:36px;height:36px}}.person-head,.person-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 104px;align-items:start;gap:10px;display:grid}.person-head span{letter-spacing:.05em;text-transform:uppercase;color:var(--slate);font-size:12px;font-weight:600}.person-row .who{display:none}.person-row>.btn-quiet{margin-top:3px}@media (width<=560px){.person-head{display:none}.person-row{border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who remove""name name""email email";gap:8px;padding:12px}.person-row .who{color:var(--slate);grid-area:who;align-self:center;font-size:13px;font-weight:600;display:block}.person-row .person-name{grid-area:name}.person-row .person-email{grid-area:email}.person-row>.btn-quiet{grid-area:remove;margin-top:0}}.person-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.person-list li{background:var(--mist);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:4px 12px;padding:8px 12px;font-size:14px;display:grid}.person-list .email{color:var(--slate);overflow-wrap:anywhere}@media (width<=560px){.person-list li{grid-template-columns:minmax(0,1fr) auto}.person-list .email{grid-area:2/1;font-size:13px}.person-list li>.btn{grid-area:1/2/span 2}}.callout{background:color-mix(in srgb, var(--brand-primary) 6%, white);border-radius:12px;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:12px 14px;font-size:14px;display:grid}.callout>.icon{color:var(--brand-primary);margin-top:2px}.callout-warn{background:#fff6e5}.callout-warn>.icon{color:var(--warning)}.callout p{margin:0}.panel input{scroll-margin-bottom:96px}.form-foot{z-index:1;margin:0 calc(-1 * var(--card-pad,40px)) calc(-1 * var(--card-pad,40px));padding:14px var(--card-pad,40px);border-top:1px solid var(--line);background:color-mix(in srgb, var(--mist) 70%, white);border-radius:0 0 18px 18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.form-foot>.muted{flex:260px}.form-foot .muted b{color:var(--ink);font-variant-numeric:tabular-nums}@media (width<=560px){.form-foot{flex-direction:column;align-items:stretch}}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=560px){.form-actions{flex-direction:column-reverse}.form-actions>.btn{width:100%}}
