:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #07111f;
  --panel: rgba(13, 27, 47, .82);
  --panel-strong: #0d1b2f;
  --line: rgba(255, 255, 255, .1);
  --text: #f8fafc;
  --muted: #99a9bc;
  --cyan: #21c8f6;
  --violet: #9875ff;
  --danger: #fb7185;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body { margin: 0; min-height: 100svh; color: var(--text); background: var(--bg); }
body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 12% 5%, rgba(33, 200, 246, .16), transparent 32%), radial-gradient(circle at 92% 80%, rgba(152, 117, 255, .15), transparent 36%), linear-gradient(150deg, #07111f, #091526 52%, #10152a);
}
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
.app-shell { position: relative; width: min(1240px, calc(100% - 36px)); margin: auto; padding: max(18px, env(safe-area-inset-top)) 0 max(24px, env(safe-area-inset-bottom)); }
.topbar { min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand { display: flex; align-items: center; gap: 11px; color: inherit; text-decoration: none; }
.brand img, .login-card img { border-radius: 16px; box-shadow: 0 9px 25px rgba(0, 0, 0, .25); }
.brand span { display: grid; gap: 2px; }
.brand strong { font-size: 16px; }
.brand small { color: var(--muted); font-size: 12px; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.status-pill { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.status-pill i { width: 8px; height: 8px; border-radius: 50%; background: #fbbf24; box-shadow: 0 0 12px currentColor; }
.status-pill.online i { background: #34d399; }
.status-pill.offline i { background: var(--danger); }
.ghost-button, .text-button, .round-button { border: 0; color: #dbeafe; background: rgba(255, 255, 255, .07); }
.ghost-button { min-height: 42px; padding: 0 15px; border: 1px solid var(--line); border-radius: 14px; }
.admin-link { display: inline-flex; align-items: center; color: #dbeafe; text-decoration: none; }
main { padding-top: 22px; }
.hero { position: relative; min-height: 220px; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; border: 1px solid var(--line); border-radius: 30px; overflow: hidden; background: linear-gradient(115deg, rgba(11, 30, 52, .96), rgba(18, 23, 54, .84)); box-shadow: 0 26px 70px rgba(0, 0, 0, .25); }
.hero-copy { z-index: 1; padding: 36px 42px; }
.eyebrow, .section-kicker { margin: 0 0 8px; color: #67dcfa; font-size: 11px; font-weight: 850; letter-spacing: .14em; }
.hero h1 { margin: 0; font-size: clamp(32px, 5vw, 58px); line-height: 1.02; letter-spacing: -.045em; }
.hero p:last-child { max-width: 520px; margin: 14px 0 0; color: #b8c5d6; line-height: 1.55; }
.hero > img { width: 100%; height: 100%; min-height: 220px; object-fit: cover; object-position: 75% center; mask-image: linear-gradient(to right, transparent, black 28%); opacity: .88; }
.services { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.service-card { min-height: 84px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 22px; color: inherit; text-decoration: none; background: rgba(255,255,255,.055); transition: transform .18s ease, border-color .18s ease; }
.service-card:hover, .service-card:focus-visible { transform: translateY(-2px); border-color: rgba(103, 220, 250, .55); outline: none; }
.service-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; font-size: 23px; }
.cyan .service-icon { background: rgba(33, 200, 246, .14); }
.violet .service-icon { background: rgba(152, 117, 255, .14); }
.emerald .service-icon { color: #d1fae5; background: linear-gradient(145deg, rgba(16,185,129,.32), rgba(14,116,144,.22)); box-shadow: inset 0 0 0 1px rgba(110,231,183,.18); }
.amber .service-icon { color: #fef3c7; background: linear-gradient(145deg, rgba(245,158,11,.3), rgba(234,88,12,.18)); box-shadow: inset 0 0 0 1px rgba(253,230,138,.18); }
.rose .service-icon { color: #ffe4e6; background: linear-gradient(145deg, rgba(244,63,94,.27), rgba(168,85,247,.18)); box-shadow: inset 0 0 0 1px rgba(253,164,175,.18); }
.service-card > span:nth-child(2) { display: grid; gap: 4px; }
.service-card small { color: var(--muted); }
.service-card b { color: #dbeafe; font-size: 30px; font-weight: 300; }
.reports-section { margin: 22px 0 18px; padding: 26px; border: 1px solid var(--line); border-radius: 30px; background: linear-gradient(145deg, rgba(11,25,45,.82), rgba(14,20,45,.88)); box-shadow: 0 24px 70px rgba(0,0,0,.2); overflow: hidden; }
.reports-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 19px; }
.reports-heading h2 { margin: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.04em; }
.reports-heading > div > p:last-child { margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.live-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(52,211,153,.2); border-radius: 999px; color: #a7f3d0; background: rgba(52,211,153,.08); font-size: 11px; font-weight: 750; white-space: nowrap; }
.live-badge i { width: 7px; height: 7px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 5px rgba(52,211,153,.08), 0 0 15px #34d399; }
.report-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; align-items: start; }
.report-grid .market-report { width: 100%; }
.report-card { --report-accent: #38bdf8; --report-glow: rgba(56,189,248,.2); position: relative; min-width: 0; padding: 20px; border: 1px solid color-mix(in srgb, var(--report-accent) 25%, transparent); border-radius: 24px; background: linear-gradient(155deg, color-mix(in srgb, var(--report-accent) 8%, #0d1b2f), rgba(8,17,31,.94)); box-shadow: inset 0 1px rgba(255,255,255,.04), 0 16px 45px rgba(0,0,0,.16); overflow: hidden; }
.portfolio-report { --report-accent: #a78bfa; --report-glow: rgba(167,139,250,.2); }
.portfolio-report.profit { --report-accent: #34d399; --report-glow: rgba(52,211,153,.2); }
.portfolio-report.loss { --report-accent: #fb7185; --report-glow: rgba(251,113,133,.18); }
.report-card::before { content: ""; position: absolute; width: 210px; height: 210px; right: -95px; top: -115px; border-radius: 50%; background: var(--report-glow); filter: blur(2px); pointer-events: none; }
.report-decoration { position: absolute; inset: 0; pointer-events: none; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(135deg, transparent 18%, black 100%); }
.report-decoration i { position: absolute; bottom: 84px; width: 5px; border-radius: 8px 8px 0 0; background: var(--report-accent); }
.report-decoration i:nth-child(1) { right: 65px; height: 29px; }.report-decoration i:nth-child(2) { right: 51px; height: 48px; }.report-decoration i:nth-child(3) { right: 37px; height: 69px; }
.report-card-head { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; }
.report-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid color-mix(in srgb, var(--report-accent) 32%, transparent); border-radius: 15px; color: var(--report-accent); background: color-mix(in srgb, var(--report-accent) 11%, transparent); font-size: 22px; font-weight: 850; }
.report-card-head p { margin: 0 0 4px; color: var(--report-accent); font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.report-card-head h3 { margin: 0; font-size: 19px; letter-spacing: -.025em; }
.report-date { align-self: start; padding: 6px 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; color: #aebed0; background: rgba(0,0,0,.14); font-size: 9px; white-space: nowrap; }
.market-summary { position: relative; display: grid; grid-template-columns: minmax(130px,.68fr) 1.32fr; gap: 12px; margin-top: 17px; }
.market-pulse, .pnl-main, .kpi-tile { border: 1px solid rgba(255,255,255,.075); border-radius: 17px; background: rgba(255,255,255,.04); }
.market-pulse { min-height: 127px; display: flex; flex-direction: column; justify-content: center; padding: 15px; }
.market-pulse span, .pnl-main span, .kpi-tile span { color: #8193a8; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.market-pulse strong { margin-top: 7px; color: #e8faff; font-size: clamp(23px,3vw,32px); letter-spacing: -.045em; }
.market-pulse small { margin-top: 4px; color: #65d9f7; font-size: 10px; }
.alert-preview { display: grid; align-content: center; gap: 7px; }
.alert-preview p { display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: 7px; margin: 0; color: #c8d4e1; font-size: 11px; line-height: 1.42; }
.alert-preview p > span { min-width: 0; overflow-wrap: anywhere; }
.alert-preview i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 6px; color: #fde68a; background: rgba(251,191,36,.1); font-size: 10px; font-style: normal; font-weight: 900; }
.portfolio-kpis { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 17px; }
.pnl-main { grid-column: 1 / -1; min-height: 108px; display: grid; grid-template-columns: 1fr auto; align-content: center; align-items: end; gap: 5px 12px; padding: 16px; }
.pnl-main strong { grid-row: 2; color: #e8eef7; font-size: clamp(25px,3.8vw,38px); line-height: 1; letter-spacing: -.055em; }
.pnl-main small { grid-column: 2; grid-row: 2; padding: 6px 9px; border-radius: 9px; color: #d9e3ef; background: rgba(255,255,255,.07); font-size: 12px; font-weight: 800; }
.pnl-main.positive strong, .pnl-main.positive small { color: #6ee7b7; }.pnl-main.negative strong, .pnl-main.negative small { color: #fda4af; }
.kpi-tile { min-height: 75px; display: grid; align-content: center; gap: 7px; padding: 13px; }
.kpi-tile strong { overflow-wrap: anywhere; color: #edf5ff; font-size: 14px; }
.report-details { position: relative; margin-top: 14px; border-top: 1px solid rgba(255,255,255,.08); }
.report-details summary { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #c7d5e5; cursor: pointer; list-style: none; font-size: 12px; font-weight: 750; }
.report-details summary::-webkit-details-marker { display: none; }
.report-details summary b { color: var(--report-accent); font-size: 17px; transition: transform .2s; }
.report-details[open] summary b { transform: rotate(180deg); }
.report-content { max-height: 460px; overflow-y: auto; padding: 4px 5px 7px 0; color: #b9c6d5; font-size: 12px; line-height: 1.58; overscroll-behavior: contain; }
.report-content h4 { margin: 17px 0 7px; color: #f1f6fc; font-size: 13px; }
.report-content h4:first-child { margin-top: 2px; }
.report-content p { margin: 7px 0; }.report-content ul { margin: 7px 0; padding-left: 19px; }.report-content li { margin: 6px 0; }
.report-content code { padding: 1px 4px; border-radius: 5px; color: #bceeff; background: rgba(56,189,248,.08); }
.report-empty { grid-column: 1 / -1; min-height: 118px; display: grid; place-items: center; align-content: center; gap: 5px; text-align: center; color: var(--muted); }
.report-empty > span { color: var(--report-accent); font-size: 25px; }.report-empty strong { color: #dce7f2; }.report-empty small { max-width: 270px; line-height: 1.45; }
.report-loading { min-height: 130px; grid-template-columns: repeat(3,1fr); align-items: end; }
.report-loading > span { display: block; height: 72%; border-radius: 13px; background: linear-gradient(100deg, rgba(255,255,255,.035), rgba(255,255,255,.09), rgba(255,255,255,.035)); background-size: 220% 100%; animation: report-shimmer 1.5s infinite; }
.report-loading > span:nth-child(2) { height: 92%; }.report-loading > span:nth-child(3) { height: 62%; }
.reports-updated { margin: 13px 2px 0; color: #71849a; text-align: right; font-size: 10px; }
@keyframes report-shimmer { to { background-position: -220% 0; } }
.daily-ai-report-section { position: relative; margin-top: 18px; padding: 28px; border: 1px solid rgba(103,232,249,.18); border-radius: 30px; background: radial-gradient(circle at 8% 0%, rgba(34,211,238,.13), transparent 36%), radial-gradient(circle at 100% 100%, rgba(139,92,246,.13), transparent 38%), linear-gradient(145deg, rgba(9,25,44,.96), rgba(8,19,35,.98)); box-shadow: 0 26px 76px rgba(0,0,0,.25); overflow: hidden; }
.daily-ai-report-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .16; background-image: linear-gradient(rgba(103,232,249,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(103,232,249,.15) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, black, transparent 72%); }
.daily-ai-heading { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; margin-bottom: 20px; }
.daily-ai-heading h2 { max-width: 720px; margin: 3px 0 7px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.035em; }
.daily-ai-heading > div > p:last-child { max-width: 690px; margin: 0; color: #91a4ba; font-size: 13px; line-height: 1.55; }
.daily-ai-badge { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 7px 11px; border: 1px solid rgba(103,232,249,.18); border-radius: 999px; color: #bdf7ff; background: rgba(13,45,62,.72); font-size: 11px; white-space: nowrap; }
.daily-ai-badge i { width: 8px; height: 8px; border-radius: 50%; background: #22d3ee; box-shadow: 0 0 16px #22d3ee; }
.daily-ai-body { position: relative; min-width: 0; }
.daily-ai-grid { display: grid; grid-template-columns: minmax(0, 760px); gap: 10px; }
.daily-ai-file { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px; min-width: 0; min-height: 68px; padding: 11px 13px; border: 1px solid rgba(103,232,249,.16); border-radius: 16px; color: #eff8ff; background: rgba(4,15,29,.78); box-shadow: inset 0 1px rgba(255,255,255,.025); text-decoration: none; transition: border-color .15s, background .15s, transform .15s; }
.daily-ai-file:hover { border-color: rgba(103,232,249,.42); background: rgba(8,28,45,.92); transform: translateY(-1px); }
.daily-ai-file-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: #07111f; background: linear-gradient(145deg, #a5f3fc, #22d3ee); font-size: 19px; box-shadow: 0 8px 22px rgba(34,211,238,.14); }
.daily-ai-file.video-file .daily-ai-file-icon { background: linear-gradient(145deg, #ddd6fe, #a78bfa); }
.daily-ai-file-copy { display: grid; min-width: 0; gap: 3px; }
.daily-ai-file-copy small { overflow: hidden; color: #7890a7; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-overflow: ellipsis; white-space: nowrap; }
.daily-ai-file-copy strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.daily-ai-file-open { color: #9ceefa; font-size: 11px; font-weight: 800; white-space: nowrap; }
.daily-ai-card { min-width: 0; padding: 14px; border: 1px solid rgba(255,255,255,.085); border-radius: 23px; background: rgba(4,15,29,.78); box-shadow: inset 0 1px rgba(255,255,255,.025); overflow: hidden; }
.daily-ai-card-head { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 2px 2px 12px; }
.daily-ai-card-icon { display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 14px; color: #07111f; background: linear-gradient(145deg, #a5f3fc, #22d3ee); font-size: 20px; box-shadow: 0 9px 25px rgba(34,211,238,.16); }
.daily-ai-card.video-card .daily-ai-card-icon { background: linear-gradient(145deg, #ddd6fe, #a78bfa); box-shadow: 0 9px 25px rgba(167,139,250,.16); }
.daily-ai-card-head div { min-width: 0; }
.daily-ai-card-head p { margin: 0 0 3px; color: #6f849b; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.daily-ai-card-head h3 { margin: 0; overflow: hidden; color: #eff8ff; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.daily-ai-stage { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; border: 1px solid rgba(255,255,255,.075); border-radius: 17px; background: #030b17; overflow: hidden; }
.daily-ai-stage iframe, .daily-ai-stage video { display: block; width: 100%; height: 100%; border: 0; background: #020817; object-fit: contain; }
.daily-ai-slide-cover { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: 10px; padding: 20px; text-align: center; background: radial-gradient(circle at 50% 30%, rgba(34,211,238,.18), transparent 34%), linear-gradient(145deg, #071a2d, #0b1328); }
.daily-ai-slide-cover::before { content: "AI"; display: grid; place-items: center; width: 68px; height: 68px; border: 1px solid rgba(165,243,252,.3); border-radius: 22px; color: #bdf7ff; background: rgba(34,211,238,.09); font-size: 23px; font-weight: 900; box-shadow: 0 14px 38px rgba(34,211,238,.13); }
.daily-ai-slide-cover strong { color: #edfaff; font-size: 15px; }
.daily-ai-slide-cover small { max-width: 320px; color: #8297ae; font-size: 11px; line-height: 1.45; }
.daily-ai-actions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin-top: 10px; }
.daily-ai-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; padding: 0 12px; color: #c9d8e7; background: rgba(255,255,255,.045); font-size: 12px; font-weight: 750; text-align: center; text-decoration: none; cursor: pointer; }
.daily-ai-action.primary { border-color: rgba(34,211,238,.28); color: #061421; background: linear-gradient(135deg, #a5f3fc, #22d3ee); }
.daily-ai-action:hover { border-color: rgba(103,232,249,.35); color: #fff; }
.daily-ai-action.primary:hover { color: #061421; filter: brightness(1.06); }
.daily-ai-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 3px 0; color: #71849a; font-size: 10px; }
.daily-ai-updated { position: relative; margin: 13px 2px 0; color: #71849a; text-align: right; font-size: 10px; line-height: 1.5; }
.daily-ai-empty { min-height: 240px; display: grid; place-items: center; align-content: center; gap: 8px; border: 1px dashed rgba(103,232,249,.18); border-radius: 22px; padding: 30px 20px; text-align: center; background: rgba(3,12,24,.42); }
.daily-ai-empty span { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 19px; color: #8beeff; background: rgba(34,211,238,.09); font-size: 25px; }
.daily-ai-empty strong { color: #e6f6ff; font-size: 17px; }
.daily-ai-empty p { max-width: 490px; margin: 0; color: #8195ab; font-size: 12px; line-height: 1.55; }
.daily-ai-loading { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.daily-ai-loading span { display: block; aspect-ratio: 16 / 10; border-radius: 22px; background: linear-gradient(100deg, rgba(255,255,255,.025), rgba(103,232,249,.09), rgba(255,255,255,.025)); background-size: 220% 100%; animation: report-shimmer 1.5s infinite; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); gap: 18px; align-items: start; }
.panel { border: 1px solid var(--line); border-radius: 28px; padding: 26px; background: var(--panel); box-shadow: 0 24px 70px rgba(0, 0, 0, .2); backdrop-filter: blur(18px); }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.panel h2, .login-card h2 { margin: 0; font-size: 25px; letter-spacing: -.03em; }
.count-badge { padding: 7px 11px; border-radius: 99px; color: #bceeff; background: rgba(33, 200, 246, .12); font-size: 12px; white-space: nowrap; }
.quick-form { display: grid; grid-template-columns: 1fr auto auto; gap: 9px; margin-bottom: 18px; }
input, textarea { width: 100%; min-height: 48px; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; outline: none; color: var(--text); background: rgba(255,255,255,.06); transition: border-color .15s, box-shadow .15s; }
input { padding: 0 14px; }
textarea { padding: 13px 14px; resize: vertical; line-height: 1.5; }
input:focus, textarea:focus { border-color: rgba(33,200,246,.65); box-shadow: 0 0 0 3px rgba(33,200,246,.1); }
.date-field { display: flex; align-items: center; gap: 5px; padding-left: 10px; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; background: rgba(255,255,255,.06); }
.date-field input { width: 132px; border: 0; background: transparent; box-shadow: none; color-scheme: dark; padding-left: 4px; }
.primary-button { min-height: 48px; border: 0; border-radius: 14px; padding: 0 18px; color: #04121d; background: linear-gradient(135deg, #67e8f9, #21c8f6); font-weight: 800; box-shadow: 0 10px 24px rgba(33, 200, 246, .15); }
.primary-button:disabled { opacity: .55; cursor: wait; }
.primary-button.full { width: 100%; }
.todo-list { display: grid; gap: 9px; }
.todo-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; min-height: 62px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 16px; background: rgba(255,255,255,.035); }
.todo-check { position: relative; width: 30px; height: 30px; flex: none; }
.todo-check input { position: absolute; opacity: 0; }
.todo-check span { display: grid; place-items: center; width: 30px; height: 30px; border: 2px solid #61738b; border-radius: 10px; color: transparent; transition: .15s; }
.todo-check input:checked + span { color: #04121d; border-color: #34d399; background: #34d399; font-weight: 900; }
.todo-copy { min-width: 0; }
.todo-copy strong { display: block; overflow-wrap: anywhere; font-size: 15px; line-height: 1.35; }
.todo-copy small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.todo-actions { display: flex; align-items: center; gap: 2px; }
.todo-actions .item-menu { min-width: 38px; width: 38px; }
.edit-todo { font-size: 18px; }
.todo-inline-edit { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; }
.todo-inline-edit input { min-width: 0; min-height: 42px; }
.todo-inline-edit > div { display: flex; gap: 6px; }
.todo-inline-edit button { min-height: 38px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; padding: 0 10px; color: #cbd5e1; background: rgba(255,255,255,.06); }
.todo-inline-edit .save-todo-edit { border-color: rgba(33,200,246,.28); color: #061421; background: #67dcfa; font-weight: 800; }
.todo-inline-edit .save-todo-edit:disabled { opacity: .55; }
.todo-item.editing { grid-template-columns: auto minmax(0,1fr); }
.todo-item.completed .todo-copy { opacity: .55; }
.todo-item.completed strong { text-decoration: line-through; }
.todo-item.overdue { border-color: rgba(251,113,133,.22); }
.todo-item.overdue small { color: #fda4af; }
.item-menu { min-width: 42px; min-height: 42px; border: 0; border-radius: 12px; color: var(--muted); background: transparent; font-size: 20px; }
.item-menu:hover { color: var(--danger); background: rgba(251,113,133,.09); }
.item-menu.edit-todo:hover { color: #67dcfa; background: rgba(33,200,246,.09); }
.panel-hint { margin: 16px 0 0; color: #74859a; font-size: 11px; line-height: 1.5; }
.round-button { width: 42px; height: 42px; border-radius: 14px; font-size: 24px; }
.note-form { margin-bottom: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.035); }
.note-form-actions { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.color-picker { display: flex; gap: 7px; margin-right: auto; }
.color-dot { width: 24px; height: 24px; border: 3px solid transparent; border-radius: 50%; }
.color-dot.selected { border-color: white; }
.color-dot.amber { background: #fbbf24; }.color-dot.blue { background: #38bdf8; }.color-dot.violet { background: #a78bfa; }.color-dot.green { background: #34d399; }
.text-button { min-height: 40px; border-radius: 12px; padding: 0 12px; }
.notes-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.note-card { position: relative; min-height: 142px; padding: 16px 38px 34px 16px; border-radius: 18px; color: #14202c; background: #fde68a; overflow: hidden; }
.note-card.blue { background: #bae6fd; }.note-card.violet { background: #ddd6fe; }.note-card.green { background: #bbf7d0; }
.note-card p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.48; }
.note-card textarea { min-height: 90px; color: #14202c; border-color: rgba(0,0,0,.15); background: rgba(255,255,255,.35); }
.note-card .item-menu { position: absolute; right: 4px; top: 4px; color: rgba(20,32,44,.58); }
.note-meta { position: absolute; left: 16px; bottom: 12px; color: rgba(20,32,44,.56); font-size: 10px; }
.note-edit-actions { display: flex; justify-content: flex-end; gap: 6px; margin-top: 8px; }
.note-edit-actions button { min-height: 34px; border: 0; border-radius: 10px; padding: 0 10px; }
.empty-state { display: grid; place-items: center; padding: 28px 15px; text-align: center; color: var(--muted); }
.empty-state > span { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 10px; border-radius: 50%; color: #34d399; background: rgba(52,211,153,.1); font-size: 22px; }
.empty-state strong { color: #dce8f5; }.empty-state p { max-width: 330px; margin: 6px 0 0; font-size: 13px; line-height: 1.45; }
.empty-state.compact { padding: 20px 10px; }
footer { padding: 26px 4px 6px; color: #62758b; text-align: center; font-size: 12px; }
.modal { width: min(440px, calc(100% - 28px)); padding: 0; border: 1px solid var(--line); border-radius: 25px; color: var(--text); background: #0d1b2f; box-shadow: 0 30px 100px rgba(0,0,0,.65); }
.modal::backdrop { background: rgba(2,8,20,.8); backdrop-filter: blur(8px); }
.login-card { padding: 28px; }
.login-card > img { display: block; margin: 0 auto 18px; }
.login-card > .section-kicker, .login-card h2, .login-card > p { text-align: center; }
.login-card > p { color: var(--muted); line-height: 1.45; }
.login-card label { display: grid; gap: 7px; margin-top: 14px; color: #cbd5e1; font-size: 13px; }
.password-field { display: grid; grid-template-columns: 1fr auto; align-items: center; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.045); overflow: hidden; }
.password-field input { min-width: 0; border: 0; background: transparent; }
.password-toggle { width: 48px; height: 48px; border: 0; color: #8fa4ba; background: transparent; cursor: pointer; font-size: 18px; filter: grayscale(1); }
.password-toggle:hover, .password-toggle.active { color: #67dcfa; background: rgba(103,220,250,.08); filter: none; }
.login-card .remember-option { display: flex; align-items: center; gap: 10px; cursor: pointer; line-height: 1.35; }
.remember-option input { width: 19px; height: 19px; min-height: 19px; margin: 0; padding: 0; accent-color: #38d5f5; flex: 0 0 auto; }
.login-card .primary-button { margin-top: 12px; }
.form-error { min-height: 20px; margin: 10px 0 0 !important; color: #fda4af !important; font-size: 12px; }
.install-modal ol { padding-left: 23px; color: #d8e3ef; line-height: 1.8; }
.share-icon { display: inline-block; color: #67dcfa; font-size: 19px; font-weight: 800; }
.toast { position: fixed; z-index: 20; left: 50%; bottom: max(22px, env(safe-area-inset-bottom)); max-width: calc(100% - 30px); padding: 11px 16px; border: 1px solid var(--line); border-radius: 13px; color: var(--text); background: #14243b; box-shadow: 0 15px 45px rgba(0,0,0,.35); opacity: 0; transform: translate(-50%, 16px); pointer-events: none; transition: .2s; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.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; }
[hidden] { display: none !important; }

@media (max-width: 860px) {
  .services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .report-grid { grid-template-columns: 1fr; }
  .daily-ai-grid, .daily-ai-loading { grid-template-columns: 1fr; }
  .hero { grid-template-columns: 1fr .7fr; }
  .notes-list { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 650px) {
  .app-shell { width: min(100% - 20px, 560px); }
  .topbar { min-height: 54px; }
  .status-pill span { display: none; }
  .ghost-button { padding: 0 11px; font-size: 12px; }
  main { padding-top: 12px; }
  .hero { min-height: 190px; grid-template-columns: 1fr; }
  .hero-copy { padding: 28px 24px 118px; }
  .hero h1 { font-size: 36px; }
  .hero > img { position: absolute; right: 0; bottom: 0; width: 72%; height: 145px; min-height: 0; mask-image: linear-gradient(to right, transparent, black 35%); object-position: 73% 51%; opacity: .78; }
  .services { grid-template-columns: 1fr; gap: 9px; }
  .reports-section { margin-top: 16px; padding: 19px 14px; border-radius: 23px; }
  .reports-heading { align-items: flex-start; }
  .reports-heading > div > p:last-child { font-size: 12px; }
  .live-badge { padding: 7px 9px; font-size: 0; }
  .live-badge::after { content: "Live"; font-size: 10px; }
  .report-card { padding: 16px 14px; border-radius: 20px; }
  .report-card-head { grid-template-columns: auto minmax(0,1fr); }
  .report-date { grid-column: 2; padding: 0; border: 0; background: transparent; }
  .market-summary { grid-template-columns: 1fr; }
  .market-pulse { min-height: 100px; }
  .portfolio-kpis { grid-template-columns: 1fr 1fr; }
  .pnl-main { grid-template-columns: 1fr; }
  .pnl-main small { grid-column: 1; grid-row: 3; justify-self: start; }
  .pnl-main strong { font-size: clamp(27px, 8.4vw, 38px); }
  .reports-updated { text-align: left; line-height: 1.45; }
  .daily-ai-report-section { margin-top: 16px; padding: 19px 14px; border-radius: 23px; }
  .daily-ai-heading { display: grid; gap: 13px; }
  .daily-ai-heading h2 { font-size: clamp(23px, 7.2vw, 31px); line-height: 1.12; }
  .daily-ai-badge { justify-self: start; }
  .daily-ai-card { padding: 11px; border-radius: 19px; }
  .daily-ai-stage { border-radius: 14px; }
  .daily-ai-updated { text-align: left; }
  .service-card { min-height: 76px; padding: 12px; gap: 10px; border-radius: 18px; }
  .service-icon { width: 42px; height: 42px; border-radius: 13px; font-size: 20px; }
  .service-card small { font-size: 11px; }
  .panel { padding: 19px 15px; border-radius: 23px; }
  .quick-form { grid-template-columns: 1fr auto; }
  .quick-form > input { grid-column: 1 / -1; }
  .date-field { min-width: 0; }
  .date-field input { width: 130px; }
  .todo-item.editing { align-items: start; }
  .todo-inline-edit { grid-template-columns: 1fr; }
  .todo-inline-edit > div { justify-content: flex-end; }
  .notes-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .note-card { min-height: 132px; }
  .note-form-actions { flex-wrap: wrap; }
  .color-picker { width: 100%; margin-bottom: 4px; }
}

@media (max-width: 390px) {
  .brand small { display: none; }
  .brand img { width: 40px; height: 40px; }
  .services { grid-template-columns: 1fr; }
  .portfolio-kpis { grid-template-columns: 1fr; }
  .pnl-main { grid-column: auto; }
  .notes-list { grid-template-columns: 1fr; }
  .daily-ai-actions { grid-template-columns: 1fr; }
  .daily-ai-slide-cover { padding: 14px; }
}

@media (display-mode: standalone) {
  .app-shell { padding-top: max(12px, env(safe-area-inset-top)); }
  .ghost-button { display: none; }
}

/* HQ unified theme 20261103 */
/* Hermes visual system: presentation only; all existing application hooks remain intact. */
:root{color-scheme:light;--bg:#f7f3ec;--panel:#fffdf9;--panel-strong:#fffdf9;--line:#e8dfd2;--text:#2c251e;--muted:#695e52;--cyan:#8a611d;--violet:#8a611d;--gold:#9b6a1b;--gold2:#b37c28;--green:#28735e;--red:#ad4141;--danger:#ad4141;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body{background:#f7f3ec!important;color:#2c251e!important}
body::before{background:radial-gradient(circle at 100% 0%,rgba(215,184,132,.17),transparent 33%),radial-gradient(circle at 0% 90%,rgba(234,219,192,.2),transparent 36%)!important;opacity:1!important}
a{color:#765019}button,input,textarea,select{font-size:16px}button,a,input,textarea,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b78537!important;outline-offset:2px}
.app-shell,.finance-shell,.fanpage-shell,.page{width:min(1320px,calc(100% - 40px));max-width:100%}
.topbar,.finance-topbar,.bar{min-height:72px;gap:14px}
.brand,.finance-brand{color:#2c251e!important}.brand strong,.finance-brand strong{font-size:16px}.brand small,.finance-brand small{color:#695e52!important}
.brand img,.login-card img{border-radius:15px;box-shadow:0 4px 12px rgba(66,45,17,.12)}
.ghost-button,.home-button,.soft-button,.outline-button,.button,.small-button,.text-button,.refresh-button,.round-button{min-height:44px;color:#3b3025!important;background:#fffdf9!important;border:1px solid #e4d8c6!important;border-radius:12px;box-shadow:0 2px 5px rgba(61,42,21,.03)}
.ghost-button:hover,.home-button:hover,.soft-button:hover,.outline-button:hover,.button:hover,.small-button:hover,.text-button:hover,.refresh-button:hover,.round-button:hover{background:#f2e9d9!important;border-color:#be985c!important}
.status-pill,.sync-status,.sync-pill{color:#695e52!important}.status-pill.online i,.sync-status.online i,.sync-pill.online i{background:#28735e!important}
.hero,.wealth-hero,.fanpage-hero,.heading{border:1px solid #e4d5be!important;background:linear-gradient(105deg,rgba(255,253,249,.98),rgba(248,239,222,.96)),url('/assets/hermes-warm-abstract.png') center/cover!important;box-shadow:0 16px 45px rgba(86,61,25,.08)!important;border-radius:28px!important}
.hero h1,.wealth-copy h1,.fanpage-hero h1,.heading h1{color:#2c251e!important;letter-spacing:-.04em}.hero p:last-child,.wealth-copy>p:last-child,.fanpage-hero .hero-copy>p:last-child,.heading p{color:#695e52!important}
.hero>img{object-fit:contain;mask-image:none!important;opacity:1!important;padding:24px;max-height:280px}
.eyebrow,.section-kicker,.gold-kicker,.rose-kicker{color:#8d5f18!important;letter-spacing:.11em}.wealth-copy h1 em,.fanpage-hero h1 em{color:#875a1a!important}
.services{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0 24px}.service-card,.wealth-card,.post-card,.account-card,.portfolio-tile,.topic-guide,.finance-panel,.panel,.accounts-strip-wrap,.month-section,.portfolio-section,.reports-section,.report-card,.admin-panel{color:#2c251e!important;background:#fffdf9!important;border:1px solid #e8dfd2!important;box-shadow:0 8px 28px rgba(75,52,25,.055)!important;border-radius:22px!important}
.service-card{min-height:96px;padding:18px}.service-card:hover,.service-card:focus-visible{border-color:#b78e50!important;box-shadow:0 12px 30px rgba(92,67,31,.12)!important}.service-icon,.wealth-card>span{background:#f4e8d2!important;color:#75501b!important}.service-card b{color:#8d5f18!important}
.report-card{--report-accent:#8d5f18;--report-glow:rgba(185,145,77,.09);background:#fffdf9!important}.report-decoration{display:none}.report-card-head p,.report-icon,.report-details summary b{color:#8d5f18!important}.report-date,.market-pulse,.pnl-main,.kpi-tile,.total-wealth,.budget-overview,.portfolio-current{color:#2c251e!important;background:#fbf6ee!important;border:1px solid #e8dfd2!important}.market-pulse strong,.pnl-main strong,.kpi-tile strong,.report-content h4,.report-empty strong{color:#2c251e!important}.market-pulse span,.pnl-main span,.kpi-tile span,.report-content,.alert-preview p,.report-details summary,.reports-heading>div>p:last-child{color:#695e52!important}.report-date{white-space:normal}.report-content code{color:#74501e;background:#f4e8d2}
.panel-hint,.empty-state p,.section-title>div>p:last-child,.section-heading>div>p:last-child,.wealth-card p,.wealth-card small,.report-updated,.reports-updated{color:#695e52!important}.panel h2,.reports-heading h2,.section-title h2,.section-heading h2,.topic-guide h2,.panel-head h2{color:#2c251e!important}.empty-state strong{color:#3d3024!important}
input,textarea,select,.password-field,.quick-form input,.date-field{color:#2c251e!important;background:#fffdf9!important;border-color:#d9cbb7!important;border-radius:12px}input::placeholder,textarea::placeholder{color:#796d61}.quick-form input,.create-user input,.field input,.amount-field input{min-height:46px}.primary-button,.button.primary,.save-transaction,.portfolio-submit-button{min-height:46px;color:#fffdf9!important;background:#79521d!important;border:1px solid #79521d!important;border-radius:12px!important;font-weight:700}.primary-button:hover,.button.primary:hover,.save-transaction:hover,.portfolio-submit-button:hover{background:#5f3e13!important}.primary-button:disabled,.button.primary:disabled{opacity:.5}.note-card{color:#2c251e!important;background:#f8e6b5!important}.note-card.blue{background:#ddeaf0!important}.note-card.violet{background:#e7dfed!important}.note-card.green{background:#e0ece2!important}
.wealth-hero::before,.hero-pattern,.hero-orbit,.ornament{opacity:.25}.total-wealth strong{color:#422c12!important}.total-wealth span,.total-wealth small{color:#695e52!important}.brand-coin{background:#f4e8d2!important;color:#79521d!important;box-shadow:none!important}.finance-shell,.fanpage-shell{isolation:isolate}
.view-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.view-tabs button{min-height:46px;white-space:nowrap;color:#5b4a39!important;background:#fffdf9!important;border:1px solid #e4d8c6!important}.view-tabs button.active{color:#fff!important;background:#79521d!important;border-color:#79521d!important}.post-card,.topic-guide{background:#fffdf9!important}.topic-chip,.category-button,.portfolio-action-tabs button{min-height:44px}.safety-note{color:#3d3024!important;background:#f5ebd9!important;border-color:#e5d2ae!important}
.modal,.modal-card,.dialog-card,.finance-login-card,.login-card{color:#2c251e!important;background:#fffdf9!important;border-color:#e4d8c6!important}.modal::backdrop,.finance-dialog::backdrop{background:rgba(35,26,17,.6)}.login-card label,.form-error,.install-modal ol{color:#695e52!important}.form-error:not(:empty){color:#a13f3f!important}.password-toggle{color:#695e52!important}.remember-option input{accent-color:#8d5f18}
.owner-card,.user-card,.permission,.create-user,.users{color:#2c251e}.permission{min-height:44px}.permission input{accent-color:#8d5f18}.avatar,.role{background:#f4e8d2!important;color:#79521d!important}.toast,.finance-toast{color:#2c251e!important;background:#fffdf9!important;border:1px solid #d9cbb7!important}
@media(max-width:700px){.app-shell,.finance-shell,.fanpage-shell,.page{width:calc(100% - 24px)}.topbar,.finance-topbar,.bar{min-height:64px;flex-wrap:wrap}.top-actions,.bar-actions{gap:6px}.hero,.wealth-hero,.fanpage-hero,.heading{border-radius:20px!important}.hero-copy,.fanpage-hero .hero-copy{padding:24px!important}.hero>img{width:100%;height:145px;min-height:0;object-position:center;mask-image:none!important}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-card{min-height:105px;grid-template-columns:1fr auto;align-content:center;padding:13px;gap:7px}.service-card .service-icon{width:38px;height:38px;grid-column:1}.service-card>span:nth-child(2){grid-column:1/-1;grid-row:2}.service-card>b{grid-column:2;grid-row:1;font-size:22px}.service-card small{font-size:11px}.panel,.reports-section,.accounts-strip-wrap,.month-section,.portfolio-section,.topic-guide{padding:18px!important;border-radius:18px!important}.view-tabs{padding-bottom:5px}.report-card{padding:16px!important}.modal-card,.dialog-card{max-height:calc(100dvh - 40px);overflow:auto}}
@media(max-width:390px){.services{grid-template-columns:1fr 1fr}.service-card{min-height:112px}.service-card strong{font-size:14px}.brand strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;margin:6px 0 0;padding:7px;border:1px solid #e8dfd2;border-radius:14px;background:rgba(255,253,249,.95);box-shadow:0 4px 18px rgba(75,52,25,.04);backdrop-filter:blur(14px)}.site-nav::-webkit-scrollbar{display:none}.site-nav a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;padding:0 15px;border-radius:10px;color:#574839;text-decoration:none;font-size:14px;font-weight:650}.site-nav a:hover,.site-nav a:focus-visible{background:#f3e8d6;color:#654210}.finance-logo{flex:0 0 auto;border-radius:14px;object-fit:cover}.heading{margin-top:20px}.heading>div{padding:28px}.site-nav+.heading{margin-top:18px}
.count-badge{color:#79521d!important;background:#f4e8d2!important;border:1px solid #e2cba3!important}.live-badge{color:#28624e!important;background:#e8f3eb!important;border-color:#bfd9c5!important}.live-badge i{background:#28735e!important}.fanpage-hero .hero-copy>p:last-child{color:#695e52!important}.safety-note small{color:#5e6c61!important}

@media(max-width:700px){.hero>img{display:none!important}.bar-actions a{display:none!important}}
.fanpage-hero .hero-copy>p:not(.eyebrow){color:#695e52!important}

/* Full workspace navigation and dashboard layout */
@media(min-width:901px){
  body{padding-left:242px!important}
  .app-shell,.finance-shell,.fanpage-shell,.page{width:min(1320px,calc(100% - 56px))}
  .site-nav{position:fixed;z-index:80;inset:0 auto 0 0;width:242px;display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:25px 15px;background:#30251b;border:0;border-right:1px solid #4a3828;border-radius:0;box-shadow:8px 0 30px rgba(43,29,15,.1);overflow-y:auto;backdrop-filter:none}
  .site-nav-brand{display:flex;align-items:center;gap:10px;margin:0 3px 28px;color:#fff8ed}.site-nav-brand img{width:46px;height:46px;border-radius:15px}.site-nav-brand span{display:flex;flex-direction:column;gap:2px}.site-nav-brand strong{font-size:18px;line-height:1.1}.site-nav-brand small{font-size:11px;color:#d2baa0}
  .site-nav-label{padding:0 13px 10px;color:#c1a47e;font-size:10px;font-weight:800;letter-spacing:.12em}
  .site-nav a{width:100%;min-height:48px;justify-content:flex-start;gap:13px;padding:0 13px;border-radius:11px;color:#eadbcc;font-size:14px;font-weight:600}.site-nav a:hover,.site-nav a:focus-visible{background:#483728;color:#fff}.site-nav a[aria-current="page"]{background:#f3e4ca;color:#3b2918;font-weight:800}.site-nav-icon{width:24px;display:grid;place-items:center;font-size:21px;font-weight:500}.site-nav-text{display:block}
  .app-shell main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.85fr);gap:18px;padding-top:22px}.app-shell main>.hero{grid-column:1;min-height:305px}.app-shell main>.services{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-self:stretch;margin:0}.app-shell main>.services .service-card{min-height:135px;grid-template-columns:1fr auto;align-content:space-between;padding:17px}.app-shell main>.services .service-card .service-icon{grid-column:1;grid-row:1;width:42px;height:42px}.app-shell main>.services .service-card>span:nth-child(2){grid-column:1/-1;grid-row:2}.app-shell main>.services .service-card>b{grid-column:2;grid-row:1}.app-shell main>.dashboard-grid,.app-shell main>.reports-section,.app-shell main>.daily-ai-report-section{grid-column:1/-1;margin:0}.app-shell main>.dashboard-grid{margin-top:3px}
}
@media(max-width:900px){
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}
  .site-nav{position:fixed;z-index:80;top:auto;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0;padding:7px 5px calc(6px + env(safe-area-inset-bottom));border:1px solid #e1d4bf;border-bottom:0;border-radius:18px 18px 0 0;background:rgba(255,253,249,.98);box-shadow:0 -8px 28px rgba(63,42,20,.11);overflow:visible;backdrop-filter:blur(14px)}
  .site-nav-brand,.site-nav-label{display:none}.site-nav a{min-width:0;min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 2px;border-radius:10px;color:#6b5a47;font-size:10px;line-height:1.2;font-weight:700;text-align:center}.site-nav a[aria-current="page"]{color:#704a17;background:#f5ead8}.site-nav-icon{display:block;font-size:22px;line-height:1.1}.site-nav-text{display:block;white-space:nowrap}.app-shell,.finance-shell,.fanpage-shell,.page{padding-bottom:20px}
}

/* Financial forms and editorial cards need full light-theme contrast. */
.type-switch,.portfolio-action-tabs{background:#eee4d6!important}.type-switch button,.portfolio-action-tabs button{color:#594a3b!important}.type-switch .expense.active,.portfolio-action-tabs .sell.active{color:#84383b!important;background:#f6e1e0!important;box-shadow:inset 0 0 0 1px #e8c4c2!important}.type-switch .income.active,.portfolio-action-tabs .buy.active{color:#236950!important;background:#dff0e8!important;box-shadow:inset 0 0 0 1px #bedbce!important}.portfolio-action-tabs .withdraw.active{color:#79521d!important;background:#f5e9d3!important}.amount-field>span,.description-field>span,.entry-meta label>span,.budget-total>span,.category-field legend,.gold-kicker,.month-summary small,.day-total span,.wealth-card small{color:#6b5843!important}.amount-field>div,.budget-total>div{background:#fffaf0!important;border-color:#e6d5b3!important}.amount-field input,.budget-total input{color:#503416!important;background:transparent!important}.amount-field b,.budget-total b{color:#92621d!important}.quick-amounts button,.budget-suggestions button{min-height:44px;color:#79521d!important;background:#f5ead7!important;border-color:#e4d0ab!important;font-weight:800}.quick-amounts .clear-amount{color:#655647!important;background:#fffdf9!important}.category-button,.category-budget,.month-summary article,.day-book,.account-card,.portfolio-holding-chips button{color:#3a3027!important;background:#fffaf2!important;border:1px solid #e6daca!important}.category-button.active{color:#79521d!important;background:#f3e4c7!important;border-color:#bb9052!important}.category-button span{font-size:11px!important}.category-budget input{color:#3a3027!important;background:#fffdf9!important}.budget-ring{background:conic-gradient(#9b6a1b var(--progress),#e9ddca 0)!important}.budget-ring::before{background:#fffdf9!important}.budget-overview small,.category-budget small,.portfolio-tile span,.portfolio-current small,.portfolio-trade-fields label>span:first-child,.portfolio-withdraw-field>span:first-child{color:#6b5c4b!important}.positive,.pnl-main.profit strong,.pnl-main.profit small,.transaction-row.income .transaction-amount{color:#28735e!important}.negative,.pnl-main.loss strong,.pnl-main.loss small,.transaction-amount{color:#ad4141!important}.day-book[open]{border-color:#c9a66d!important}.transaction-row{background:#fffdf9!important}.transaction-row+.transaction-row,.transaction-list{border-color:#e8dfd2!important}.transaction-actions button{color:#695e52!important}.empty-ledger strong,.report-content h4{color:#2c251e!important}.portfolio-manage-button{color:#79521d!important;background:#f4e8d2!important;border-color:#d9c29b!important}.portfolio-details summary,.report-content,.portfolio-sync-note,.portfolio-action-preview,.portfolio-warning{color:#695e52!important}.portfolio-action-preview{background:#fbf6ee!important;border-color:#e8dfd2!important}.portfolio-action-preview.ready{color:#236950!important;background:#e8f3ec!important}.portfolio-action-preview.invalid{color:#a13f3f!important;background:#fff0ed!important}.portfolio-current>div:first-child strong,.portfolio-warning strong{color:#5b3d16!important}.portfolio-holding-chips button strong{color:#87541d!important}.portfolio-holding-chips button span{color:#695e52!important}.finance-login-card label,.field{color:#3a3027!important}.finance-login-button,.save-budget{color:#fffdf9!important;background:#79521d!important}.dialog-head button{color:#4a3929!important;background:#f2e9d9!important}.finance-toast{color:#2c251e!important;background:#fffdf9!important}
.post-card{--accent:#a77a39;color:#2c251e!important;background:#fffdf9!important}.post-cover{background:linear-gradient(135deg,#f4e8d3,#ece0cf)!important}.post-cover-placeholder{color:#875c25!important}.post-cover-placeholder small{color:#695e52!important}.topic-chip,.word-chip,.status-chip{color:#76501d!important;background:#f5ead7!important;border-color:#e3d0ad!important}.status-chip.published{color:#236950!important;background:#e9f4ed!important}.status-chip.error{color:#a13f3f!important;background:#fff0ed!important}.post-card h3{color:#2c251e!important}.post-hook{color:#4d4135!important}.post-content{color:#3f352b!important;background:#fbf6ee!important;border-left-color:#bb9151!important}.expand-button{color:#79521d!important;min-height:44px}.hashtags{color:#805718!important}.source-box{color:#4f6258!important;background:#eff5ef!important;border-color:#cfdfcf!important}.source-box strong{color:#236950!important}.source-box a{color:#79521d!important}.post-error{color:#9c3535!important;background:#fff0ed!important;border-color:#e9c5c0!important}.post-actions button{min-height:46px;color:#4a3929!important;background:#fffdf9!important;border-color:#dbcbb5!important}.post-actions .image-action{color:#fffdf9!important;background:#79521d!important}.post-actions .publish-action{color:#fffdf9!important;background:#28735e!important}.post-actions button:disabled{opacity:.5}.post-date{color:#695e52!important}.empty-state{border-color:#dbcbb5!important}.empty-state strong{color:#2c251e!important}.loading div,.loading span{background:linear-gradient(100deg,#f1e8dc,#e8dccd,#f1e8dc)!important}.topic-cloud span{color:#76501d!important;background:#f5ead7!important;border-color:#e3d0ad!important}.topic-choice{color:#3f352b!important;background:#fffdf9!important;border-color:#dbcbb5!important}.topic-choice.selected{color:#76501d!important;background:#f5ead7!important;border-color:#bc9253!important}.field input{color:#2c251e!important;background:#fffdf9!important;color-scheme:light!important}.modal-close{color:#695e52!important;background:#f2e9d9!important}
.scroll-step-button{color:#fffdf9!important;background:#79521d!important;border-color:#79521d!important;box-shadow:0 10px 24px rgba(85,54,18,.2)!important}.scroll-step-marker{color:#79521d!important}
@media(max-width:900px){.scroll-step-button,body.scroll-step-has-chat .scroll-step-button{bottom:calc(90px + env(safe-area-inset-bottom))!important}}
@media(max-width:900px){.scroll-step-button{display:none!important}}