:root{color:#142033;--bg-soft:#ffffffc7;--bg-strong:#fffffff5;--border-soft:#1420331a;--border-strong:#14203329;--ink-muted:#142033ad;--accent:#0f7a64;--accent-strong:#0a5c4e;--accent-soft:#0f7a641f;--navy:#12243a;--shadow-soft:0 18px 48px #0c1c2c14;--shadow-strong:0 26px 80px #0c1c2c1f;--radius-panel:24px;--radius-card:20px;background:radial-gradient(circle at 0 0,#249e742e,#0000 28%),radial-gradient(circle at 88% 0,#18375924,#0000 24%),linear-gradient(#f6f2e8 0%,#eef3f8 34%,#f7fafc 100%);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#142033;background:0 0;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform .16s,box-shadow .16s,background-color .16s,color .16s,border-color .16s}input,select,textarea{transition:border-color .16s,box-shadow .16s,background-color .16s}button:hover{transform:translateY(-1px)}button:disabled,button:disabled:hover{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#0f7a648f;outline:none;box-shadow:0 0 0 4px #0f7a6424}.app-shell{grid-template-columns:minmax(320px,380px) 1fr;gap:22px;min-height:100vh;padding:18px;display:grid}.auth-shell{background:radial-gradient(circle at 16% 18%,#0f7a641f,#0000 28%),radial-gradient(circle at 82% 12%,#ffd1661f,#0000 22%),linear-gradient(145deg,#eef5f2 0%,#f8fbfa 48%,#edf4f1 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{width:min(100%,520px);padding:34px}.auth-panel .panel-header,.auth-panel h2{margin-bottom:8px}.hero-panel{color:#f7fbff;min-height:calc(100vh - 36px);box-shadow:var(--shadow-strong);background:radial-gradient(circle at 15% 12%,#82dbb62e,#0000 24%),radial-gradient(circle at 85% 10%,#ffd67a1f,#0000 18%),linear-gradient(#15304a 0%,#102033 100%);border-radius:32px;align-self:start;padding:42px 32px;position:sticky;top:18px;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff24 0%,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -10% -16% auto}.hero-panel h1{letter-spacing:-.03em;max-width:9ch;margin:0 0 16px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02}.lede{color:#f7fbffd1;max-width:38ch;line-height:1.6}.hero-grid,.table-stack,.stats-grid,.service-list,.stacked-forms{gap:12px;display:grid}.hero-grid{margin-top:32px}.hero-card,.stat-card,.service-card,.row-card,.panel,.error-panel,.session-card,.inline-message{border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.hero-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border-color:#ffffff1f;padding:18px;position:relative}.hero-card strong{line-height:1.45;display:block}.session-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border-color:#ffffff29;margin-top:28px;padding:20px}.session-card p{color:#f7fbffc7;margin:8px 0 0}.hero-card span,.stat-card span,.service-card span,.row-card span,.session-card span,.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;display:block}.workspace{align-content:start;gap:18px;padding:20px 22px 28px 0;display:grid}.panel{background:var(--bg-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff70;padding:24px;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg,#0f7a643d,#12243a0a,#0000);width:100%;height:1px;position:absolute;inset:0 auto auto 0}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.panel-header h2{letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(1.2rem,2vw,1.45rem)}.panel-header p,.workspace-context p{color:var(--ink-muted)}.section-copy{max-width:54ch;color:var(--ink-muted);margin:10px 0 0;line-height:1.55}.signin-form,.project-form{gap:16px;display:grid}.signin-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.signin-form label,.project-form label,.filter-row label{color:var(--navy);gap:8px;font-weight:600;display:grid}.signin-form select,.project-form input,.project-form textarea,.project-form select,.filter-bar input,.filter-row select{border:1px solid var(--border-strong);background:var(--bg-strong);color:#142033;border-radius:14px;width:100%;padding:14px 16px}.project-form textarea{resize:vertical;border:1px solid var(--border-strong);background:var(--bg-strong);color:#142033;border-radius:16px;width:100%;min-height:120px;padding:14px 16px}.signin-form button,.project-form button,.ghost-button,.tab-button,.workspace-subtab-button{border:1px solid #0000;border-radius:999px;padding:12px 18px}.signin-form button,.project-form button,.tab-button.active,.workspace-subtab-button.active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;font-weight:700;box-shadow:0 14px 28px #0f7a6438}.ghost-button,.tab-button,.workspace-subtab-button{color:#112136;background:#fff9;border-color:#14203314}.project-form .ghost-button{color:#112136;box-shadow:none;background:#ffffffb8;border-color:#1420331a}.secondary-button,.project-form .secondary-button{color:#26384d;box-shadow:none;background:#12243a14;border-color:#12243a1a;font-weight:700}.tab-button,.workspace-subtab-button{white-space:nowrap;padding:11px 16px;font-weight:600}.view-tabs{flex-wrap:wrap;gap:10px;display:flex}.workspace-subtabs{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.button-row{flex-wrap:wrap;gap:10px;display:flex}.workspace-subview-grid{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);align-items:start;gap:18px;display:grid}.workspace-subview-stack{gap:16px;display:grid}.workspace-subview-stack>.workspace-subtabs{margin-bottom:0}.workspace-subview-grid--single-pane{grid-template-columns:minmax(0,1fr)}.workspace-subview-single{gap:16px;display:grid}.stage-tracker{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.stage-pill{color:#5a6b7f;text-transform:capitalize;background:#12243a0f;border:1px solid #12243a14;border-radius:999px;align-items:center;padding:8px 12px;font-size:.8rem;display:inline-flex}.stage-pill.done{color:#1f6e47;background:#2884521f;border-color:#28845224}.stage-pill.active{color:var(--accent-strong);background:#0f7a6424;border-color:#0f7a642e}.workspace-nav-panel{gap:16px;display:grid}.workspace-context{background:linear-gradient(145deg,#ffffffb3,#eaf4efd1);border:1px solid #0f7a641f;border-radius:18px;padding:16px 18px}.workspace-context strong{letter-spacing:-.02em;margin-top:4px;font-size:1.05rem;display:block}.workspace-context p{margin:8px 0 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.service-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card,.service-card,.row-card{background:linear-gradient(#fffffff2,#fafcfdeb);padding:18px}.stat-card strong,.service-card strong,.row-card strong{letter-spacing:-.02em}.stat-card strong{margin-top:8px;font-size:clamp(1.35rem,2vw,1.8rem);display:block}.service-card em{margin-top:14px;font-size:.82rem;font-style:normal;display:inline-flex}.service-card span,.row-card p,.helper-copy{overflow-wrap:anywhere}.status-pill{color:var(--accent-strong);background:#0f7a641f;border:1px solid #0f7a641f;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-weight:700;display:inline-flex}.state-chip{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-size:.8rem;font-weight:700;display:inline-flex}.state-chip.is-accent{color:var(--accent-strong);background:#0f7a641f;border-color:#0f7a6424}.state-chip.is-success{color:#1f6e47;background:#2884521f;border-color:#28845224}.state-chip.is-warning{color:#8b5d05;background:#c38a2024;border-color:#c38a2029}.state-chip.is-danger{color:#92243a;background:#b5364a1f;border-color:#b5364a24}.state-chip.is-muted{color:#415267;background:#12243a14;border-color:#12243a1a}.two-column{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start;gap:24px;display:grid}.row-card div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.selected-card{background:linear-gradient(#f2fbf7fa,#fffffff2);border-color:#0f7a6452;box-shadow:0 16px 36px #0f7a641f}.sample-summary-card{gap:16px;display:grid}.sample-summary-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sample-summary-top strong{margin-top:6px;font-size:clamp(1.25rem,2vw,1.6rem);display:block}.summary-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.summary-metric{background:#12243a0a;border:1px solid #12243a0f;border-radius:16px;padding:14px}.summary-metric span{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:.76rem;display:block}.summary-metric strong{margin-top:6px;font-size:.98rem;line-height:1.35;display:block}.summary-chip-row{flex-wrap:wrap;gap:10px;display:flex}.compact-card{padding:14px 16px}.compact-form{margin-bottom:16px}.coa-export-preview{background:#fff;border:1px solid #1118271f;border-radius:24px;width:100%;min-height:260px;margin-top:14px;box-shadow:inset 0 0 0 1px #ffffffb8}.row-card p{color:var(--ink-muted);margin:10px 0 0;line-height:1.55}.filter-bar,.filter-row{margin-bottom:16px}.filter-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.inline-form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px;display:grid}.form-section{background:#12243a09;border:1px solid #12243a0f;border-radius:18px;gap:12px;padding:16px;display:grid}.form-section-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.inline-form-grid label{gap:8px;font-weight:600;display:grid}.template-field-list{gap:10px;margin-top:14px;display:grid}.template-section-workbench{grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.template-section-rail,.template-section-editor{gap:12px;display:grid}.template-section-card{border:1px solid var(--border-soft);width:100%;color:var(--navy);text-align:left;box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#ffffffd1,#eef9f4ad);border-radius:18px;gap:8px;padding:14px;display:grid}.project-form .template-section-card{border:1px solid var(--border-soft);color:var(--navy);box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#ffffffe0,#f6fbf9c7);border-radius:18px;padding:14px;font-weight:700}.project-form .template-section-card.selected-card{background:linear-gradient(145deg,#eef9f4f5,#ffffffeb);border-color:#0f7a6457;box-shadow:0 14px 30px #0f7a641f}.template-section-card strong{font-size:1rem;line-height:1.25}.template-section-card small{color:var(--ink-muted);font-weight:700}.template-section-editor{border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);background:#ffffffc7;border-radius:24px;padding:18px}.template-section-toolbar{border-top:1px solid #12243a14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 2px;display:flex}.template-section-toolbar p{color:var(--ink-muted);margin:4px 0 0}.template-field-empty,.template-field-row,.template-field-editor{border:1px solid var(--border-soft);background:#ffffffb8;border-radius:18px}.template-field-empty{padding:16px}.template-field-empty p{color:var(--ink-muted);margin:8px 0 0}.template-field-row{grid-template-columns:minmax(220px,1fr) minmax(180px,auto) auto;align-items:center;gap:12px;padding:12px;display:grid}.template-field-row-main{color:var(--navy);text-align:left;background:0 0;border:0;gap:4px;padding:0;display:grid}.project-form .template-field-row-main{color:var(--navy);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-weight:700}.template-field-row-main strong{font-size:1rem}.template-field-row-main span{color:var(--ink-muted);text-transform:none;letter-spacing:0;font-size:.86rem}.template-field-meta,.template-field-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.template-field-actions{justify-content:flex-end}.template-field-editor{background:linear-gradient(135deg,#0f7a6414,#ffffffc7);gap:14px;margin-top:14px;padding:18px;display:grid}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}.checkbox-row input{width:auto}.inline-message{color:var(--accent-strong);background:#eef9f4;margin-bottom:16px;padding:14px 16px}.loading-message{color:#8b5d05;background:#fff8e4eb;padding:16px 20px}.helper-copy{color:var(--ink-muted);margin:0}.empty-state-card{background:linear-gradient(#f8fbfdf2,#f3f7faeb);border-style:dashed}.placeholder-panel{text-align:center;padding:56px 28px}.placeholder-panel p{max-width:560px;margin:12px auto 0}.error-panel{color:#7d1022;background:#fff2f4;padding:16px 20px}.table-stack>.row-card,.service-list>.service-card,.stats-grid>.stat-card{transition:transform .18s,box-shadow .18s,border-color .18s}.table-stack>.row-card:hover,.service-list>.service-card:hover,.stats-grid>.stat-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0c1c2c1a}@media (width<=1080px){.app-shell{grid-template-columns:1fr;padding:14px}.hero-panel{min-height:auto;position:relative;top:auto}}@media (width<=960px){.workspace{padding:6px 0 18px}.two-column,.template-field-row,.template-section-workbench{grid-template-columns:1fr}.workspace-subview-grid{grid-template-columns:minmax(0,1fr)}.template-section-rail{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.template-field-actions{justify-content:flex-start}.hero-panel,.panel{border-radius:24px}}@media (width<=720px){.hero-panel{padding:28px 22px}.workspace{gap:14px}.panel{padding:18px}.form-section{padding:14px}.panel-header,.sample-summary-top{flex-direction:column}.view-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tab-button{text-align:center}}