:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#152033;background-color:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#1d4ed8;text-decoration:inherit}a:hover{color:#1e40af}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2.2rem;line-height:1.1}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;max-width:1180px;margin:0 auto;padding:24px}.app-shell{display:flex;min-height:calc(100vh - 48px);flex-direction:column;gap:20px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header h1,.panel h2,.achievement h3,.achievement p{margin:0}.tabs{display:inline-flex;gap:4px;border:1px solid #c8d0dc;border-radius:8px;padding:4px;background:#f5f7fa}.tabs button{border:0;border-radius:6px;padding:8px 12px;background:transparent;color:#263241}.tabs button.active{background:#1f2937;color:#fff}.panel{display:flex;flex-direction:column;gap:16px}.file-row{display:flex}textarea{box-sizing:border-box;min-height:420px;width:100%;resize:vertical;border:1px solid #c8d0dc;border-radius:8px;padding:12px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric,.achievement{border:1px solid #d8dee8;border-radius:8px;background:#fff}.metric{display:flex;min-height:72px;flex-direction:column;justify-content:center;padding:12px}.metric span,.progress-text,.achievement p,.evidence-list{color:#5b6675}.metric strong{color:#152033;font-size:1.25rem}.tracker-results,.achievements{display:flex;flex-direction:column;gap:16px}.achievement{display:flex;flex-direction:column;gap:12px;padding:16px}.achievement-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.status{flex:none;border-radius:999px;padding:4px 8px;font-size:.85rem;font-weight:700}.status.complete{background:#dcfce7;color:#166534}.status.in_progress{background:#fef3c7;color:#92400e}progress{width:100%;height:12px}.evidence-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 18px;max-height:260px;margin:0;padding:0;overflow-y:auto;list-style:none;font-size:.9rem;scrollbar-gutter:stable}.evidence-list li{display:grid;grid-template-columns:minmax(92px,.7fr) minmax(0,1fr);align-items:center;min-width:0;gap:14px}.evidence-label{color:#5b6675}.evidence-value{overflow:hidden;color:#152033;text-align:right;text-overflow:ellipsis;white-space:nowrap}.evidence-summary{min-width:0;border:1px solid #c8d0dc;background:#f8fafc;color:#1f2937;text-align:center}.evidence-summary:hover{border-color:#94a3b8}.evidence-popout-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:24px;background:#0f172a59}.evidence-popout{box-sizing:border-box;display:flex;width:min(560px,100%);max-height:min(640px,calc(100vh - 48px));flex-direction:column;gap:16px;border:1px solid #d8dee8;border-radius:8px;background:#fff;padding:18px;box-shadow:0 24px 64px #0f172a3d}.evidence-popout-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.evidence-popout-heading h4,.evidence-popout-heading p{margin:0}.evidence-popout-heading p{color:#5b6675}.evidence-popout-close{border:1px solid #c8d0dc;background:#fff;color:#1f2937}.evidence-popout-close:hover{border-color:#94a3b8}.cargo-popout-list{display:grid;gap:6px;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none;scrollbar-gutter:stable}.cargo-popout-list li{border:1px solid #e2e8f0;border-radius:6px;padding:8px 10px;background:#f8fafc;color:#152033;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.error{margin:0;color:#b91c1c}.footer{color:#697386}@media(max-width:640px){#root{padding:16px}.app-header,.achievement-heading{align-items:stretch;flex-direction:column}.tabs{width:100%}.tabs button{flex:1}}
