.yt{--bg-primary:#0c1310;--bg-secondary:#111a16;--bg-card:#16211c;--accent:#8fca7c;--accent-2:#e3c476;--accent-soft:#8fca7c1f;--accent-glow:#8fca7c38;--text-primary:#eef3ec;--text-secondary:#a3b1a8;--text-muted:#7f8e85;--border:#25352d;--danger:#f47272;--warning:#f59e0b;--info:#3b82f6;--success:#8fca7c;--income-color:#8fca7c;--expense-color:#f47272;--on-accent:#0c1310;--shadow-card:0 1px 3px #00000040, 0 8px 24px #0000002e;--bg-glow-1:#8fca7c0f;--bg-glow-2:#e3c4760d;--radius:14px;background-color:var(--bg-primary);background-image:radial-gradient(900px circle at 8% -5%, var(--bg-glow-1), transparent 45%), radial-gradient(1000px circle at 100% 0%, var(--bg-glow-2), transparent 40%);color:var(--text-primary);text-align:left;letter-spacing:normal;font-family:Sarabun,Noto Sans Thai,system-ui,sans-serif;font-size:15px;line-height:1.6}:root[data-theme=light] .yt{--bg-primary:#f7f6ef;--bg-secondary:#efede3;--bg-card:#fff;--accent:#2e6b41;--accent-2:#a87a22;--accent-soft:#2e6b411a;--accent-glow:#2e6b4133;--text-primary:#1d2b22;--text-secondary:#4a584e;--text-muted:#66726a;--border:#e4e1d3;--danger:#c62828;--warning:#b45309;--info:#2563eb;--success:#2e7d46;--income-color:#2e7d46;--expense-color:#c62828;--on-accent:#fff;--shadow-card:0 1px 2px #0f172a0d, 0 4px 14px #0f172a0d;--bg-glow-1:#2e6b410d;--bg-glow-2:#a87a220d}.yt *{box-sizing:border-box}.yt-accent{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.yt-shell{height:100%;display:flex}.yt-main{flex:1;min-width:0;padding:32px 36px;overflow:hidden}.yt-main-m{padding:20px 16px}.yt-side{background:linear-gradient(180deg, var(--bg-secondary), var(--bg-primary));border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:232px;display:flex}.yt-side-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:22px 16px 14px;display:flex}.yt-brand{letter-spacing:-.2px;font-size:17px;font-weight:800;line-height:1.3}.yt-brand-sub{color:var(--text-secondary);letter-spacing:.12em;margin-top:-3px;font-size:10.5px;font-weight:600}.yt-nav{flex:1;padding:10px}.yt-nav-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:11px;margin-bottom:3px;padding:10px 13px;font-size:14px;font-weight:500;display:flex}.yt-nav-item.is-active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);font-weight:700}.yt-nav-badge{background:var(--danger);color:var(--on-accent);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.yt-side-user{border-top:1px solid var(--border);padding:12px 16px}.yt-user{align-items:center;gap:10px;margin-bottom:10px;display:flex}.yt-avatar{background:var(--accent-soft);color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.yt-mbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;gap:8px;height:56px;padding:0 8px 0 4px;display:flex}.yt-mbar-btn{width:44px;height:44px;color:var(--text-primary);justify-content:center;align-items:center;display:inline-flex;position:relative}.yt-mbar-dot{background:var(--danger);border:2px solid var(--bg-secondary);border-radius:50%;width:9px;height:9px;position:absolute;top:9px;right:9px}.yt-title{letter-spacing:-.5px;margin-bottom:6px;font-size:25px;font-weight:800;line-height:1.3}.yt-sub{color:var(--text-secondary);font-size:14px}.yt-header{justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-bottom:20px;display:flex}.yt-card-title{margin-bottom:14px;font-size:14.5px;font-weight:600}.yt-label{letter-spacing:.06em;color:var(--text-secondary);margin-bottom:12px;font-size:12px;font-weight:700}.yt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px}.yt-grid-kpi{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.yt-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.yt-grid-2{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.yt-kpi{flex-direction:column;gap:10px;display:flex}.yt-kpi-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.yt-kpi-label{color:var(--text-secondary);padding-top:2px;font-size:13.5px;font-weight:500}.yt-kpi-value{letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.2}.yt-kpi-foot{min-height:22px;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.yt-chip{background:color-mix(in srgb, var(--tone,var(--text-secondary)) 14%, transparent);width:36px;height:36px;color:var(--tone,var(--text-secondary));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.yt-pill{background:color-mix(in srgb, var(--tone,var(--text-secondary)) 13%, transparent);color:var(--tone,var(--text-secondary));border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.yt-mini{align-items:center;gap:14px;display:flex}.yt-mini-label{color:var(--text-secondary);font-size:12.5px}.yt-mini-value{font-size:17px;font-weight:700;line-height:1.35}.yt-mini-sub{color:var(--text-muted);font-size:12px}.yt-btn{border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.yt-btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 14px var(--accent-glow)}.yt-btn-ghost{color:var(--text-secondary);border-color:var(--border)}.yt-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.yt-alert{border:1px solid;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.yt-bar{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.yt-bar>span{border-radius:999px;height:100%;display:block}.yt-insight{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.yt-insight-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.yt-insight-kind{letter-spacing:.02em;margin-bottom:2px;font-size:11.5px;font-weight:700}.yt-goal{flex-direction:column;gap:14px;display:flex}.yt-goal-head{align-items:flex-start;gap:12px;display:flex}.yt-goal-name{font-size:15.5px;font-weight:600;line-height:1.35}.yt-goal-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:4px;font-size:12.5px;display:flex}.yt-goal-amounts{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:13.5px;display:flex}.yt-goal-amounts strong{color:var(--text-primary);font-size:16px}.yt-goal-bar{background:var(--border);border-radius:999px;height:8px;position:relative}.yt-goal-bar>span{border-radius:999px;height:100%;display:block}.yt-goal-bar>i{background:var(--text-secondary);border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}.yt-goal-hint{color:var(--text-secondary);font-size:13px;line-height:1.55}.yt-goal-hint strong{color:var(--text-primary)}