:root{--bg: #f4f0e8;--bg-soft: #fbf8f2;--surface: rgba(255, 252, 247, .88);--surface-strong: #fffdf8;--border: rgba(58, 40, 19, .12);--text: #21160d;--muted: #69574a;--accent: #bc4b2a;--accent-dark: #923518;--accent-soft: rgba(188, 75, 42, .1);--olive: #405640;--shadow: 0 18px 44px rgba(68, 43, 18, .1);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(188,75,42,.14),transparent 35%),radial-gradient(circle at 80% 20%,rgba(64,86,64,.12),transparent 28%),linear-gradient(180deg,#f8f4ec,#efe7da);color:var(--text);font-family:Manrope,sans-serif}body{padding:24px}#app{max-width:1520px;margin:0 auto}.auth-shell{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center}.auth-card{width:min(100%,460px);padding:32px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(135deg,#ffffffdb,#fff7ebd1);box-shadow:var(--shadow)}.auth-title{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.04em;font-size:clamp(2rem,4vw,2.6rem)}.auth-form{margin-top:24px;display:flex;flex-direction:column;gap:14px}.topbar,.hero-card,.panel-card,.tab-button,.soft-pill,.project-card,.match-card,.sync-run-card,.feedback-block,.source-card,.check-chip span{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:32px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(135deg,#ffffffd1,#fff7ebc7);box-shadow:var(--shadow)}.brand h1,.panel-head h2,.detail-head h2,.source-card h3,.section-head h3{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.04em}.brand h1{font-size:clamp(2rem,4vw,3.4rem);max-width:740px}.eyebrow,.panel-kicker,.hero-label{margin:0 0 8px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:800}.subtitle,.hero-note,.muted-line,.empty-text,.detail-description{color:var(--muted)}.subtitle{margin:12px 0 0;max-width:720px;line-height:1.6}.topbar-actions,.panel-head-actions,.pagination-row,.meta-tags,.tabs,.sync-layout,.source-columns,.section-head,.project-meta,.project-badges,.match-actions,.match-score-row{display:flex;gap:12px}.panel-head-actions{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center}.panel-head,.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.detail-head{margin-bottom:18px}.panel-head>:first-child,.detail-head>:first-child{min-width:0;flex:1 1 320px}button,select,input,textarea{font:inherit}.primary-button,.ghost-button,.tab-button{border:1px solid transparent;border-radius:999px;padding:12px 18px;cursor:pointer;transition:.18s ease}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 12px 24px #bc4b2a38}.primary-button:hover{transform:translateY(-1px)}.ghost-button,.tab-button,.soft-pill,.check-chip span{background:#ffffff94;border-color:var(--border);color:var(--text)}.compact{padding:10px 14px;font-size:.92rem}#detail-website{flex:0 0 auto;align-self:flex-start}.hero-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hero-card{padding:24px;border:1px solid var(--border);border-radius:var(--radius-xl);background:#fffcf7cc;box-shadow:var(--shadow)}.accent-card{background:radial-gradient(circle at top right,rgba(255,255,255,.32),transparent 30%),linear-gradient(135deg,#bc4b2af5,#7e2c16f5);color:#fff}.accent-card .hero-label,.accent-card .hero-note{color:#ffffffc2}.hero-value{margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:800;letter-spacing:-.05em}.hero-value-small{font-size:1.3rem;line-height:1.35}.tabs{margin:22px 0 18px;align-items:center;flex-wrap:wrap}.tab-button{padding-inline:20px;font-weight:700}.tab-button.is-active{background:var(--text);color:#fff}.tab-panel{display:none}.tab-panel.is-active{display:block}.panel-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:18px}.panel-card{border:1px solid var(--border);border-radius:30px;background:#fffdf9d1;box-shadow:var(--shadow);padding:24px}.filters-grid{margin:18px 0;display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,max-content) max-content max-content;gap:10px;align-items:end}.field{display:flex;flex-direction:column;gap:8px}.field span,.inline-select span{font-size:.85rem;color:var(--muted)}.field input,.field select,.field textarea,.inline-select select{width:100%;border:1px solid var(--border);border-radius:16px;background:#ffffffb8;padding:13px 14px;color:var(--text)}.inline-select{display:flex;flex-direction:column;gap:8px;min-width:160px}.check-chip{position:relative}.check-chip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.check-chip span{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:13px 16px;font-weight:700}.check-chip input:checked+span{background:var(--accent-soft);border-color:#bc4b2a47;color:var(--accent-dark)}.feedback-block{padding:14px 16px;border-radius:18px;margin-bottom:16px;background:#fff7ebe6;border:1px solid rgba(188,75,42,.16);color:var(--accent-dark)}.hidden{display:none!important}.project-list,.match-list,.sync-runs-list,.history-list,.stack-list{display:flex;flex-direction:column;gap:12px}.project-card,.match-card,.sync-run-card,.source-entry,.history-entry{border:1px solid var(--border);border-radius:22px;background:#ffffffa8;padding:18px}.project-card{cursor:pointer}.project-card.is-selected{border-color:#bc4b2a57;box-shadow:inset 0 0 0 1px #bc4b2a33}.project-title-row,.match-top-row,.sync-top-row{display:flex;justify-content:space-between;gap:12px;align-items:start}.project-title,.match-title,.sync-title{margin:0;font-size:1.05rem;font-weight:800}.project-domain{margin:6px 0 0;color:var(--muted);font-size:.92rem}.project-description,.match-description{margin:14px 0;color:var(--muted);line-height:1.5}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.source-badge,.score-pill,.status-pill,.soft-pill{border-radius:999px;padding:7px 11px;font-size:.8rem;font-weight:700}.source-badge.ph{background:#ff6e431f;color:#a53b17}.source-badge.tm{background:#347c4d1f;color:#2a5a38}.source-badge.or{background:#234a861f;color:#1c4379}.score-pill{background:#21160d0f}.status-pill.pending{background:#bc4b2a1a;color:var(--accent-dark)}.status-pill.approved{background:#4056401f;color:var(--olive)}.status-pill.rejected{background:#6634251f;color:#663425}.empty-state{display:none;min-height:520px;border:1px dashed var(--border);border-radius:24px;align-items:center;justify-content:center;text-align:center;padding:32px;background:#ffffff57}.empty-state.is-visible{display:flex;flex-direction:column}.empty-title{margin:0 0 10px;font-weight:800;font-size:1.2rem}.detail-block+.detail-block{margin-top:18px}.canonical-block{padding:18px;border-radius:22px;background:linear-gradient(180deg,#bc4b2a14,#fff6);border:1px solid rgba(188,75,42,.14)}.source-columns{margin-top:18px;flex-direction:column}.source-card{border:1px solid var(--border);border-radius:22px;background:#ffffff8f;padding:16px}.source-entry-title{margin:0 0 8px;font-weight:800}.source-entry-copy,.history-entry pre,.sync-run-card pre{margin:0;color:var(--muted);white-space:pre-wrap;word-break:break-word}.merge-form,.sync-form{display:flex;flex-direction:column;gap:14px}.match-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.match-side{padding:14px;border-radius:18px;background:#ffffff94;border:1px solid var(--border)}.match-side h4{margin:0 0 8px;font-size:.95rem}.sync-layout{flex-direction:column}.pagination-row{margin-top:20px;padding-top:14px;border-top:1px solid rgba(58,40,19,.08);align-items:center;justify-content:space-between;flex-wrap:wrap}#projects-page-state{color:var(--muted);font-weight:700;flex:1 1 180px;text-align:center}.toast-host{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;flex-direction:column;gap:10px}.toast{min-width:260px;max-width:360px;padding:14px 16px;border-radius:16px;box-shadow:var(--shadow);background:#21160deb;color:#fff}@media (max-width: 1120px){.panel-grid,.hero-grid,.match-card-grid{grid-template-columns:1fr}.filters-grid{grid-template-columns:1fr 1fr}.topbar{flex-direction:column}}@media (max-width: 720px){body{padding:14px}.topbar,.panel-card,.hero-card{padding:18px;border-radius:24px}.filters-grid{grid-template-columns:1fr}.project-title-row,.match-top-row,.sync-top-row,.pagination-row,.panel-head,.detail-head{flex-direction:column;align-items:stretch}#detail-website{width:100%;text-align:center}}