:root{color:#1f2824;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{align-items:center;background:#245b4f;border:1px solid #245b4f;border-radius:8px;color:#fffdf8;cursor:pointer;display:inline-flex;font-weight:750;gap:8px;justify-content:center;min-height:42px;padding:0 15px;transition:background .14s ease,border-color .14s ease,transform .14s ease}button:hover{background:#173f38;border-color:#173f38;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}button.secondary{background:#eef4ed;border-color:#c7dbc9;color:#245b4f}button.secondary:hover{background:#dcebdd;border-color:#b9d0bd}button.ghost{background:#fffaf0;border-color:#ded5c8;color:#514c45}button.icon-button{background:transparent;border-color:transparent;color:#8a4b38;min-height:38px;padding:0 8px}input,select,textarea{background:#fffdf8;border:1px solid #d8d1c5;border-radius:8px;color:#1f2824;min-height:42px;padding:10px 12px;width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#756d62 50%),linear-gradient(135deg,#756d62 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}textarea{line-height:1.45;min-height:112px;resize:vertical}a{color:inherit}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:#fffaf0;border-right:1px solid #ded5c8;display:flex;flex-direction:column;gap:28px;padding:26px 18px;position:sticky;top:0;height:100vh}.brand{align-items:center;display:flex;gap:12px;min-height:48px}.brand-mark{align-items:center;background:#245b4f;border-radius:8px;color:#fffdf8;display:inline-flex;font-weight:900;height:42px;justify-content:center;width:42px}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:#7b7368;font-size:12px;margin-top:2px}.nav-list{display:grid;gap:7px}.nav-item,.mobile-nav-item{background:transparent;border-color:transparent;color:#625b51;justify-content:flex-start;width:100%}.nav-item:hover,.nav-item.active,.mobile-nav-item.active{background:#eef4ed;border-color:#d3e3d2;color:#245b4f}.content-shell{margin:0 auto;max-width:1240px;padding:34px;width:100%}.page-stack{display:grid;gap:22px}.page-stack.narrow{max-width:920px}.page-header h1,.hero h1,.section-heading h2,.focus-panel h2,.next-action h2{letter-spacing:0;line-height:1.05;margin:0}.page-header h1,.hero h1{font-size:42px}.page-header p,.hero p,.focus-panel p,.next-action p{color:#756d62;margin:9px 0 0}.eyebrow{color:#9b5138;font-size:12px;font-weight:850;letter-spacing:0;margin:0 0 7px;text-transform:uppercase}.hero{align-items:center;background:linear-gradient(130deg,#245b4feb,#245b4fb8),url(https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=1800&q=80);background-position:center;background-size:cover;border-radius:8px;color:#fffdf8;display:flex;justify-content:space-between;min-height:276px;padding:34px}.hero .eyebrow,.hero p{color:#fffdf8d1}.hero-copy{max-width:560px}.completion-orb{align-items:center;background:#fffdf824;border:1px solid rgba(255,253,248,.34);border-radius:999px;display:flex;flex-direction:column;height:162px;justify-content:center;min-width:162px}.completion-orb strong{font-size:46px;line-height:1}.completion-orb span{font-size:12px;font-weight:850;margin-top:8px;text-transform:uppercase}.dashboard-grid,.integration-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-tile,.focus-panel,.next-action,.section-block,.activity-feed,.status-card,.connection-card{background:#fffaf0;border:1px solid #ded5c8;border-radius:8px;box-shadow:0 18px 44px #1f221f12}.metric-tile{min-height:170px;padding:20px}.metric-tile svg{color:#9b5138}.metric-tile strong{display:block;font-size:34px;letter-spacing:0;margin-top:22px;overflow-wrap:anywhere}.metric-tile span,.import-metric span,.status-card span{color:#756d62;display:block;font-size:13px;font-weight:850;margin-top:6px}.metric-tile small,.status-card small,.import-metric small,.mapping-list small,.feed-item span{color:#857c70;display:block;font-size:12px;margin-top:6px}.focus-layout{display:grid;gap:16px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.focus-panel,.next-action,.section-block,.activity-feed{padding:22px}.focus-panel{align-items:center;display:flex;justify-content:space-between}.focus-panel svg{color:#245b4f}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.action-row.compact{margin-top:0}.banner{background:#eef4ed;border:1px solid #c7dbc9;border-radius:8px;color:#245b4f;display:grid;gap:8px;font-weight:750;margin-bottom:18px;padding:12px 14px}.banner small{color:inherit;font-weight:600}.banner-link{align-items:center;background:#245b4f;border-radius:8px;color:#fffdf8;display:inline-flex;font-size:13px;font-weight:850;justify-content:center;min-height:36px;padding:0 12px;text-decoration:none;width:fit-content}.banner.error{background:#fae8e2;border-color:#e1b09d;color:#7a2f1d}.banner.error .banner-link{background:#7a2f1d}.section-heading{margin-bottom:16px}.section-heading.split{align-items:center;display:flex;gap:16px;justify-content:space-between}.import-grid,.reflection-grid,.mapping-list{display:grid;gap:14px}.import-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.import-metric{background:#f5efe3;border:1px solid #e4dbce;border-radius:8px;min-height:108px;padding:16px}.import-metric strong{display:block;font-size:28px}.date-row,.date-actions{align-items:center;display:flex;gap:14px}.date-row{justify-content:space-between}.date-row label{align-items:center;display:inline-flex;gap:9px;max-width:220px}.save-state{align-items:center;color:#756d62;display:inline-flex;font-size:13px;font-weight:800;gap:7px}.workout-list{display:grid;gap:10px}.workout-row{align-items:center;background:#f5efe3;border:1px solid #e4dbce;border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(140px,.8fr) minmax(180px,1.2fr) auto;padding:10px}.workout-row svg{color:#245b4f}.reflection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reflection-field{display:grid;gap:8px}.reflection-field.wide{grid-column:span 2}.reflection-field span,.mapping-list span{color:#625b51;font-size:13px;font-weight:850}.history-list{background:#fffaf0;border:1px solid #ded5c8;border-radius:8px;overflow:hidden}.history-row{background:transparent;border:0;border-bottom:1px solid #e7ded1;border-radius:0;color:#1f2824;display:grid;gap:12px;grid-template-columns:1.1fr .5fr .7fr .6fr 1.3fr .8fr;justify-content:stretch;min-height:64px;padding:0 18px;text-align:left;width:100%}.history-row:hover{background:#f5efe3;border-color:#e7ded1;transform:none}.history-row strong{color:#245b4f}.history-row em,.history-row small{color:#756d62;font-style:normal}.connection-card{color:#625b51;display:grid;gap:8px;min-height:150px;padding:18px;text-decoration:none}.connection-card.connected{background:#eef4ed;border-color:#c7dbc9;color:#245b4f}.connection-card strong,.status-card strong{display:block;font-size:22px}.connection-card svg:last-child{justify-self:end}.status-card{min-height:150px;padding:18px}.sheet-form{align-items:center;display:flex;gap:10px}.sheet-form input{flex:1 1 280px}.sheet-status{align-items:center;background:#f5efe3;border:1px solid #e4dbce;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px}.sheet-status.connected{background:#eef4ed;border-color:#c7dbc9}.sheet-status strong,.setup-facts strong,.test-plan strong{display:block;font-size:20px}.sheet-status span,.sheet-status small,.setup-facts span,.setup-facts small,.setup-panel label,.test-plan span,.test-plan small{color:#756d62;display:block;font-size:13px;margin-top:6px}.setup-flow{border-top:1px solid #e4dbce;display:grid;gap:16px;margin-top:20px;padding-top:20px}.setup-steps{display:grid;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr))}.setup-steps span{background:#f5efe3;border:1px solid #e4dbce;border-radius:999px;color:#756d62;font-size:12px;font-weight:850;min-height:30px;padding:7px 8px;text-align:center}.setup-steps span.active{background:#245b4f;border-color:#245b4f;color:#fffdf8}.setup-steps span.done{background:#eef4ed;border-color:#c7dbc9;color:#245b4f}.setup-panel{background:#fffdf8;border:1px solid #e4dbce;border-radius:8px;display:grid;gap:14px;padding:16px}.setup-panel h3{font-size:22px;margin:0}.setup-facts,.test-plan{background:#f7f4ee;border:1px solid #e4dbce;border-radius:8px;padding:14px}.column-discovery,.setup-mapping{display:grid;gap:10px}.column-discovery{grid-template-columns:repeat(2,minmax(0,1fr))}.column-discovery div,.setup-mapping label{background:#f5efe3;border:1px solid #e4dbce;border-radius:8px;display:grid;gap:8px;padding:12px}.column-discovery strong{color:#245b4f}.column-discovery span,.setup-mapping span{color:#514c45;overflow-wrap:anywhere}.setup-mapping{grid-template-columns:repeat(2,minmax(0,1fr))}.validation-list{display:grid;gap:8px}.validation-list span{background:#eef4ed;border:1px solid #c7dbc9;border-radius:8px;color:#245b4f;padding:10px 12px}.validation-list span.error{background:#fae8e2;border-color:#e1b09d;color:#7a2f1d}.setup-panel.complete{align-items:start;background:#eef4ed;border-color:#c7dbc9;color:#245b4f}.mapping-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-list label{background:#f5efe3;border:1px solid #e4dbce;border-radius:8px;display:grid;gap:8px;padding:12px}.mapping-list input{max-width:84px;text-transform:uppercase}.feed-list{display:grid;gap:10px}.feed-item{align-items:flex-start;background:#f5efe3;border:1px solid #e4dbce;border-radius:8px;display:flex;gap:10px;padding:13px}.feed-item.success svg{color:#245b4f}.feed-item.warning svg{color:#a06022}.empty-state{background:#f5efe3;border:1px dashed #d8d1c5;border-radius:8px;color:#756d62;padding:18px}.mobile-nav{display:none}.boot{align-items:center;display:flex;font-size:18px;font-weight:850;gap:12px;justify-content:center;min-height:100vh}@media(max-width:1120px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.sidebar{padding:22px 12px}.brand div,.nav-item span{display:none}.brand,.nav-item{justify-content:center}.dashboard-grid,.integration-grid,.import-grid,.setup-mapping,.column-discovery{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-layout{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block;padding-bottom:78px}.sidebar{display:none}.content-shell{padding:18px}.page-header h1,.hero h1{font-size:32px}.hero{align-items:flex-start;flex-direction:column;min-height:340px;padding:24px}.completion-orb{height:136px;min-width:136px}.dashboard-grid,.integration-grid,.import-grid,.reflection-grid,.mapping-list{grid-template-columns:1fr}.reflection-field.wide{grid-column:span 1}.section-heading.split,.date-row,.sheet-form,.sheet-status{align-items:stretch;flex-direction:column}.setup-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.setup-mapping,.column-discovery{grid-template-columns:1fr}.workout-row{grid-template-columns:auto minmax(0,1fr) auto}.workout-row input:nth-of-type(2){grid-column:2 / 4}.history-row{grid-template-columns:1fr .45fr;gap:6px;min-height:92px;padding:12px 14px}.history-row em,.history-row small{grid-column:span 2}.mobile-nav{background:#fffaf0;border-top:1px solid #ded5c8;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);left:0;padding:7px;position:fixed;right:0;z-index:20}.mobile-nav-item{border-radius:8px;flex-direction:column;font-size:10px;gap:4px;justify-content:center;min-height:56px;padding:0}}
