.planner-hero{background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.12),rgba(var(--brand-accent-rgb),.12));border-bottom:1px solid var(--ui-border);position:relative}.planner-hero__pattern{position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(var(--brand-primary-rgb),.18),transparent 45%),radial-gradient(circle at 80% 15%,rgba(var(--brand-accent-rgb),.14),transparent 50%),linear-gradient(120deg,rgba(255,255,255,.12),transparent 55%);opacity:.7;pointer-events:none}.site-body.dark-mode .planner-hero__pattern{background:radial-gradient(circle at 18% 30%,rgba(var(--brand-primary-rgb),.32),transparent 45%),radial-gradient(circle at 80% 15%,rgba(var(--brand-accent-rgb),.22),transparent 50%),linear-gradient(120deg,rgba(255,255,255,.08),transparent 55%);opacity:.4}.ui-section-header{display:flex;flex-direction:column;gap:var(--ui-space-2)}.ui-section-header__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--ui-font-xs);color:var(--ui-primary);font-weight:700}.ui-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-md);color:var(--ui-text)}.ui-card--soft{background:var(--ui-surface-alt);box-shadow:var(--ui-shadow-sm)}.ui-card--flat{box-shadow:none}.ui-card--interactive{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ui-card--interactive:hover{transform:translateY(-3px);box-shadow:var(--ui-shadow-lg)}.ui-pill{display:inline-flex;flex-direction:column;gap:.2rem;padding:.6rem .9rem;border-radius:var(--ui-radius-pill);background:rgba(var(--brand-primary-rgb),.08);border:1px solid rgba(var(--brand-primary-rgb),.2);min-width:160px}.ui-pill--soft{background:rgba(var(--brand-highlight-rgb),.08);border-color:rgba(var(--brand-highlight-rgb),.2)}.ui-pill__label{font-size:var(--ui-font-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted)}.ui-pill__value{font-weight:700;color:var(--ui-text)}.ui-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border-radius:var(--ui-radius-pill);font-weight:600;font-size:var(--ui-font-xs);letter-spacing:.04em;background:rgba(var(--brand-primary-rgb),.12);color:var(--ui-primary);border:1px solid rgba(var(--brand-primary-rgb),.25)}.ui-badge--success{background:#22c55e24;color:var(--ui-success);border-color:#22c55e4d}.ui-badge--neutral{background:rgba(var(--neutral-800-rgb),.08);color:var(--ui-text);border-color:rgba(var(--neutral-800-rgb),.16)}.ui-button{border-radius:var(--ui-radius-pill);font-weight:600;letter-spacing:.01em;padding:.45rem 1.1rem}.ui-button--outline{background:transparent;border-width:1px}.ui-input{border-radius:var(--ui-radius-md);font-size:var(--ui-font-sm)}.ui-tabs{display:flex;flex-wrap:wrap;gap:var(--ui-space-2)}.ui-tab{flex:1 1 200px;border-radius:var(--ui-radius-md);border:1px solid var(--ui-border);background:var(--ui-surface);padding:var(--ui-space-3) var(--ui-space-4);font-weight:600;color:var(--ui-text);text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.ui-tab.active,.ui-tab:focus-visible{border-color:rgba(var(--brand-primary-rgb),.4);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.15)}.ui-table{border-color:var(--ui-border);color:var(--ui-text)}.ui-table th{text-transform:uppercase;font-size:var(--ui-font-xs);letter-spacing:.04em;color:var(--ui-muted)}.ui-modal{border-radius:var(--ui-radius-lg);background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-lg)}.ui-modal__header{border-bottom:1px solid var(--ui-border)}.info-tile{border-radius:var(--ui-radius-md);border:1px solid var(--ui-border);background:var(--ui-surface-alt);padding:var(--ui-space-4);box-shadow:var(--ui-shadow-sm)}