:root{--color-ink:#202522;--color-limestone:#F2F1EC;--color-smoke:#667176;--color-terracotta:#C45A45;--color-sage:#A7B3AA;--color-surface:#FFFFFF;--color-surface-soft:#F8F7F2;--color-border:rgba(32,37,34,.14);--color-border-strong:rgba(32,37,34,.24);--color-success:#2F6B4F;--color-warning:#9B6B2F;--color-danger:#A64032;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-page-title:24px;--text-section-title:15px;--text-panel-title:14px;--text-body:13px;--text-meta:11px;--text-kpi:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-soft:0 12px 32px rgba(32,37,34,.07)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font-sans);background:var(--color-limestone);color:var(--color-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:var(--space-5);background:var(--color-ink);color:var(--color-limestone);display:flex;flex-direction:column;gap:var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:28px;height:28px;border-radius:9px;border:1px solid rgba(242,241,236,.3);display:grid;place-items:center;font-weight:800}.brand-name{font-size:15px;font-weight:800;letter-spacing:.02em}.nav-group{display:flex;flex-direction:column;gap:var(--space-1)}.nav-label{font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.1em;color:#f2f1ec75;margin:var(--space-4) 0 var(--space-2)}.nav-item{width:100%;border:0;background:transparent;color:#f2f1eca8;display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);text-align:left;font-size:var(--text-body);font-weight:650}.nav-item:hover,.nav-item.active{background:#f2f1ec1a;color:var(--color-limestone)}.nav-icon{width:18px;height:18px;display:inline-grid;place-items:center;color:currentColor}.shell-footer{margin-top:auto;font-size:var(--text-meta);color:#f2f1ec80;line-height:1.5}.main{padding:var(--space-8);min-width:0}.surface-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6)}.surface-title{font-size:var(--text-page-title);line-height:1.1;margin:0;font-weight:760;letter-spacing:-.03em}.surface-subtitle{margin:6px 0 0;color:var(--color-smoke);font-size:var(--text-body);line-height:1.45;max-width:720px}.surface-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:1/-1}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:var(--space-5)}.surface-grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:1/-1}}.source-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:999px;padding:7px 11px;background:#ffffff94;font-size:var(--text-meta);font-weight:700;color:var(--color-smoke)}.source-dot{width:7px;height:7px;border-radius:999px;background:var(--color-warning)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-5);min-height:128px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.panel-title{font-size:var(--text-panel-title);font-weight:760;margin:0;letter-spacing:-.01em}.panel-note{font-size:var(--text-meta);color:var(--color-smoke);line-height:1.45;margin:4px 0 0}.kpi{font-size:var(--text-kpi);font-weight:780;letter-spacing:-.04em;margin-top:var(--space-2)}.badge{display:inline-flex;align-items:center;border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:999px;padding:4px 9px;font-size:var(--text-meta);font-weight:760;color:var(--color-smoke)}.badge.pending{color:var(--color-warning);border-color:#9b6b2f40;background:#9b6b2f14}.badge.blocked{color:var(--color-danger);border-color:#a6403240;background:#a6403214}.badge.ready{color:var(--color-success);border-color:#2f6b4f40;background:#2f6b4f14}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-surface-soft)}.empty-title{font-size:var(--text-section-title);font-weight:760;margin:0 0 6px}.empty-copy{font-size:var(--text-body);line-height:1.5;color:var(--color-smoke);margin:0;max-width:56ch}.action-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-md);padding:10px 13px;font-size:var(--text-body);font-weight:740}.btn.primary{background:var(--color-ink);color:var(--color-limestone);border-color:var(--color-ink)}.btn.ghost{background:transparent}.list{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-soft)}.row-title{font-size:var(--text-body);font-weight:740;margin:0}.row-meta{font-size:var(--text-meta);color:var(--color-smoke);margin-top:3px}.slot-label{font-size:var(--text-meta);color:var(--color-smoke);text-transform:uppercase;letter-spacing:.09em;font-weight:760;margin-bottom:var(--space-2)}.surface-dashboard .priority-board{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-4)}.catalog-shell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--space-4)}.catalog-list{display:flex;flex-direction:column;gap:var(--space-2)}.catalog-detail{min-height:360px}.media-board{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-4)}.media-placeholder{min-height:420px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:linear-gradient(135deg,#a7b3aa29,#f2f1eccc);display:grid;place-items:center;text-align:center;padding:var(--space-6)}.map-placeholder{min-height:460px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(90deg,rgba(32,37,34,.04) 1px,transparent 1px),linear-gradient(rgba(32,37,34,.04) 1px,transparent 1px),var(--color-surface-soft);background-size:32px 32px;display:grid;place-items:center;text-align:center;padding:var(--space-6)}.capability-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.dependency-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.operation-lane{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-4)}@media (max-width:980px){.surface-dashboard .priority-board,.catalog-shell,.media-board,.capability-matrix,.dependency-stack,.operation-lane,.profile-grid{grid-template-columns:1fr}}