@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #f5efe7;--bg-soft: #efe4d8;--sidebar: #18202a;--sidebar-soft: #243242;--panel: rgba(255, 251, 247, .9);--panel-soft: #f7eee5;--border: rgba(60, 48, 39, .14);--text: #1d2430;--text-soft: #394454;--muted: #6c7685;--accent: #0f5c78;--accent-strong: #0a4053;--accent-soft: rgba(15, 92, 120, .12);--success: #1f6d51;--warning: #a8632f;--purple: #6b4ce6;--shadow: 0 24px 60px rgba(38, 28, 19, .12);--shadow-soft: 0 14px 32px rgba(38, 28, 19, .08);--radius: 22px;--radius-sm: 14px;--font: "Manrope", "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at top left,rgba(255,255,255,.82),transparent 24%),radial-gradient(circle at 86% 10%,rgba(15,92,120,.1),transparent 22%),linear-gradient(180deg,#fbf6ef 0%,var(--bg) 48%,var(--bg-soft) 100%)}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,h3,h4,p,ul{margin:0}ul{padding-left:18px}#root{width:100%}.proposal-shell{min-height:100vh;display:grid;grid-template-columns:312px minmax(0,1fr)}.proposal-sidebar{background:radial-gradient(circle at top,rgba(255,214,183,.16),transparent 30%),linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-soft) 58%,#15232f 100%);color:#e6ddd2;padding:24px 15px;display:grid;align-content:start;gap:18px;border-right:1px solid rgba(255,255,255,.08);box-shadow:22px 0 52px #0f101524}.brand-block{display:grid;gap:12px;margin-bottom:4px}.brand-logo{display:block;width:min(196px,100%);height:auto}.brand-block strong{display:block;color:#fff7f0;font-family:var(--font-display);font-size:1.45rem;line-height:1.15;letter-spacing:-.02em}.brand-block span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#cba;font-weight:700}.sidebar-intro-card,.toolbar-summary-card,.module-overview-card,.requirement-card,.detail-panel,.placeholder-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar-intro-card{background:#fffaf514;border-color:#ffffff1a;color:#e7ddd1;padding:15px;box-shadow:none}.sidebar-intro-card strong{display:block;margin-bottom:6px;color:#fff}.sidebar-intro-card p{font-size:13px;color:#c6b6a6}.main-nav{display:grid;gap:9px}.main-nav-item{width:100%;background:#fff7f00a;color:#e6ddd2;border:1px solid transparent;border-radius:16px;padding:12px 13px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.main-nav-item:hover{background:#fffaf514;border-color:#ffffff14;transform:translate(2px);box-shadow:0 14px 28px #0c10161f}.main-nav-item.active{background:#fffaf5f5;border-color:#ffffff1f;color:var(--accent-strong)}.nav-status{flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#b9a896}.nav-status.live{color:var(--warm, #b86a2f)}.proposal-main{padding:28px;display:grid;gap:20px}.top-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.toolbar-left{display:flex;align-items:center;gap:14px}.toolbar-kicker,.eyebrow,.detail-requirement-id,.requirement-id,.requirement-state{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.toolbar-kicker,.requirement-state,.module-overview-card p,.panel-header p,.placeholder-card p,.detail-panel p,.detail-list,.toolbar-summary-card span{color:var(--muted)}.toolbar-left h1{font-size:2.35rem;line-height:1.02;font-family:var(--font-display);letter-spacing:-.03em}.toolbar-summary-card{padding:16px 18px;min-width:220px;background:linear-gradient(135deg,#fffbf7fa,#f6ede4eb),var(--panel)}.toolbar-summary-card span{display:block;font-size:12px;margin-bottom:2px}.toolbar-summary-card strong{display:block;font-size:16px;color:var(--text)}.module-overview-card{padding:22px 24px;background:radial-gradient(circle at top right,rgba(184,106,47,.12),transparent 30%),linear-gradient(135deg,#0f5c781a,#fffffffa),var(--panel)}.eyebrow{display:inline-flex;align-items:center;border-radius:999px;background:linear-gradient(135deg,var(--accent-soft),rgba(168,99,47,.12));color:var(--accent-strong);font-weight:800;padding:6px 11px;margin-bottom:12px}.module-overview-card h2{font-size:1.9rem;line-height:1.08;margin-bottom:10px;font-family:var(--font-display);letter-spacing:-.02em}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px;align-items:start}.requirements-column,.detail-column{display:grid;gap:14px;min-height:0}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.panel-header h3{font-size:1.2rem;margin-bottom:4px;font-family:var(--font-display)}.requirements-list{display:grid;gap:15px}.requirement-card{padding:20px;text-align:left;cursor:pointer;background:linear-gradient(180deg,#fffdfafa,#faf2eaf5),var(--panel);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.requirement-card:hover{transform:translateY(-3px);border-color:#0f5c782e;box-shadow:0 24px 40px #261c1324}.requirement-card.selected{border-color:#0f5c7838;background:linear-gradient(180deg,#0f5c781a,#fffcf8fa);box-shadow:0 0 0 2px #0f5c7826 inset,0 24px 42px #261c1329;transform:translateY(-1px)}.requirement-card-topline,.card-chip-row,.detail-chip-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.requirement-card-topline{justify-content:space-between;margin-bottom:10px}.requirement-id{font-weight:800;color:var(--accent)}.requirement-state{color:#8a7767}.requirement-card h4{font-size:1.24rem;line-height:1.18;margin-bottom:10px;font-family:var(--font-display);letter-spacing:-.02em}.requirement-card p{color:var(--muted);margin-bottom:14px}.delivery-pill,.phase-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.delivery-pill.config{background:#0f5c7814;border:1px solid rgba(15,92,120,.16);color:var(--accent-strong)}.delivery-pill.custom{background:#a8632f14;border:1px solid rgba(168,99,47,.18);color:var(--warning)}.delivery-pill.external{background:#f1edff;border:1px solid #ddd0ff;color:var(--purple)}.phase-pill{background:#ffffffad;border:1px solid var(--border);color:var(--text-soft)}.detail-panel{padding:22px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fffdfafa,#f8f0e8f2),var(--panel)}@media(min-width:1181px){.requirements-column,.detail-column{position:sticky;top:24px;max-height:calc(100vh - 48px)}.requirements-column{grid-template-rows:auto minmax(0,1fr)}.detail-column{grid-template-rows:minmax(0,1fr)}.requirements-list,.detail-panel{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}}.detail-panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:5px;background:linear-gradient(90deg,var(--accent) 0%,#b86a2f 100%)}.detail-panel.empty{min-height:220px;display:grid;align-content:center;gap:8px}.detail-panel.mobile{border:none;border-radius:0;box-shadow:none;min-height:100%}.detail-mobile-header{display:contents}.detail-mobile-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.detail-mobile-nav-left{display:grid;gap:8px}.detail-back-btn{width:fit-content;display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#fffc;color:var(--text);font-weight:800;cursor:pointer;box-shadow:var(--shadow-soft)}.detail-back-btn:hover{border-color:#0f5c782e;background:#fffffff0}.detail-position-indicator{font-size:12px;font-weight:800;color:#716151}.detail-stepper{display:inline-flex;gap:8px}.detail-nav-btn{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#ffffffd6;color:var(--text);font-weight:800;cursor:pointer;box-shadow:var(--shadow-soft)}.detail-nav-btn:hover:not(:disabled){border-color:#0f5c782e;background:#fffffff5}.detail-nav-btn:disabled{color:#9aacbf;background:#f7f9fc;cursor:not-allowed}.mobile-detail-sheet{display:none}.recommendation-banner{display:grid;gap:8px;padding:16px;border-radius:18px;border:1px solid rgba(15,92,120,.18);background:linear-gradient(180deg,#0f5c7814,#fffbf7fa);margin-bottom:16px}.recommendation-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.recommendation-banner strong{font-size:18px;line-height:1.25;font-family:var(--font-display)}.detail-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.highlight-card{border:1px solid var(--border);border-radius:16px;background:#ffffff9e;padding:14px}.highlight-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}.highlight-card strong{display:block;font-size:15px;line-height:1.25;margin-bottom:6px;font-family:var(--font-display)}.highlight-card p{font-size:13px}.detail-header{display:grid;gap:14px;margin-bottom:18px}.detail-title-group h3{font-size:1.9rem;line-height:1.08;margin:8px 0;font-family:var(--font-display);letter-spacing:-.02em}.detail-requirement-id{color:var(--accent);font-weight:700}.detail-block{display:grid;gap:8px;padding-top:16px;border-top:1px solid var(--border)}.detail-block:first-of-type{padding-top:0;border-top:none}.detail-block h4{font-size:15px;font-family:var(--font-display)}.detail-list{margin:0;display:grid;gap:8px}.flow-diagram{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1.05fr) 32px minmax(0,1fr);gap:12px;align-items:stretch}.flow-column{display:grid;gap:10px;align-content:start}.flow-center-column{align-content:center}.flow-column-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.flow-node{border-radius:16px;border:1px solid var(--border);padding:13px;background:#ffffffb3;font-size:13px;color:var(--text);line-height:1.4}.flow-node.input{background:#0f5c780f}.flow-node.output{background:#1f6d5114}.flow-node.center.primary{background:linear-gradient(180deg,#0f5c781a,#fffbf7fa);border-color:#0f5c782e;font-weight:800}.flow-node.center.secondary{background:#fff}.flow-arrow-column{display:grid;gap:10px;align-content:center;justify-items:center}.flow-arrow{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font-weight:800}.placeholder-card{padding:20px;background:linear-gradient(180deg,#fffdfafa,#f8f0e8f0)}.placeholder-card strong{display:block;margin-bottom:6px;font-size:16px;font-family:var(--font-display)}.hamburger-btn{display:none;background:#ffffffb8;border:1px solid var(--border);border-radius:14px;padding:8px;color:var(--text);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.sidebar-overlay{position:fixed;inset:0;background:#10141b75;z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:focus-visible{outline:3px solid rgba(15,92,120,.28);outline-offset:2px}@media(max-width:1180px){.workspace-grid{grid-template-columns:1fr}.detail-panel{position:static}.detail-highlights-grid,.flow-diagram{grid-template-columns:1fr}.flow-arrow-column{grid-auto-flow:column;justify-content:start}}@media(max-width:980px){.proposal-shell{grid-template-columns:1fr}.proposal-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:min(88vw,332px);z-index:50;visibility:hidden;pointer-events:none;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow)}.proposal-sidebar.open{display:grid;visibility:visible;pointer-events:auto;transform:translate(0)}.hamburger-btn{display:flex}.detail-column{display:none}.mobile-detail-sheet{display:block;position:fixed;inset:0;z-index:45;background:var(--bg);overflow-y:auto;overflow-x:hidden}.mobile-detail-sheet .detail-panel{min-height:100vh;padding:24px 16px 28px}.mobile-detail-sheet .detail-mobile-header{display:grid;gap:14px;position:sticky;top:0;z-index:2;margin:-24px -16px 18px;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 16px;background:linear-gradient(180deg,#fbf6effa,#f5efe7f0 82%,#f5efe7d1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(60,48,39,.14)}.mobile-detail-sheet .detail-header{margin-bottom:0}}@media(max-width:720px){.proposal-main{padding:16px 12px 24px}.top-toolbar,.panel-header{flex-direction:column;align-items:stretch}.toolbar-left{align-items:flex-start}.toolbar-left h1{font-size:2rem}.toolbar-summary-card{min-width:0;width:100%}.requirement-card,.detail-panel,.module-overview-card,.placeholder-card{padding:16px}}