html,body,#root{min-height:100%;margin:0}*{box-sizing:border-box}:root{color:#10233f;background:radial-gradient(circle at 0 0,#155eef29,#0000 34%),radial-gradient(circle at 100% 0,#0f766e24,#0000 30%),linear-gradient(#f6fbff 0%,#eef4fb 52%,#f8fbfd 100%);font-family:Avenir Next,Segoe UI,sans-serif}body{background:0 0}.app-shell{width:min(1280px,100% - 3rem);margin:0 auto;padding:3rem 0 4rem}.hero{grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);align-items:stretch;gap:1.5rem;margin-bottom:2rem;display:grid}.hero-copy,.stat-card,.workspace-card,.results-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:28px;box-shadow:0 18px 60px #1a2f4a1f}.hero-copy{padding:2rem 2.2rem}.buttons{flex-direction:column;justify-content:center;gap:1rem;padding:2rem;display:flex}.hidden-file-input{display:none}.button-upload{text-align:center;justify-content:center;align-items:center;min-width:180px;display:inline-flex}.eyebrow,.section-kicker,.row-kicker,.stat-label{letter-spacing:.14em;text-transform:uppercase;color:#0f766e;margin:0 0 .55rem;font-size:.78rem;font-weight:700}.hero-copy h1,.section-heading h2,.row-card-header h3{color:#10233f;margin:0}.hero-copy h1{max-width:12ch;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.95}.hero-description,.section-description{color:#52627a;line-height:1.6}.hero-description{max-width:58ch;margin:1rem 0 0;font-size:1.05rem}.hero-stats{gap:1rem;display:grid}.stat-card{flex-direction:column;justify-content:center;padding:1.5rem 1.6rem;display:flex}.stat-value{color:#10233f;font-size:clamp(2rem,4vw,3rem);line-height:1}.workspace-card,.results-section{padding:1.6rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;display:flex}.section-description{max-width:34ch;margin:0}.rows-stack{gap:1rem;display:grid}.matrix-guide{grid-template-columns:repeat(7,minmax(0,1fr));gap:.9rem;margin-bottom:1rem;padding:0 .25rem;display:grid}.matrix-guide-item{flex-direction:column;gap:.25rem;display:flex}.input-row-card{background:linear-gradient(#fffffff5,#f1f6ffe6);border:1px solid #10233f14;border-radius:22px;padding:.5rem}.row-card-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.row-index-label{color:#173155;font-size:.88rem;font-weight:700}.row-kicker{margin-bottom:.35rem}.row-card-header h3{font-size:1.2rem}.row-actions,.actions,.toolbar{align-items:center;gap:1rem;display:flex}.row-fields-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem .9rem;display:grid}.field-card{flex-direction:column;display:flex}.field-label{color:#173155;font-size:.82rem;font-weight:700}.field-helper{color:#6a7890;min-height:2.2em;font-size:.74rem;line-height:1.4}.value-input{box-sizing:border-box;color:#10233f;background:#fffffff2;border:1px solid #c6d2e1;border-radius:16px;width:100%;min-width:0;padding:.85rem .95rem;font-size:1rem;transition:border-color .16s,box-shadow .16s,transform .16s}.value-input:focus{border-color:#1d8f87;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #1d8f8724}.button{cursor:pointer;border:none;border-radius:999px;padding:.82rem 1.2rem;font-size:.95rem;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.7;transform:none}.button-primary{color:#fff;background:linear-gradient(135deg,#0f766e,#155eef);box-shadow:0 14px 30px #155eef38}.button-secondary{color:#12304d;background:linear-gradient(135deg,#eef7f6,#dcecff);box-shadow:inset 0 0 0 1px #12304d14}.button-ghost{color:#8f2336;background:#ffeceff2;box-shadow:inset 0 0 0 1px #8f23361f}.toolbar{border-top:1px solid #10233f14;justify-content:space-between;margin-top:1.4rem;padding-top:1.4rem}.results-section{margin-top:1.8rem}.project-footer{color:#5d6d84;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:.15rem .25rem;font-size:.92rem;display:flex}.project-link{color:#155eef;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.project-link:hover{text-decoration:underline}.github-icon{width:1.5rem;height:1.5rem}.table-wrapper{overflow-x:auto}.results-table{table-layout:fixed;border-collapse:collapse;border-radius:18px;width:100%;overflow:hidden}.results-table th,.results-table td{text-align:left;border-bottom:1px solid #10233f14;padding:.72rem .55rem}.results-table th{color:#173155;letter-spacing:.04em;text-transform:uppercase;background:#e9f1fb;font-size:.7rem}.results-table td{color:#223754;white-space:nowrap;text-overflow:ellipsis;background:#ffffffd1;font-size:.9rem;overflow:hidden}.result-row-warning td{background:#fff4bf}.result-row-danger td{background:#ffd7d7}.error-message{color:#b42318;background:#ffebebeb;border:1px solid #c92a2a24;border-radius:18px;margin-top:1rem;padding:.95rem 1.1rem;font-weight:600}@media (width<=1180px){.matrix-guide,.row-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.app-shell{width:min(100% - 1.5rem,1280px);padding:1.5rem 0 2.5rem}.hero{grid-template-columns:1fr}.section-heading,.row-card-header,.toolbar{flex-direction:column;align-items:stretch}.section-description{max-width:none}.project-footer{flex-direction:column;align-items:flex-start}.row-fields-grid,.matrix-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{justify-content:stretch}.actions .button,.toolbar>.button{width:100%}}@media (width<=640px){.hero-copy,.workspace-card,.results-section,.stat-card,.input-row-card{padding:1rem}.hero-copy h1{max-width:none;font-size:2.5rem}.row-fields-grid,.matrix-guide{grid-template-columns:1fr}.row-actions,.actions{flex-direction:column}.row-actions .button,.actions .button{width:100%}}
