:root{--bg: #F2E4DE;--bg-alt: #EDE0DC;--surface: #FFFFFF;--surface-alt: #FDFBFA;--brand: #5A3A2E;--brand-dark: #4A2F24;--brand-soft: rgba(90, 58, 46, .08);--border: rgba(90, 58, 46, .16);--border-strong: rgba(90, 58, 46, .3);--text: #2E1F18;--text-2: #8A756B;--text-on-brand: #FBF4F0;--data-pos: #3E7C4F;--data-pos-soft: rgba(62, 124, 79, .12);--data-loss: #C25B43;--data-loss-soft: rgba(194, 91, 67, .12);--data-neutral: #B98A6B;--data-neutral-soft: rgba(185, 138, 107, .16);--data-highlight: #D9A441;--data-highlight-soft: rgba(217, 164, 65, .18);--chart-grid: rgba(90, 58, 46, .1);--chart-axis: #8A756B;--radius-card: 16px;--radius-btn: 11px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(46, 31, 24, .04), 0 6px 20px rgba(46, 31, 24, .05);--font: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--sidebar-w: 248px;--header-h: 64px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"sidebar header" "sidebar main";min-height:100vh}.sidebar{grid-area:sidebar;background:var(--bg-alt);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;gap:6px}.sidebar__brand{display:flex;align-items:center;gap:11px;padding:4px 10px 20px}.sidebar__logo{width:34px;height:34px;border-radius:10px;background:var(--brand);color:var(--text-on-brand);display:grid;place-items:center;font-weight:800;font-size:17px}.sidebar__title{font-weight:700;font-size:15px;line-height:1.2}.sidebar__subtitle{font-size:12px;color:var(--text-2);margin-top:2px}.nav__item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-btn);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.nav__item:hover{background:var(--brand-soft);color:var(--text)}.nav__item--active{background:var(--brand);color:var(--text-on-brand)}.nav__item--active:hover{background:var(--brand-dark);color:var(--text-on-brand)}.nav__icon{width:18px;text-align:center;font-size:15px}.sidebar__foot{margin-top:auto;font-size:11px;color:var(--text-2);padding:0 10px}.header{grid-area:header;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.header__title{font-size:16px;font-weight:700}.header__right{display:flex;align-items:center;gap:16px}.header__period{font-size:12px;color:var(--text-2);background:var(--bg);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-pill)}.main{grid-area:main;padding:26px;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:22px}.card__title{font-size:15px;font-weight:700;margin:0 0 4px}.card__hint{font-size:13px;color:var(--text-2);margin:0 0 18px}.grid{display:grid;gap:18px}.grid--kpi{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.grid--kpi{grid-template-columns:repeat(2,1fr)}}.kpi__label{font-size:12.5px;color:var(--text-2)}.kpi__value{font-size:28px;font-weight:800;margin-top:6px;letter-spacing:-.01em}.kpi__delta{font-size:12px;margin-top:6px}.kpi__delta--pos{color:var(--data-pos)}.kpi__delta--loss{color:var(--data-loss)}.btn{font-family:var(--font);font-size:14px;font-weight:600;padding:11px 20px;border-radius:var(--radius-btn);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:var(--brand-soft)}.btn--primary{background:var(--brand);color:var(--text-on-brand);border-color:var(--brand)}.btn--primary:hover{background:var(--brand-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{display:block;margin-bottom:14px}.field__label{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px}.input{width:100%;font-family:var(--font);font-size:15px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-btn);background:var(--surface-alt);color:var(--text)}.input:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.error-text{color:var(--data-loss);font-size:13px;margin-top:4px}.login{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:20px}.login__card{width:100%;max-width:380px}.login__head{text-align:center;margin-bottom:22px}.login__logo{width:46px;height:46px;margin:0 auto 12px;border-radius:12px;background:var(--brand);color:var(--text-on-brand);display:grid;place-items:center;font-weight:800;font-size:22px}.legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.legend__item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2)}.legend__dot{width:12px;height:12px;border-radius:4px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.toolbar__search{position:relative;flex:1;max-width:360px}.toolbar__search .input{padding-left:36px}.toolbar__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-2);font-size:15px}.pager{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}.pager .btn{padding:8px 14px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-weight:600;color:var(--text-2);font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:0 14px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}.table tbody tr{cursor:pointer;transition:background .12s}.table tbody tr:hover{background:var(--brand-soft)}.table__muted{color:var(--text-2)}.table__preview{max-width:260px;color:var(--text-2);font-size:12.5px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chip{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:var(--radius-pill);background:var(--data-neutral-soft);color:var(--brand-dark)}.chip--step{background:var(--data-pos-soft);color:var(--data-pos)}.empty{text-align:center;color:var(--text-2);padding:40px 20px;font-size:14px}.detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.detail__meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--text-2);margin-top:6px}.detail__meta b{color:var(--text);font-weight:600}.qa{padding:12px 0;border-bottom:1px solid var(--border)}.qa__q{font-size:12.5px;color:var(--text-2);margin-bottom:4px}.qa__a{font-size:14px;color:var(--text);white-space:pre-wrap;line-height:1.5}.lessons{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:6px}@media (max-width: 900px){.lessons{grid-template-columns:repeat(3,1fr)}}.lesson-cell{border:1px solid var(--border);border-radius:var(--radius-btn);padding:10px;text-align:center}.lesson-cell__n{font-size:12px;color:var(--text-2)}.lesson-cell__opens{font-size:20px;font-weight:800;margin:4px 0}.lesson-cell__opens--zero{color:var(--text-2)}.lesson-cell__opens--has{color:var(--data-pos)}.lesson-cell a{font-size:11.5px;color:var(--brand);text-decoration:underline}.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.pcard{cursor:pointer;transition:border-color .15s,transform .05s}.pcard:hover{border-color:var(--border-strong)}.pcard:active{transform:scale(.995)}.pcard--organic{background:var(--surface-alt)}.pcard__label{font-size:14px;font-weight:700;word-break:break-all}.pcard__cohort{font-size:30px;font-weight:800;margin:8px 0 2px;letter-spacing:-.01em}.pcard__cohort-cap{font-size:12px;color:var(--text-2)}.pcard__stats{display:flex;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.pcard__stat-v{font-size:16px;font-weight:700}.pcard__stat-v--pos{color:var(--data-pos)}.pcard__stat-l{font-size:11.5px;color:var(--text-2)}.warm-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.warm-row__l{width:72px;font-size:12.5px;color:var(--text-2);text-align:right}.warm-row__track{flex:1;background:var(--data-highlight-soft);border-radius:var(--radius-pill);height:18px;overflow:hidden}.warm-row__fill{height:100%;background:var(--data-highlight);border-radius:var(--radius-pill)}.warm-row__n{width:28px;font-size:12.5px;font-weight:600;color:var(--text-2)}.map-group{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:4px 0 10px}.map-node{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.map-node__label{font-size:14px;font-weight:600}.map-node__sub{font-size:12px;color:var(--text-2);margin-top:2px}.map-node__count{font-size:22px;font-weight:800}.map-edge{display:flex;align-items:center;gap:10px;padding:7px 0 7px 16px}.map-edge__line{width:2px;height:18px;background:var(--border-strong)}.map-edge__pct{font-size:12px;font-weight:600;padding:2px 9px;border-radius:var(--radius-pill)}.map-edge__pct--pos{background:var(--data-pos-soft);color:var(--data-pos)}.map-edge__pct--loss{background:var(--data-loss-soft);color:var(--data-loss)}.map-edge__pct--neutral{background:var(--data-neutral-soft);color:var(--brand-dark)}.map-edge__drop{font-size:11.5px;color:var(--text-2)}.map-divider{font-size:11.5px;color:var(--text-2);margin:10px 0 8px;padding-top:10px;border-top:1px dashed var(--border-strong)}.placeholder{color:var(--text-2);font-size:14px;line-height:1.6}.placeholder__badge{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);background:var(--data-highlight-soft);color:var(--brand-dark);margin-bottom:12px}