/* MY PLAN visual refinement layer. Keeps the approved brand banner intact. */
:root {
    --canvas: #f3f5f9;
    --surface: #ffffff;
    --line: #e3e8f1;
    --ink: #17243b;
    --muted: #748198;
    --blue: #4385f5;
    --navy: #17243b;
    --red: #df4654;
    --gold: #d9a83e;
    --mint: #159b76;
    --shadow: 0 12px 34px rgba(24, 38, 65, .075), 0 2px 8px rgba(24, 38, 65, .035);
    --red: #e34b5a;
    --gold: #e8b953;
}

body {
    background:
        radial-gradient(ellipse at 8% 15%, rgba(217, 168, 62, .055), transparent 26rem),
        radial-gradient(ellipse at 96% 5%, rgba(67, 133, 245, .09), transparent 32rem),
        var(--canvas);
}

.app-shell {
    background:
        radial-gradient(ellipse at 4% 28%, rgba(217, 168, 62, .045), transparent 25rem),
        radial-gradient(ellipse at 94% 14%, rgba(67, 133, 245, .065), transparent 30rem),
        var(--canvas);
}

/* The top brand bar intentionally retains its approved MY PLAN treatment. */
.workspace { gap: 18px; margin-top: 18px; }

.side-nav {
    border-color: rgba(220, 227, 239, .9);
    background: rgba(255, 255, 255, .86);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 42px rgba(27, 43, 72, .075), inset 0 1px rgba(255, 255, 255, .9);
}

.nav-caption { letter-spacing: .02em; }
.nav-item { min-height: 45px; border: 1px solid transparent; }
.nav-item:hover { transform: translateX(-2px); }
.nav-item.active {
    border-color: rgba(67, 133, 245, .12);
    background: linear-gradient(105deg, rgba(67, 133, 245, .12), rgba(67, 133, 245, .035));
    box-shadow: inset -3px 0 var(--blue), 0 5px 14px rgba(67, 133, 245, .055);
}

.nav-icon, .icon-tile, .stat-icon, .selected-item-icon {
    border: 1px solid color-mix(in srgb, currentColor 11%, transparent);
    box-shadow: inset 0 1px rgba(255, 255, 255, .75), 0 4px 12px rgba(28, 44, 75, .055);
}
.plan-icon { display: block; flex: none; }
.nav-icon .plan-icon { width: 17px; height: 17px; }
.icon-tile .plan-icon { width: 20px; height: 20px; }
.selected-item-icon .plan-icon { width: 15px; height: 15px; }
.local-counts button>span .plan-icon { width: 16px; height: 16px; }
.quick-types button>span .plan-icon { width: 18px; height: 18px; }
.metric-badge .plan-icon { width: 16px; height: 16px; }

.welcome-row {
    min-height: 104px;
    margin: 4px 0 16px;
    padding: 17px 21px;
    border: 1px solid rgba(224, 230, 240, .9);
    border-radius: 21px;
    background: linear-gradient(112deg, rgba(255,255,255,.92), rgba(249,251,255,.82));
    box-shadow: 0 10px 28px rgba(28, 44, 75, .045);
}

.welcome-row h1 { font-size: 27px; letter-spacing: -.035em; }
.welcome-row p { margin-top: 4px; }
.eyebrow { color: #7888a1; letter-spacing: .015em; }
.welcome-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.backup-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 15px; text-decoration: none; }
.backup-button:hover { color: var(--ink); text-decoration: none; }

.primary-button {
    min-height: 42px;
    border: 1px solid rgba(255,255,255,.38);
    background: linear-gradient(135deg, #4c91ff, #3476e8);
    box-shadow: 0 9px 20px rgba(58, 123, 232, .22), inset 0 1px rgba(255,255,255,.22);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.primary-button:hover { box-shadow: 0 12px 24px rgba(58, 123, 232, .28); }
.primary-button:disabled { opacity: .58; box-shadow: none; cursor: not-allowed; transform: none; }

.focus-card {
    position: relative;
    overflow: hidden;
    border-color: rgba(223, 229, 239, .95);
    border-radius: 21px;
    background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(252,253,255,.96));
    box-shadow: var(--shadow);
    padding: 21px 22px;
    transition: box-shadow .2s ease, transform .2s ease;
}
.focus-card:hover { box-shadow: 0 16px 38px rgba(24, 38, 65, .095), 0 3px 9px rgba(24, 38, 65, .035); }
.focus-main { border-top: 2px solid rgba(67,133,245,.48); }
.summary-card { border-top: 2px solid rgba(21,155,118,.42); }
.data-card { border-top: 2px solid rgba(217,168,62,.5); }
.insight-card { border-top: 2px solid rgba(144,113,233,.44); }
.insight-summary { border-top: 2px solid rgba(217,168,62,.48); }
.card-heading h2 { letter-spacing: -.015em; }
.card-heading p { color: #8591a5; }

.local-banner {
    border: 1px solid rgba(21, 155, 118, .18);
    border-radius: 14px;
    background: linear-gradient(100deg, rgba(232, 249, 242, .93), rgba(246, 252, 249, .94));
    box-shadow: 0 6px 16px rgba(21, 155, 118, .045);
}

.progress-row {
    border-color: rgba(67, 133, 245, .1);
    background: linear-gradient(100deg, #f1f6ff, #fbfcff);
}
.progress-track { height: 8px; background: #e5ebf5; }
.progress-track i { background: linear-gradient(90deg, #6aa7ff, #4385f5 62%, #d9a83e); }
.agenda-item { min-height: 76px; border-bottom-color: #edf0f5; }
.agenda-line i:not(.future) { box-shadow: 0 0 0 4px rgba(67, 133, 245, .11); }
.agenda-item:hover .agenda-content { transform: translateX(-2px); }
.agenda-content { transition: transform .18s ease; }
.agenda-title { color: var(--ink); }
.add-line { border-color: #cbd8eb; background: #f8faff; transition: .18s ease; }
.add-line:hover { border-color: var(--blue); background: #eff5ff; color: #326fcf; }

.local-counts { gap: 8px; }
.local-counts button {
    border: 1px solid #edf0f5;
    border-radius: 14px;
    background: linear-gradient(145deg, #fff, #fafbfe);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.local-counts button:hover { transform: translateY(-2px); border-color: #dce6f5; box-shadow: 0 8px 18px rgba(28,44,75,.07); }
.local-counts button>span { box-shadow: inset 0 1px rgba(255,255,255,.8), 0 4px 10px rgba(28,44,75,.06); }

.dashboard-insights {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .8fr);
    gap: 16px;
    margin-top: 16px;
}
.insight-card, .insight-summary { min-height: 250px; }
.insight-range {
    padding: 7px 10px;
    border: 1px solid #e5ebf5;
    border-radius: 10px;
    background: #f8faff;
    color: #73829a;
    font-size: 9px;
    white-space: nowrap;
}
.activity-chart {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: end;
    gap: 10px;
    min-height: 142px;
    margin: 18px 4px 0;
    padding: 0 4px 8px;
    border-bottom: 1px solid #e8edf5;
    background: repeating-linear-gradient(to top, transparent 0, transparent 34px, rgba(226,232,241,.55) 35px, transparent 36px);
}
.activity-day { display: grid; justify-items: center; align-content: end; gap: 6px; min-width: 0; height: 100%; }
.activity-bars { display: flex; align-items: end; justify-content: center; gap: 4px; width: 100%; height: 100px; }
.activity-bar { display: flex; align-items: end; width: min(13px, 35%); height: 100%; border-radius: 6px 6px 2px 2px; background: rgba(67,133,245,.09); overflow: hidden; }
.activity-bar i { display: block; width: 100%; height: var(--bar-height); min-height: 0; border-radius: inherit; }
.activity-bar.planned i { background: linear-gradient(180deg, #7eafff, #4385f5); }
.activity-bar.completed i { background: linear-gradient(180deg, #50c7a3, #159b76); }
.activity-day strong { color: #586780; font-size: 9px; font-weight: 600; }
.activity-day small { color: #8793a7; font-size: 8px; white-space: nowrap; }
.chart-legend { display: flex; justify-content: center; gap: 18px; margin-top: 12px; color: #7d899d; font-size: 9px; }
.chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.chart-legend i { width: 8px; height: 8px; border-radius: 3px; }
.legend-planned { background: #4385f5; }
.legend-completed { background: #159b76; }
.chart-empty { display: grid; justify-items: center; align-content: center; gap: 5px; min-height: 165px; color: #75839a; text-align: center; }
.chart-empty-mark { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 3px; border-radius: 13px; background: #f2efff; color: #9071e9; font-size: 21px; }
.chart-empty strong { color: #4d5c75; font-size: 12px; }
.chart-empty small { color: #8995a8; font-size: 9px; }
.weekly-metrics { display: grid; gap: 9px; margin-top: 18px; }
.weekly-metric { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border: 1px solid #edf0f5; border-radius: 13px; background: linear-gradient(100deg,#fff,#fafbfe); }
.weekly-metric>div { display: flex; flex: 1; align-items: baseline; justify-content: space-between; gap: 8px; }
.weekly-metric strong { color: #263550; font-size: 14px; }
.weekly-metric strong small { color: #8a96a8; font-size: 8px; font-weight: 500; }
.weekly-metric div>small { color: #7f8ba0; font-size: 9px; }
.metric-badge { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 11px; font-size: 14px; }
.metric-badge.blue { color: #4385f5; background: #edf4ff; }
.metric-badge.mint { color: #159b76; background: #e9f8f2; }
.metric-badge.gold { color: #b88628; background: #fff5df; }
.insight-footnote { margin: 12px 1px 0; color: #8b96a8; font-size: 8px; line-height: 1.8; }

.list-card { min-height: 520px; }
.list-card > .card-heading { padding-bottom: 15px; border-bottom: 1px solid #edf0f5; }
.list-tools { box-shadow: inset 0 1px rgba(255,255,255,.8); }
.saved-list { display: grid; gap: 9px; margin-top: 15px; }
.saved-item { display: flex; align-items: center; gap: 11px; padding: 13px 14px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.saved-item:hover { transform: translateY(-1px); }
.saved-main { min-width: 0; flex: 1; }
.saved-title { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; color: #25344e; font-size: 12px; font-weight: 700; }
.saved-main p { margin: 5px 0 0; color: #818da1; font-size: 10px; line-height: 1.75; }
.saved-date { flex: none; color: #75839a; font-size: 9px; white-space: nowrap; }
.edit-item, .delete-item { min-height: 32px; border-radius: 9px; transition: .16s ease; }
.delete-item { border: 1px solid #f0dfe2; background: #fff7f8; color: #d4505d; }
.delete-item:hover { border-color: #e8aab0; background: #fff0f2; }
.item-check { flex: none; width: 28px; height: 28px; border-radius: 9px; border-color: #dce5f1; color: #7f8da4; }
.item-check.checked { border-color: #b9e8d8; background: #e8f8f1; color: #159b76; }
.path-box { overflow-wrap: anywhere; border: 1px solid #e8edf4; border-radius: 11px; background: #f8faff; color: #66758d; padding: 10px 11px; font-size: 9px; }
.small-muted { color: #8793a7; font-size: 9px; line-height: 1.8; }

.list-tools { background: linear-gradient(110deg, #f8faff, #fbfcfe); }
.search-box:focus-within { border-color: rgba(67,133,245,.62); box-shadow: 0 0 0 4px rgba(67,133,245,.1); }
.list-tools select, .search-box { border-color: #dfe6f0; }
.saved-item { border-color: #e8edf4; border-radius: 15px; background: linear-gradient(110deg,#fff,#fcfdff); }
.saved-item:hover { border-color: #cfdbed; box-shadow: 0 8px 20px rgba(28,44,75,.055); }

.planner-toolbar { border-bottom-color: #e9edf4; }
.quiet-button, .planner-toolbar select, .list-tools select {
    border: 1px solid #dfe6f0;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.quiet-button:hover, .planner-toolbar select:hover { border-color: #b8c9e4; background: #f8faff; }
.calendar-day, .week-day, .year-month { box-shadow: 0 3px 10px rgba(25,41,69,.025); }
.calendar-day:hover, .year-month:hover { box-shadow: 0 8px 18px rgba(25,41,69,.08); }
.calendar-day.selected, .week-day.selected { box-shadow: inset 0 0 0 1px var(--blue), 0 7px 18px rgba(67,133,245,.11); }
.calendar-day {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 78px;
    padding: 9px 10px 8px;
    border-color: #e4eaf3;
    background: linear-gradient(145deg,#fff,#fbfcff);
}
.calendar-day-number { display: grid; place-items: center; min-width: 29px; height: 29px; border-radius: 10px; color: #26344e; font-size: 12px; font-weight: 700; }
.calendar-day.today > .calendar-day-number { background: linear-gradient(140deg,#1a2944,#293b5d); color: #fff; box-shadow: 0 4px 10px rgba(23,36,59,.16); }
.calendar-day.today > .day-markers { display: flex; place-items: initial; width: auto; height: auto; border-radius: 0; background: transparent; color: inherit; }
.calendar-day.outside-month .calendar-day-number { color: #aeb8c8; }
.day-markers, .week-markers { display: flex; align-items: center; gap: 4px; min-height: 8px; }
.day-markers { position: absolute; right: 11px; bottom: 9px; }
.day-marker { display: block; flex: none; width: 7px; height: 7px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(255,255,255,.78); }
.day-marker.task { background: #4385f5; }
.day-marker.habit { background: #159b76; }
.day-marker.goal { background: #d9a83e; }
.day-marker.event { background: #df5967; }
.day-marker.reminder { background: #ba8c31; }
.day-marker.note { background: #9071e9; }
.week-day { position: relative; align-content: center; justify-items: center; gap: 8px; padding-bottom: 18px; }
.week-day > span:first-child { color: #79869b; }
.week-day strong { color: #25334d; }
.week-day.today strong { display: grid; place-items: center; min-width: 29px; height: 29px; border-radius: 10px; background: linear-gradient(140deg,#1a2944,#293b5d); color: #fff; }
.week-markers { position: absolute; bottom: 9px; left: 50%; transform: translateX(-50%); }
.year-month { position: relative; overflow: hidden; min-height: 112px; border-color: #e4eaf3; background: linear-gradient(145deg,#fff,#fbfcff); }
.year-month strong { color: #25334d; }
.year-month-meter { display: block; width: 100%; height: 5px; margin-top: auto; overflow: hidden; border-radius: 9px; background: #edf1f7; }
.year-month-meter b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#4385f5,#d9a83e); }
.selected-day-panel { background: linear-gradient(150deg, #f8faff, #f4f7fc); }
.selected-item { box-shadow: 0 3px 10px rgba(25,41,69,.035); }

.modal-backdrop { background: rgba(14, 24, 42, .58); backdrop-filter: blur(10px); }
.quick-modal {
    width: min(560px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(255,255,255,.82);
    background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(248,250,255,.98));
    box-shadow: 0 32px 100px rgba(11, 21, 39, .31);
}
.quick-modal::-webkit-scrollbar { width: 8px; }
.quick-modal::-webkit-scrollbar-thumb { border-radius: 8px; background: #b9c7dc; }
.quick-types { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media(max-width:720px) { .modal-backdrop { padding:12px; align-items:start; overflow-y:auto; } .quick-modal { width:100%; max-height:calc(100vh - 24px); margin-top:4px; padding:18px; } .quick-types { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.quick-types button { transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.quick-types button:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--blue) 30%, white); }
.quick-types button.selected { border-color: rgba(67,133,245,.5); background: linear-gradient(145deg,#f1f6ff,#fff); box-shadow: 0 6px 16px rgba(67,133,245,.1); color: var(--ink); }
.quick-label input, .quick-label textarea, .quick-label select { border-color: #dce4ef; border-radius: 12px; }
.quick-label textarea { min-height: 78px; resize: vertical; padding: 12px 13px; font: inherit; }
.quick-label input:focus, .quick-label textarea:focus, .quick-label select:focus { border-color: #6da1ff; box-shadow: 0 0 0 4px rgba(67,133,245,.11); outline: 0; }
.close-button:hover { background: #f1f6ff; border-color: #cfddf2; color: #3977d9; }

button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid rgba(67, 133, 245, .3);
    outline-offset: 2px;
}

.theme-dark {
    --canvas: #121a29;
    --surface: #1d2739;
    --line: #344158;
    --ink: #eef3fb;
    --muted: #a8b4c8;
    --shadow: 0 14px 36px rgba(0,0,0,.23), 0 2px 8px rgba(0,0,0,.14);
    background:
        radial-gradient(ellipse at 8% 18%, rgba(217, 168, 62, .045), transparent 27rem),
        radial-gradient(ellipse at 94% 8%, rgba(67, 133, 245, .1), transparent 32rem),
        var(--canvas);
}
.theme-dark .backup-button { color: #dce6f4; }
.theme-dark .side-nav { background: rgba(29,39,57,.9); border-color: #344158; }
.theme-dark .welcome-row, .theme-dark .focus-card { background: linear-gradient(145deg, rgba(29,39,57,.98), rgba(26,36,53,.98)); border-color: #344158; }
.theme-dark .welcome-row p, .theme-dark .card-heading p { color: #a8b4c8; }
.theme-dark .nav-item.active { background: linear-gradient(105deg, rgba(67,133,245,.2), rgba(67,133,245,.07)); border-color: rgba(100,155,245,.16); }
.theme-dark .local-banner { background: linear-gradient(100deg,#1d342f,#202e35); border-color: #285b4b; color: #c6e9dc; }
.theme-dark .progress-row, .theme-dark .list-tools { background: linear-gradient(100deg,#202d43,#1d2739); border-color: #344158; }
.theme-dark .progress-track { background: #344158; }
.theme-dark .local-counts button, .theme-dark .saved-item { background: linear-gradient(145deg,#202b3e,#1b2536); border-color: #344158; color: var(--ink); }
.theme-dark .saved-title, .theme-dark .agenda-title { color: var(--ink); }
.theme-dark .agenda-item { border-color: #344158; }
.theme-dark .add-line { background: #202b3e; border-color: #465874; color: #b9c8df; }
.theme-dark .add-line:hover { background: #253750; border-color: #5a8fe5; }
.theme-dark .quiet-button, .theme-dark .planner-toolbar select, .theme-dark .list-tools select { background: #202b3e; border-color: #3a4962; color: #e8eef8; }
.theme-dark .quiet-button:hover, .theme-dark .planner-toolbar select:hover { background: #293750; }
.theme-dark .selected-day-panel { background: linear-gradient(150deg,#192335,#182233); }
.theme-dark .calendar-day { border-color: #344158; background: linear-gradient(145deg,#202b3e,#1b2536); }
.theme-dark .calendar-day-number, .theme-dark .week-day strong, .theme-dark .year-month strong { color: #e5ebf5; }
.theme-dark .calendar-day.today > .calendar-day-number, .theme-dark .week-day.today strong { background: linear-gradient(140deg,#3d5e91,#304768); color: #fff; }
.theme-dark .calendar-day.outside-month .calendar-day-number, .theme-dark .week-day > span:first-child { color: #8795aa; }
.theme-dark .day-marker { box-shadow: 0 0 0 2px #1d2739; }
.theme-dark .year-month { border-color: #344158; background: linear-gradient(145deg,#202b3e,#1b2536); }
.theme-dark .year-month-meter { background: #354158; }
.theme-dark .quick-modal { background: linear-gradient(145deg,#202b3e,#192335); border-color: #3a4962; }
.theme-dark .quick-types button, .theme-dark .quick-label input, .theme-dark .quick-label textarea, .theme-dark .quick-label select { background: #182235; border-color: #3a4962; color: #edf2fa; }
.theme-dark .quick-types button.selected { background: #263750; border-color: #5a8fe5; }
.theme-dark .search-box { background: #182235; border-color: #3a4962; }
.theme-dark .search-box input { color: #edf2fa; }
.theme-dark .insight-range { background: #202b3e; border-color: #3a4962; color: #afbdd2; }
.theme-dark .activity-chart { border-color: #344158; background: repeating-linear-gradient(to top, transparent 0, transparent 34px, rgba(65,79,103,.55) 35px, transparent 36px); }
.theme-dark .activity-bar { background: rgba(110,139,184,.13); }
.theme-dark .activity-day strong, .theme-dark .chart-empty strong, .theme-dark .weekly-metric strong { color: #dfe7f3; }
.theme-dark .activity-day small, .theme-dark .chart-empty, .theme-dark .chart-empty small, .theme-dark .insight-footnote { color: #a5b2c6; }
.theme-dark .weekly-metric { background: linear-gradient(100deg,#202b3e,#1b2536); border-color: #344158; }
.theme-dark .list-card > .card-heading { border-color: #344158; }
.theme-dark .saved-title, .theme-dark .weekly-metric strong { color: #e3ebf6; }
.theme-dark .saved-main p, .theme-dark .saved-date, .theme-dark .small-muted { color: #a5b2c6; }
.theme-dark .path-box { border-color: #344158; background: #182235; color: #b6c3d7; }
.theme-dark .delete-item { border-color: #593940; background: #35252d; color: #f28d98; }

.archive-page, .domain-page { padding: 24px; }
.archive-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 20px; }
.archive-list, .reminder-groups, .health-trend { display: grid; gap: 12px; }
.archive-list > h3, .reminder-groups > h3, .health-trend > h3, .section-subhead { margin: 12px 0 4px; font-size: 15px; }
.archive-list > h3 span { color: var(--muted); font-size: 12px; }
.domain-page-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.domain-page-heading h2 { margin:0 0 5px; }.domain-page-heading p { margin:0; color:var(--muted); font-size:12px; }
.domain-metrics, .health-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0; }
.domain-metrics > div, .health-summary > div { display:grid; gap:5px; padding:16px; border:1px solid var(--line); border-radius:15px; background:var(--surface); }
.domain-metrics strong, .health-summary strong { font-size:22px; color:var(--ink); }.domain-metrics span, .health-summary span { color:var(--muted); font-size:11px; }
.health-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--muted); font-size:12px; }.health-toolbar label { display:flex; align-items:center; gap:10px; }
.health-toolbar select { border:1px solid var(--line); border-radius:10px; padding:8px 12px; background:var(--surface); color:var(--ink); }
.health-bars { min-height:170px; display:flex; align-items:end; justify-content:space-around; gap:8px; padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.health-day { height:130px; flex:1; display:flex; flex-direction:column; justify-content:end; align-items:center; gap:8px; min-width:0; }.health-bar { display:block; width:min(22px,75%); min-height:6px; border-radius:8px 8px 3px 3px; background:linear-gradient(180deg,#a98bff,#6d63e9); }.health-bar[data-empty="true"] { opacity:.14; height:4px!important; }.health-day small { color:var(--muted); font-size:9px; white-space:nowrap; }
@media(max-width:760px){.archive-columns{grid-template-columns:1fr}.domain-metrics,.health-summary{gap:7px}.domain-metrics>div,.health-summary>div{padding:11px}.domain-page,.archive-page{padding:16px}.domain-page-heading{align-items:flex-start;flex-direction:column}}
.finance-page{display:grid;gap:16px}.finance-page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 3px}.finance-page-heading h2{margin:0;font-size:22px}.finance-page-heading span{color:var(--muted);font-size:12px}.finance-actions{display:flex;gap:9px}
.finance-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.finance-metric-grid article{min-width:0;display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.finance-metric-grid article:nth-child(1){border-color:#9ddbc5;background:#e9f8f1;color:#178c69}.finance-metric-grid article:nth-child(2){border-color:#f2b1bd;background:#fff0f2;color:#cf405b}.finance-metric-grid article:nth-child(3){border-color:#f2ca8b;background:#fff5e8;color:#bd7b1d}.finance-metric-grid article:nth-child(4){border-color:#cbb6f3;color:#8557c8}.finance-metric-grid article:nth-child(5),.finance-metric-grid article:nth-child(6){border-color:#a9c9ff;background:#edf4ff;color:#347bd5}.finance-metric-grid span{font-size:11px;opacity:.8}.finance-metric-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.finance-content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:16px}.finance-flow-card,.finance-transactions,.finance-accounts{padding:20px}.finance-flow-card h3,.finance-accounts h3{margin:0 0 15px}.finance-flow-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px;color:var(--muted);font-size:11px}.finance-flow-legend span{display:flex;align-items:center;gap:6px}.finance-flow-legend i{width:8px;height:8px;border-radius:50%;background:#4388e8}.finance-flow-legend i.expense{background:#d3445a}.finance-flow-legend i.savings{background:#8759ca}.finance-flow-legend i.debt{background:#8d61cb}.finance-flow-legend i.bill{background:#df941f}
.finance-flow-bars{display:grid;gap:17px}.finance-flow-bars>div{display:grid;grid-template-columns:75px minmax(40px,1fr) 100px;align-items:center;gap:10px;font-size:11px}.finance-flow-bars>div>span{color:var(--muted)}.finance-flow-bars>div>strong{text-align:left;font-size:11px}.finance-flow-track{display:block;height:12px;overflow:hidden;border-radius:99px;background:var(--canvas)}.finance-flow-track b{display:block;height:100%;min-width:3px;border-radius:inherit;background:#4388e8}.finance-flow-track b.expense{background:#d3445a}.finance-flow-track b.savings{background:#8759ca}.finance-flow-track b.debt{background:#8d61cb}.finance-flow-track b.bill{background:#df941f}
.finance-transactions .card-heading{display:flex;justify-content:space-between;align-items:center}.finance-transactions .card-heading h3{margin:0}.finance-row,.finance-accounts article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}.finance-row>div,.finance-accounts article>div{display:grid;gap:4px}.finance-row strong,.finance-accounts strong{font-size:12px}.finance-row small,.finance-accounts small{font-size:10px;color:var(--muted)}.finance-row .income{color:#148d68}.finance-row .expense{color:#cf405b}.finance-accounts article{grid-template-columns:minmax(0,1fr) minmax(120px,auto) auto;padding:12px 15px;border:0;border-radius:12px;background:var(--canvas);margin-top:7px}.theme-dark .finance-metric-grid article:nth-child(n){background:var(--surface)}
@media(max-width:1000px){.finance-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-content-grid{grid-template-columns:1fr}}@media(max-width:600px){.finance-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-page-heading{align-items:flex-start;flex-direction:column}.finance-row{grid-template-columns:minmax(0,1fr) auto}.finance-row button{grid-column:1/-1;justify-self:start}.finance-flow-bars>div{grid-template-columns:58px minmax(30px,1fr) 75px;gap:7px}}
.theme-dark .item-check.checked { border-color: #285b4b; background: #1d342f; color: #79d5b4; }
.theme-dark .weekly-metric div>small { color: #a5b2c6; }
.theme-dark .chart-empty-mark { background: #302b48; color: #b6a3ff; }

.finance-overview, .health-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.domain-insights { grid-template-columns: repeat(2,minmax(0,1fr)); }
.domain-insight { min-height: 218px; }
.domain-score { display: flex; align-items: center; gap: 17px; margin: 20px 4px 14px; }
.habit-ring-large { flex: none; width: 82px; height: 82px; border-radius: 50%; background: radial-gradient(closest-side,#fff 78%,transparent 81%),conic-gradient(#20aa7d calc(var(--score)*1%),#e8f4ef 0); box-shadow: 0 5px 14px rgba(21,155,118,.1); }
.habit-ring-large strong { color: #188d6c; font-size: 17px; }
.habit-ring-large small { color: #849286; font-size: 8px; }
.score-copy { flex: 1; min-width: 0; }
.score-copy > strong { color: #2f3c53; font-size: 11px; }
.score-copy p { margin: 5px 0 10px; color: #8591a4; font-size: 9px; line-height: 1.8; }
.score-track { height: 7px; overflow: hidden; border-radius: 10px; background: #edf1f6; }
.score-track i { display: block; height: 100%; border-radius: inherit; transition: width .35s ease; }
.habit-score-bar { background: linear-gradient(90deg,#69cfaa,#159b76); }
.goal-score-bar { background: linear-gradient(90deg,#f3d17f,#d3a33e); }
.domain-mini-stats { display: flex; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px solid #edf0f5; color: #7d899d; font-size: 9px; }
.domain-mini-stats b { color: #26354e; font-size: 12px; }
.goal-overview { display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 15px; margin: 22px 4px 14px; }
.goal-total { display: grid; justify-items: center; gap: 3px; padding: 11px 7px; border: 1px solid #f0e6cd; border-radius: 14px; background: linear-gradient(145deg,#fff9eb,#fff); }
.goal-total strong { color: #bd882a; font-size: 20px; }
.goal-total span,.goal-progress-copy span { color: #8691a4; font-size: 9px; }
.goal-progress-copy { display: grid; gap: 8px; }
.goal-progress-copy strong { color: #344158; font-size: 11px; }
.next-goal { display: flex; align-items: center; gap: 10px; padding: 10px 11px; border: 1px solid #f0eadb; border-radius: 13px; background: linear-gradient(110deg,#fffaf0,#fff); }
.next-goal-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: #fff1cf; color: #ba882d; }
.next-goal > div { display: grid; min-width: 0; gap: 2px; }
.next-goal small,.next-goal span:not(.next-goal-icon) { color: #8994a6; font-size: 8px; }
.next-goal strong { overflow: hidden; color: #344158; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.domain-empty { padding: 14px; border: 1px dashed #e4e9f1; border-radius: 12px; color: #8a95a7; font-size: 10px; text-align: center; }
.health-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.finance-metric, .health-overview article { display: grid; gap: 8px; min-width: 0; padding: 15px 16px; border: 1px solid #e6ebf3; border-radius: 16px; background: linear-gradient(145deg,#fff,#f8faff); box-shadow: 0 7px 20px rgba(25,41,69,.045); }
.finance-metric > span, .health-overview article > span { color: #7c899e; font-size: 10px; font-weight: 600; }
.finance-metric strong, .health-overview article strong { overflow-wrap: anywhere; color: #202e47; font-size: 17px; font-weight: 800; }
.finance-metric small, .health-overview article small { color: #8794a7; font-size: 9px; font-weight: 500; }
.finance-metric.income { border-top: 2px solid #24ae83; }
.finance-metric.expense { border-top: 2px solid #e35c69; }
.finance-metric.savings { border-top: 2px solid #4385f5; }
.finance-metric.debt { border-top: 2px solid #d9a83e; }
.finance-flow { display: grid; gap: 11px; margin: 14px 2px 20px; padding: 16px 18px; border: 1px solid #e7ecf4; border-radius: 17px; background: linear-gradient(120deg,#f8faff,#fff); }
.finance-flow-row { display: grid; grid-template-columns: 80px minmax(40px,1fr) minmax(90px,auto); align-items: center; gap: 12px; color: #69788e; font-size: 10px; }
.finance-flow-row strong { color: #33425b; font-size: 10px; text-align: left; white-space: nowrap; }
.finance-flow-track { height: 8px; overflow: hidden; border-radius: 20px; background: #e9eef6; }
.finance-flow-track i { display: block; height: 100%; border-radius: inherit; transition: width .35s ease; }
.finance-flow-track i.income { background: linear-gradient(90deg,#6ad0aa,#159b76); }
.finance-flow-track i.expense, .finance-flow-track i.bill { background: linear-gradient(90deg,#ff9ba3,#df5967); }
.finance-flow-track i.savings { background: linear-gradient(90deg,#86b5ff,#4385f5); }
.finance-flow-track i.debt { background: linear-gradient(90deg,#f0ce79,#c89129); }
.finance-trend-card { margin:18px 0 22px; padding:18px 20px 15px; border:1px solid #e5eaf2; border-radius:17px; background:linear-gradient(145deg,#fbfcff,#f6f8fc); }
.finance-trend-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:17px; }
.finance-trend-heading h3 { margin:0; color:#273650; font-size:14px; font-weight:800; }
.finance-trend-heading p { margin:4px 0 0; color:#8290a5; font-size:10px; }
.finance-trend-heading>span { padding:6px 9px; border:1px solid #e7ebf3; border-radius:9px; color:#718099; background:#fff; font-size:9px; white-space:nowrap; }
.finance-trend-chart { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; align-items:end; min-height:156px; padding:8px 4px 0; border-bottom:1px solid #dfe5ee; background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#e9edf4 38px,#e9edf4 39px); }
.finance-trend-month { display:flex; min-width:0; height:145px; flex-direction:column; justify-content:flex-end; align-items:center; gap:8px; }
.finance-trend-bars { display:flex; height:112px; width:100%; align-items:flex-end; justify-content:center; gap:3px; }
.finance-trend-bars i { display:block; width:min(12px,15%); min-height:0; border-radius:4px 4px 1px 1px; transition:height .25s ease; }
.finance-trend-bars i.income,.finance-trend-legend i.income { background:#25ad83; }
.finance-trend-bars i.expense,.finance-trend-legend i.expense { background:#e35d6a; }
.finance-trend-bars i.savings,.finance-trend-legend i.savings { background:#4b8df2; }
.finance-trend-bars i.debt,.finance-trend-legend i.debt { background:#d5a23b; }
.finance-trend-bars i.bill,.finance-trend-legend i.bill { background:#9a78df; }
.finance-trend-month strong { max-width:100%; overflow:hidden; color:#687890; font-size:9px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.finance-trend-legend { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 17px; margin-top:14px; color:#78869b; font-size:9px; }
.finance-trend-legend span { display:flex; align-items:center; gap:5px; }
.finance-trend-legend i { width:8px; height:8px; border-radius:3px; }
.theme-dark .finance-trend-card { border-color:#344158; background:linear-gradient(145deg,#202b3e,#1b2536); }
.theme-dark .finance-trend-heading h3 { color:#edf1f8; }
.theme-dark .finance-trend-heading>span { border-color:#3b4960; background:#1b2536; color:#b5c1d3; }
.theme-dark .finance-trend-chart { border-bottom-color:#4a586d; background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#344158 38px,#344158 39px); }
@media(max-width:650px) { .finance-trend-card { padding:15px 11px; }.finance-trend-chart { gap:3px; }.finance-trend-bars { gap:2px; }.finance-trend-bars i { width:min(8px,16%); }.finance-trend-month strong { font-size:8px; } }

/* Settings, richer local profile, and health insights. */
.settings-page { min-height:520px; }
.settings-hero { display:flex; align-items:center; gap:13px; padding:4px 2px 20px; border-bottom:1px solid var(--line); }
.settings-hero h2 { margin:0; color:var(--ink); font-size:19px; font-weight:800; }
.settings-hero p { margin:4px 0 0; color:var(--muted); font-size:11px; }
.settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin-top:17px; }
.settings-group { min-width:0; padding:17px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.settings-group h3,.health-recent h3 { margin:0 0 13px; color:var(--ink); font-size:13px; font-weight:800; }
.profile-button .profile-brand-image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.profile-button:has(.profile-brand-image) { padding: 2px; overflow: hidden; }
.recycle-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.recycle-actions .delete-item { min-height: 40px; padding: 0 14px; border-radius: 12px; }
.confirmation-backdrop { z-index: 1000; align-items: center; }
.quick-modal.confirmation-modal { position: relative; width: min(440px, 100%); padding: 30px; text-align: right; }
.confirmation-close { position: absolute; top: 20px; left: 20px; }
.confirmation-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 16px; border: 1px solid #f6c7cb; border-radius: 18px; background: linear-gradient(145deg,#fff3f2,#ffe3e7); color: #d64d61; }
.confirmation-archive .confirmation-icon { border-color: #f1d89f; background: linear-gradient(145deg,#fff9e9,#ffedc8); color: #b67b1e; }
.confirmation-eyebrow { color: var(--muted); font-size: 12px; font-weight: 700; }
.confirmation-modal h2 { margin: 3px 0 12px; color: var(--ink); font-size: 21px; }
.confirmation-modal p { margin: 0; color: var(--ink); line-height: 1.9; overflow-wrap: anywhere; }
.confirmation-note { margin-top: 15px; padding: 11px 14px; border: 1px solid #f4dadd; border-radius: 12px; background: #fff6f6; color: #95545b; font-size: 12px; line-height: 1.8; }
.confirmation-archive .confirmation-note { border-color: #f2e1be; background: #fffaf0; color: #86682e; }
.confirmation-actions { display: flex; justify-content: flex-start; gap: 9px; margin-top: 22px; }
.confirmation-actions button { min-height: 43px; padding: 0 19px; }
.confirmation-delete .confirmation-submit { background: linear-gradient(135deg,#e96876,#cb4058); box-shadow: 0 8px 18px #d44d6238; }
.confirmation-archive .confirmation-submit { background: linear-gradient(135deg,#d8ad52,#b88222); box-shadow: 0 8px 18px #bc8a3438; }
.theme-dark .confirmation-note { background: #3c2933; border-color: #704753; color: #f4bfc6; }
.theme-dark .confirmation-archive .confirmation-note { background: #3c3324; border-color: #6a5935; color: #f0d69c; }
@media(max-width: 480px) { .quick-modal.confirmation-modal { padding: 24px; } .confirmation-actions { display: grid; grid-template-columns: 1fr 1fr; } }
.settings-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:62px; border-bottom:1px solid var(--line); }
.settings-row:last-of-type { border-bottom:0; }
.settings-row>span { display:grid; gap:3px; }
.settings-row strong { color:var(--ink); font-size:11px; }
.settings-row small { color:var(--muted); font-size:9px; }
.settings-row select,.health-analytics-head select { min-width:112px; padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); }
.settings-status { padding:5px 9px; border-radius:9px; background:#eaf8f2; color:#17805f; font-size:10px; }
.settings-path { overflow:hidden; margin-top:12px; text-overflow:ellipsis; }
.settings-export { margin-top:13px; text-decoration:none; }
.settings-note { margin:11px 0 0; color:var(--muted); font-size:10px; line-height:1.8; }
.health-analytics { margin:18px 0; padding:18px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,var(--surface),var(--canvas)); }
.health-analytics-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }
.health-analytics-head h3 { margin:0; color:var(--ink); font-size:14px; }
.health-analytics-head p { margin:4px 0 0; color:var(--muted); font-size:10px; }
.health-trend-chart { display:grid; grid-template-columns:repeat(14,minmax(0,1fr)); align-items:end; gap:7px; min-height:170px; padding:14px 6px 0; border-bottom:1px solid var(--line); background:repeating-linear-gradient(to top,transparent 0,transparent 38px,color-mix(in srgb,var(--line) 72%,transparent) 39px,color-mix(in srgb,var(--line) 72%,transparent) 40px); }
.health-trend-point { display:flex; min-width:0; height:155px; flex-direction:column; align-items:center; justify-content:flex-end; gap:6px; }
.health-trend-point>i { display:block; width:min(20px,65%); min-height:0; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,#88a9f7,#6282d6); }
.health-point-value { min-height:12px; color:var(--muted); font-size:8px; }
.health-trend-point small { padding-bottom:6px; color:var(--muted); font-size:8px; white-space:nowrap; }
.health-recent { margin-top:22px; }
.profile-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.font-scale-medium { zoom:1.08; }
.font-scale-large { zoom:1.16; }
.theme-dark .settings-group,.theme-dark .health-analytics { border-color:#344158; background:linear-gradient(145deg,#202b3e,#1b2536); }
.theme-dark .settings-row { border-color:#344158; }
.theme-dark .settings-status { background:#1d493d; color:#80d1b0; }
@media(max-width:720px) { .settings-grid { grid-template-columns:1fr; }.health-analytics { padding:14px 9px; }.health-trend-chart { gap:2px; }.health-trend-point small { font-size:7px; transform:rotate(-35deg); transform-origin:top center; }.health-point-value { font-size:7px; } }
.saved-value, .selected-item-value { color: #25866c; font-weight: 700; }
.day-marker.finance { background: #159b76; }
.day-marker.health { background: #df5967; }
.theme-dark .finance-metric, .theme-dark .health-overview article { border-color: #344158; background: linear-gradient(145deg,#202b3e,#1b2536); }
.theme-dark .finance-metric strong, .theme-dark .health-overview article strong { color: #e6edf7; }
.theme-dark .finance-flow { border-color: #344158; background: linear-gradient(120deg,#202b3e,#1b2536); }
.theme-dark .finance-flow-row { color: #adbad0; }
.theme-dark .finance-flow-row strong { color: #dce5f2; }
.theme-dark .finance-flow-track { background: #344158; }
.theme-dark .saved-value, .theme-dark .selected-item-value { color: #71d2b3; }
.theme-dark .habit-ring-large { background: radial-gradient(closest-side,#202b3e 78%,transparent 81%),conic-gradient(#20aa7d calc(var(--score)*1%),#31443f 0); }
.theme-dark .habit-ring-large strong { color: #75d8ba; }
.theme-dark .score-copy > strong, .theme-dark .goal-progress-copy strong, .theme-dark .domain-mini-stats b, .theme-dark .next-goal strong { color: #e6edf7; }
.theme-dark .domain-mini-stats { border-color: #344158; color: #a5b2c6; }
.theme-dark .score-track { background: #344158; }
.theme-dark .goal-total, .theme-dark .next-goal { border-color: #4d4531; background: linear-gradient(110deg,#302b20,#252b37); }
.theme-dark .domain-empty { border-color: #344158; color: #a5b2c6; }

@media (max-width: 720px) {
    .welcome-row { min-height: 88px; padding: 13px 14px; border-radius: 17px; }
    .welcome-row h1 { font-size: 22px; }
    .welcome-actions { width: 100%; }
    .welcome-actions > * { flex: 1 1 auto; }
    .focus-card { padding: 16px; border-radius: 18px; }
    .side-nav { background: rgba(255,255,255,.94); backdrop-filter: blur(20px); }
    .theme-dark .side-nav { background: rgba(29,39,57,.96); }
    .local-banner { align-items: flex-start; flex-wrap: wrap; }
    .quick-modal { max-height: calc(100dvh - 24px); overflow: auto; padding: 18px; border-radius: 19px; }
    .dashboard-insights { grid-template-columns: 1fr; gap: 12px; margin-top: 12px; }
    .insight-card, .insight-summary { min-height: 0; }
    .list-card { min-height: 390px; }
    .saved-item { align-items: flex-start; flex-wrap: wrap; }
    .saved-main { flex-basis: calc(100% - 44px); }
    .saved-date { margin-right: 38px; }
    .activity-chart { gap: 5px; min-height: 126px; }
    .activity-bars { height: 82px; }
    .activity-day small { font-size: 7px; }
    .calendar-day { min-height: 56px; padding: 5px 6px 7px; border-radius: 10px; }
    .calendar-day-number { min-width: 25px; height: 25px; font-size: 10px; }
    .day-markers { right: 7px; bottom: 6px; gap: 3px; }
    .day-marker { width: 5px; height: 5px; }
    .week-grid { gap: 5px; }
    .week-day { min-height: 82px; gap: 5px; }
    .week-day > span:first-child { font-size: 8px; }
    .year-planner { gap: 8px; }
    .year-month { min-height: 96px; padding: 12px; }
    .finance-overview { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
    .health-overview { grid-template-columns: 1fr; gap: 8px; }
    .domain-insights { grid-template-columns: 1fr; gap: 10px; }
    .finance-metric, .health-overview article { padding: 12px; border-radius: 14px; }
    .finance-metric strong, .health-overview article strong { font-size: 14px; }
    .finance-flow { padding: 13px 11px; }
    .finance-flow-row { grid-template-columns: 52px minmax(24px,1fr) auto; gap: 7px; font-size: 9px; }
    .finance-flow-row strong { font-size: 8px; }
}

/* Refined MY PLAN identity: retain the original centered banner with a richer blue, red and gold finish. */
.brand-bar {
    height: 118px;
    border: 1px solid rgba(232, 185, 83, .76);
    background:
        radial-gradient(ellipse at 50% -95%, rgba(101, 154, 255, .32), transparent 63%),
        linear-gradient(270deg, #102b55 0%, #123b72 27%, #102b55 58%, #08162d 100%);
    box-shadow: 0 17px 36px rgba(6, 19, 42, .28), inset 0 1px 0 rgba(255,255,255,.19), inset 0 0 0 2px rgba(232,185,83,.16), inset 0 -2px 0 rgba(3,11,25,.56);
}
.brand-name {
    position: relative;
    top: -3px;
    font-size: 35px;
    letter-spacing: 1.2px;
    text-shadow: 0 3px 16px rgba(0,0,0,.42);
}
.brand-name > span { color: #f14d5c; background: none; -webkit-text-fill-color: #f14d5c; }
.brand-name > b {
    color: #e9edf5;
    background: linear-gradient(180deg, #ffffff 0%, #b8c4d8 48%, #68758b 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .55px rgba(3,10,22,.8);
}
.brand-date { top: 76px; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .15px; }
.brand-mark { border-color: rgba(232,185,83,.72); background: linear-gradient(145deg,#172847,#071226); box-shadow: 0 7px 20px rgba(0,0,0,.35),inset 0 0 0 2px rgba(232,185,83,.12); }
.theme-button, .profile-button { border-color: rgba(232,185,83,.38); background: linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045)); }
.theme-dark .brand-bar {
    border-color: rgba(232,185,83,.76);
    background: radial-gradient(ellipse at 50% -95%,rgba(101,154,255,.28),transparent 63%),linear-gradient(270deg,#102b55 0%,#123b72 27%,#102b55 58%,#08162d 100%);
}
.theme-dark .brand-name > span { color: #f14d5c; -webkit-text-fill-color: #f14d5c; }
.theme-dark .brand-name > b { background: linear-gradient(180deg,#fff 0%,#b8c4d8 48%,#68758b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.theme-dark .brand-date { color: #fff; }
.promo-card { position: relative; min-height: 148px; overflow: hidden; padding: 0; border-color: rgba(221,177,83,.38); background: #0a1830; }
.promo-card img { display: block; width: 100%; height: 154px; object-fit: cover; opacity: .88; }
.promo-card > div { position: absolute; inset: auto 0 0; display: grid; gap: 3px; padding: 12px 15px; color: #fff; background: linear-gradient(0deg,rgba(4,10,22,.94),rgba(4,10,22,.58),transparent); }
.promo-card strong { color: #f1c45d; font-size: 15px; letter-spacing: .7px; }
.promo-card span { color: #eff3fa; font-size: 12px; }
.sample-import-row { display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 0;padding:15px 17px;border:1px solid #d8e2f1;border-radius:14px;background:linear-gradient(100deg,#f4f7fc,#edf4ff); }
.sample-import-row > div { display:grid;gap:4px; }
.sample-import-row strong { color:var(--ink);font-size:14px; }
.sample-import-row span,.import-success { color:var(--muted);font-size:12px;line-height:1.8; }
.import-success { margin-top:10px;padding:12px 14px;border:1px solid #b6e2d0;border-radius:12px;background:#edf9f3;color:#18724f;font-weight:700; }
.theme-dark .sample-import-row { background:#1c293c;border-color:#34455f; }
.theme-dark .import-success { background:#19372f;border-color:#2e654f;color:#a9e4c8; }
@media (max-width: 720px) {
    .brand-bar { height: 104px; background: linear-gradient(270deg,#102b55 0%,#123b72 27%,#102b55 58%,#08162d 100%); }
    .brand-name { font-size: 27px; }
    .brand-date { top: 66px; font-size: 11px; }
    .theme-dark .brand-bar { background: linear-gradient(270deg,#102b55 0%,#123b72 27%,#102b55 58%,#08162d 100%); }
    .promo-card img { height: 132px; }
    .sample-import-row { align-items:stretch; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Final readability overrides: keep functional styling while improving text and boundaries. */
body, button, input, select, textarea { font-family: Vazirmatn, "Segoe UI", Tahoma, sans-serif; }
body { font-size: 15px; }
.nav-caption, .eyebrow { font-size: 13px; }
.nav-item { min-height: 48px; font-size: 15px; }
.nav-footer { font-size: 12px; line-height: 1.8; }
.welcome-row h1 { font-size: 30px; }
.welcome-row p { font-size: 14px; line-height: 1.9; }
.primary-button, .quiet-button, .planner-toolbar select, .list-tools select, .backup-button, .text-action, .inline-action { font-size: 14px; }
.primary-button { min-height: 46px; padding-inline: 19px; }
.focus-card { border-width: 1px; border-color: #d3dce9; }
.card-heading h2 { font-size: 18px; }
.card-heading p, .progress-copy span, .progress-percent { font-size: 13px; }
.progress-copy strong { font-size: 15px; }
.agenda-item { min-height: 82px; }
.agenda-time, .agenda-title { font-size: 15px; }
.agenda-sub, .agenda-tag { font-size: 13px; }
.add-line { min-height: 42px; font-size: 14px; }
.habit-summary strong, .reminder-box strong { font-size: 15px; }
.habit-summary p, .reminder-box p { font-size: 13px; }
.habit-ring small, .week-legend, .glance-stats small, .glance-stats em { font-size: 12px; }
.week-day, .calm-note, .page-foot { font-size: 12px; }
.quick-modal { width: min(540px, 100%); }
.modal-head h2 { font-size: 24px; }
.quick-types button, .quick-label { font-size: 14px; }
.quick-label input { min-height: 46px; font-size: 15px; }
.list-card > .card-heading { border-bottom-color: #d5deeb; }
.saved-title { font-size: 15px; }
.saved-main p { font-size: 13px; }
.saved-date, .saved-value, .small-muted, .path-box { font-size: 12px; }
.edit-item, .delete-item, .item-check { min-height: 38px; font-size: 13px; }
.list-tools select, .search-box { min-height: 44px; font-size: 14px; }
.selected-day-panel, .selected-item { border-color: #d3dce9; }
.selected-item-title, .selected-item-value { font-size: 14px; }
.selected-item-detail, .selected-day-summary { font-size: 13px; }
.calendar-day-number, .week-day strong { font-size: 15px; }
.weekday-row, .year-month strong { font-size: 14px; }
.year-month span, .insight-range { font-size: 13px; }
.activity-day strong { font-size: 13px; }
.activity-day small, .chart-legend { font-size: 12px; }
.weekly-metric strong { font-size: 16px; }
.weekly-metric div > small, .weekly-metric strong small { font-size: 12px; }
.insight-footnote, .chart-empty small, .chart-empty strong { font-size: 13px; }
.finance-metric, .finance-flow-row, .health-overview { font-size: 14px; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(53,123,237,.75); outline-offset: 3px; }
.theme-dark .welcome-row, .theme-dark .list-tools, .theme-dark .saved-item, .theme-dark .weekly-metric, .theme-dark .year-month, .theme-dark .calendar-day, .theme-dark .selected-item { background: linear-gradient(145deg,#252f42,#20293a); border-color: #3d4960; }
.theme-dark .welcome-row p, .theme-dark .card-heading p, .theme-dark .agenda-sub, .theme-dark .saved-main p, .theme-dark .saved-date, .theme-dark .small-muted, .theme-dark .nav-footer, .theme-dark .insight-footnote, .theme-dark .chart-empty small { color: #b9c4d7; }
.theme-dark .agenda-title, .theme-dark .saved-title, .theme-dark .weekly-metric strong, .theme-dark .calendar-day-number, .theme-dark .year-month strong { color: #f0f4fb; }
.theme-dark .focus-card { border-color: #39455b; }
.theme-dark .focus-card:hover { border-color: #53627c; }
@media (max-width: 720px) {
    .nav-item { font-size: 10px; }
    .welcome-row h1 { font-size: 24px; }
    .welcome-row p { font-size: 12px; }
    .primary-button, .quiet-button { font-size: 13px; }
    .card-heading h2 { font-size: 16px; }
    .agenda-title, .agenda-time { font-size: 14px; }
    .agenda-sub { font-size: 12px; }
}
.selected-day-heading h3 { font-size: 17px; }
.day-total { font-size: 13px; }
.selected-item-copy > strong { font-size: 15px; }
.selected-item-meta span, .selected-item-time { font-size: 12px; }
.selected-item-copy p, .empty-state { font-size: 14px; line-height: 1.9; }
.finance-metric > span, .health-overview article > span { font-size: 13px; }
.finance-metric strong, .health-overview article strong { font-size: 19px; }
.finance-metric small, .health-overview article small { font-size: 12px; }
.finance-flow-row { font-size: 13px; }
.finance-flow-row strong { font-size: 12px; }
.brand-bar {
    color: #f7f8fc;
    border: 1px solid rgba(255,255,255,.2);
    background:
        radial-gradient(ellipse at 50% -85%, rgba(117,151,216,.22), transparent 65%),
        linear-gradient(112deg, #181a21 0%, #242230 34%, #20283b 69%, #14243d 100%);
    box-shadow: 0 14px 34px rgba(15,23,40,.24), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(4,10,20,.34);
}
.brand-date { color: #f4f6fb; font-weight: 700; }
.brand-mark { border-color: rgba(255,255,255,.2); box-shadow: 0 5px 16px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.13); }
.theme-button, .profile-button { color: #f0f3fa; background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.24); box-shadow: 0 3px 10px rgba(0,0,0,.12), inset 0 1px rgba(255,255,255,.12); }
.local-banner { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding: 11px 14px; min-height: 48px; color: #256c59; font-size: 13px; line-height: 1.8; }
.local-banner > span:nth-child(2) { flex: 1 1 300px; }
.local-banner button { flex: none; border: 1px solid #c6e7da; border-radius: 10px; padding: 7px 11px; background: rgba(255,255,255,.65); color: #26785f; font-size: 12px; }
.local-counts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-top: 14px; }
.local-counts button { display: grid; grid-template-columns: 34px minmax(0,1fr); grid-template-rows: 1fr 1fr; align-items: center; column-gap: 9px; min-width: 0; min-height: 60px; padding: 9px 10px; text-align: right; }
.local-counts button > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 11px; background: color-mix(in srgb,var(--accent) 12%,white); color: var(--accent); }
.local-counts button strong { align-self: end; color: var(--ink); font-size: 16px; line-height: 1.2; }
.local-counts button small { align-self: start; color: #63718a; font-size: 12px; line-height: 1.35; }
.summary-card { min-height: 0; }
.data-card { min-height: 0; align-content: start; }
.data-card .path-box { margin-top: 15px; }
.data-card .small-muted { line-height: 1.8; }
.focus-grid { align-items: start; }
.side-stack { align-content: start; }
.section-planner { --section-accent: #795de0; --section-soft: #f2efff; }
.section-task { --section-accent: #347cf0; --section-soft: #edf4ff; }
.section-habit { --section-accent: #149a73; --section-soft: #eaf8f2; }
.section-goal { --section-accent: #bd8725; --section-soft: #fff6e4; }
.section-event { --section-accent: #dc5262; --section-soft: #fff0f2; }
.section-note { --section-accent: #805fe2; --section-soft: #f3efff; }
.section-reminder { --section-accent: #b17a17; --section-soft: #fff5df; }
.section-finance { --section-accent: #16886f; --section-soft: #eaf8f3; }
.section-health { --section-accent: #d84d65; --section-soft: #fff0f3; }
.section-import { --section-accent: #805fe2; --section-soft: #f3efff; }
.section-planner .planner-card, .section-task .list-card, .section-habit .list-card, .section-goal .list-card,
.section-event .list-card, .section-note .list-card, .section-reminder .list-card, .section-finance .list-card,
.section-health .list-card, .section-import .import-card { border-top: 3px solid var(--section-accent); }
.section-planner .planner-toolbar h2, .section-task .list-card > .card-heading h2, .section-habit .list-card > .card-heading h2,
.section-goal .list-card > .card-heading h2, .section-event .list-card > .card-heading h2, .section-note .list-card > .card-heading h2,
.section-reminder .list-card > .card-heading h2, .section-finance .list-card > .card-heading h2, .section-health .list-card > .card-heading h2 { color: var(--section-accent); }
.section-planner .nav-item.active, .section-task .nav-item.active, .section-habit .nav-item.active,
.section-goal .nav-item.active, .section-event .nav-item.active, .section-note .nav-item.active,
.section-reminder .nav-item.active, .section-finance .nav-item.active, .section-health .nav-item.active,
.section-import .nav-item.active { border-color: color-mix(in srgb,var(--section-accent) 22%,transparent); background: color-mix(in srgb,var(--section-accent) 10%,white); box-shadow: inset -3px 0 var(--section-accent), 0 5px 14px color-mix(in srgb,var(--section-accent) 8%,transparent); }
.section-task .list-card > .card-heading .icon-tile, .section-planner .planner-toolbar .primary-button { color: var(--section-accent); background: var(--section-soft); }
.theme-dark .brand-bar { color: #f7f8fc; border-color: rgba(255,255,255,.2); background: radial-gradient(ellipse at 50% -85%,rgba(117,151,216,.22),transparent 65%),linear-gradient(112deg,#181a21 0%,#242230 34%,#20283b 69%,#14243d 100%); box-shadow: 0 14px 34px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.16),inset 0 -1px rgba(4,10,20,.34); }
.theme-dark .brand-date { color: #f4f6fb; }
.theme-dark .theme-button, .theme-dark .profile-button { color: #f0f3fa; background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.24); }
.theme-dark .local-banner { background: linear-gradient(100deg,#1b3932,#203a39); color: #c8f1e3; }
.theme-dark .local-banner button { background: #233f39; border-color: #396653; color: #b9ebd6; }
.theme-dark .local-counts button small { color: #bdc8d8; }
.theme-dark .local-counts button > span { background: color-mix(in srgb,var(--accent) 22%,#1e2939); }
.theme-dark.section-planner .nav-item.active, .theme-dark.section-task .nav-item.active, .theme-dark.section-habit .nav-item.active,
.theme-dark.section-goal .nav-item.active, .theme-dark.section-event .nav-item.active, .theme-dark.section-note .nav-item.active,
.theme-dark.section-reminder .nav-item.active, .theme-dark.section-finance .nav-item.active,
.theme-dark.section-health .nav-item.active, .theme-dark.section-import .nav-item.active { background: color-mix(in srgb,var(--section-accent) 20%,#1d2739); color: #f1f4fa; }
@media (max-width: 1100px) {
    .local-counts { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 720px) {
    .brand-bar { background: linear-gradient(112deg,#181a21 0%,#242230 34%,#20283b 69%,#14243d 100%); }
    .theme-dark .brand-bar { background: linear-gradient(112deg,#181a21 0%,#242230 34%,#20283b 69%,#14243d 100%); }
    .local-counts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .local-counts button { min-height: 56px; }
    .local-banner > span:nth-child(2) { flex-basis: 100%; }
}
@media (max-width: 720px) {
    .weekday-row span { font-size: 10px; }
    .selected-day-heading h3 { font-size: 15px; }
    .selected-item-copy > strong { font-size: 14px; }
    .selected-item-meta span, .selected-item-time { font-size: 11px; }
}

/* Final brand overrides load after the legacy responsive rules. */
.brand-bar { height:118px; border:1px solid rgba(232,185,83,.76); background:radial-gradient(ellipse at 50% -95%,rgba(101,154,255,.32),transparent 63%),linear-gradient(270deg,#102b55 0%,#123b72 27%,#102b55 58%,#08162d 100%); box-shadow:0 17px 36px rgba(6,19,42,.28),inset 0 1px 0 rgba(255,255,255,.19),inset 0 0 0 2px rgba(232,185,83,.16),inset 0 -2px 0 rgba(3,11,25,.56); }
.brand-name { top:-3px; font-size:35px; letter-spacing:1.2px; text-shadow:0 3px 16px rgba(0,0,0,.42); }
.brand-name > span { color:#f14d5c; background:none; -webkit-text-fill-color:#f14d5c; }
.brand-name > b { color:#e9edf5; background:linear-gradient(180deg,#fff 0%,#b8c4d8 48%,#68758b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.55px rgba(3,10,22,.8); }
.brand-date { top:76px; color:#fff; font-size:13px; font-weight:700; letter-spacing:.15px; }
.brand-mark { border-color:rgba(232,185,83,.72);background:linear-gradient(145deg,#172847,#071226);box-shadow:0 7px 20px rgba(0,0,0,.35),inset 0 0 0 2px rgba(232,185,83,.12); }
.theme-button,.profile-button { border-color:rgba(232,185,83,.38);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045)); }
.theme-dark .brand-bar { border-color:rgba(232,185,83,.76);background:radial-gradient(ellipse at 50% -95%,rgba(101,154,255,.28),transparent 63%),linear-gradient(270deg,#102b55 0%,#123b72 27%,#102b55 58%,#08162d 100%); }
.theme-dark .brand-name > span { color:#f14d5c;-webkit-text-fill-color:#f14d5c; }
.theme-dark .brand-name > b { background:linear-gradient(180deg,#fff 0%,#b8c4d8 48%,#68758b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.theme-dark .brand-date { color:#fff; }
.promo-card { position:relative;min-height:148px;overflow:hidden;padding:0;border-color:rgba(221,177,83,.38);background:#0a1830; }
.promo-card img { display:block;width:100%;height:154px;object-fit:cover;opacity:.88; }
.promo-card > div { position:absolute;inset:auto 0 0;display:grid;gap:3px;padding:12px 15px;color:#fff;background:linear-gradient(0deg,rgba(4,10,22,.94),rgba(4,10,22,.58),transparent); }
.promo-card strong { color:#f1c45d;font-size:15px;letter-spacing:.7px; }
.promo-card span { color:#eff3fa;font-size:12px; }
.sample-import-row { display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 0;padding:15px 17px;border:1px solid #d8e2f1;border-radius:14px;background:linear-gradient(100deg,#f4f7fc,#edf4ff); }
.sample-import-row > div { display:grid;gap:4px; }
.sample-import-row strong { color:var(--ink);font-size:14px; }
.sample-import-row span,.import-success { color:var(--muted);font-size:12px;line-height:1.8; }
.import-success { margin-top:10px;padding:12px 14px;border:1px solid #b6e2d0;border-radius:12px;background:#edf9f3;color:#18724f;font-weight:700; }
.theme-dark .sample-import-row { background:#1c293c;border-color:#34455f; }
.theme-dark .import-success { background:#19372f;border-color:#2e654f;color:#a9e4c8; }
@media(max-width:720px) { .brand-bar{height:104px;background:linear-gradient(270deg,#102b55 0%,#123b72 27%,#102b55 58%,#08162d 100%)}.brand-name{font-size:27px}.brand-date{top:66px;font-size:11px}.theme-dark .brand-bar{background:linear-gradient(270deg,#102b55 0%,#123b72 27%,#102b55 58%,#08162d 100%)}.promo-card img{height:132px}.sample-import-row{align-items:stretch;flex-direction:column} }
.jalali-date-button { display:block;width:100%;margin-top:5px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);text-align:right;font:inherit;font-size:14px;font-weight:700; }
.inline-date-picker { margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 12px 30px rgba(20,35,60,.12); }
.inline-date-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px; }
.inline-date-heading strong { color:var(--ink);font-size:14px; }
.inline-date-heading button { width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--ink);font-size:18px; }
.inline-date-weekdays,.inline-date-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px; }
.inline-date-weekdays span { padding:6px 1px;text-align:center;color:var(--muted);font-size:10px;font-weight:700; }
.inline-date-grid button { min-height:35px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);font-size:12px; }
.inline-date-grid button:hover { border-color:#9cbcf2;background:#f3f7ff; }
.inline-date-grid button.outside-month { opacity:.4; }
.inline-date-grid button.selected { border-color:var(--blue);background:#eaf2ff;color:#2057b0;font-weight:800; }
.inline-date-grid button.today { box-shadow:inset 0 0 0 1px var(--gold); }
.progress-record { padding:7px 10px;border:1px solid #b7e4d1;border-radius:9px;background:#eaf8f1;color:#197653;font-size:11px;font-weight:700;white-space:nowrap; }
.progress-record:hover { background:#dff3e9; }
.theme-dark .jalali-date-button,.theme-dark .inline-date-picker { background:#1b2638;border-color:#3b4960;color:#edf1f8; }
.theme-dark .inline-date-heading button { background:#25334a;border-color:#43516a;color:#edf1f8; }
.theme-dark .inline-date-grid button.selected { background:#233a5d;color:#d9e8ff; }
.theme-dark .progress-record { background:#1b392f;border-color:#32634e;color:#a8e4c8; }
.welcome-row h1:focus { outline:none; }
.detail-modal { width:min(760px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:24px; }
.detail-description { margin:16px 0;color:var(--muted);font-size:13px;line-height:1.9; }
.detail-field-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 20px; }
.detail-field { display:grid;gap:5px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(130deg,var(--surface),var(--canvas));min-width:0; }
.detail-field span { color:var(--muted);font-size:11px; }
.detail-field strong { color:var(--ink);font-size:13px;overflow-wrap:anywhere; }
.detail-history { border-top:1px solid var(--line);padding-top:14px; }
.detail-history h3 { margin:0;font-size:16px; }
.detail-history .card-heading p { margin:4px 0 0;color:var(--muted);font-size:11px; }
.progress-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--canvas); }
.progress-form > :nth-child(3) { grid-column:1/-1; }
.progress-form > button { justify-self:start;align-self:end; }
.detail-entry-list { display:grid;gap:8px;margin:14px 0; }
.detail-entry-list article { display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1.2fr) auto;align-items:center;gap:8px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:12px; }
.detail-entry-list time { color:var(--muted); }
.detail-entry-list strong { color:#167b59; }
.detail-entry-list p { grid-column:1/-1;margin:0;color:var(--muted);white-space:pre-wrap; }
.archive-summary { margin:14px 0;padding:15px;border:1px solid #dbe5f2;border-radius:16px;background:linear-gradient(140deg,#f6f9fe,#edf4fb); }
.archive-summary h3 { margin:0;font-size:15px; }
.archive-summary .card-heading p { margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.8; }
.archive-table-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px; }
.archive-table-grid > div { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:11px; }
.archive-table-grid strong { color:#1c704f; }
.theme-dark .detail-field,.theme-dark .detail-entry-list article,.theme-dark .archive-table-grid > div { background:#202b3d;border-color:#3b4960; }
.theme-dark .archive-summary,.theme-dark .progress-form { background:#192538;border-color:#3b4960; }
@media(max-width:600px) { .detail-field-grid,.progress-form { grid-template-columns:1fr; }.progress-form > :nth-child(3){grid-column:auto}.detail-entry-list article{grid-template-columns:1fr 1fr}.detail-modal{padding:18px}.saved-item>.edit-item{font-size:10px;padding:7px 9px} }
.quick-recurrence { display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--canvas); }
.quick-recurrence .quick-label { margin:0; }
.quick-weekdays { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px; }
.quick-weekdays label { display:flex;align-items:center;justify-content:center;gap:5px;min-height:35px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:11px; }
.quick-weekdays input { accent-color:var(--mint); }
.theme-dark .quick-recurrence { background:#182335;border-color:#3b4960; }
.theme-dark .quick-weekdays label { background:#202b3d;border-color:#3b4960;color:#edf1f8; }
.brand-name > span,
.brand-name > b,
.theme-dark .brand-name > span,
.theme-dark .brand-name > b {
    color: #dce5f1;
    background: linear-gradient(180deg, #ffffff 0%, #e0e8f3 48%, #b7c5d8 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0 transparent;
    text-shadow: 0 1px 1px rgba(3, 12, 28, .56), 0 0 8px rgba(192, 214, 248, .18);
}

/* Header controls and local user profile. */
.theme-button { position:absolute; left:24px; right:auto; }
.profile-button { position:absolute; right:24px; left:auto; display:grid; place-items:center; padding:0; font-weight:800; font-size:18px; color:#eef2fa; }
.profile-person-icon { display:block; width:32px; height:32px; fill:none; stroke:#e4eaf4; stroke-width:3.1; stroke-linecap:round; stroke-linejoin:round; }
.profile-avatar-large img { width:48px; height:48px; object-fit:contain; border-radius:7px; }
.profile-modal { width:min(500px,100%); }
.profile-summary { display:flex; align-items:center; gap:14px; margin:8px 0 18px; padding:16px; border:1px solid rgba(96,142,216,.22); border-radius:16px; background:linear-gradient(120deg,rgba(89,143,235,.12),rgba(232,185,83,.09)); }
.profile-avatar-large { display:grid; place-items:center; width:56px; height:56px; flex:0 0 56px; border:1px solid rgba(232,185,83,.7); border-radius:18px; background:linear-gradient(145deg,#193763,#0b1932); box-shadow:0 8px 20px rgba(15,35,67,.18),inset 0 0 0 3px rgba(255,255,255,.06); }
.profile-summary > div:last-child { display:grid; gap:4px; }
.profile-summary strong { color:var(--ink); font-size:15px; }
.profile-summary span,.profile-local-note p { margin:0; color:var(--muted); font-size:12px; line-height:1.8; }
.profile-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:13px; }
.profile-info-grid > div { display:grid; gap:5px; padding:11px 13px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.profile-info-grid span { color:var(--muted); font-size:11px; }
.profile-info-grid strong { color:var(--ink); font-size:12px; }
.profile-local-note { display:flex; align-items:center; gap:10px; margin-top:12px; padding:12px 14px; border:1px solid var(--line); border-radius:13px; background:var(--canvas); }
.profile-local-note > span { color:#4d8cff; font-size:20px; }
.theme-dark .profile-summary { background:linear-gradient(120deg,rgba(89,143,235,.16),rgba(232,185,83,.08)); border-color:#3b4960; }
.theme-dark .profile-summary strong,.theme-dark .profile-info-grid strong { color:#edf1f8; }
.theme-dark .profile-info-grid > div,.theme-dark .profile-local-note { background:#192538; border-color:#3b4960; }
@media(max-width:720px) { .theme-button { left:13px; } .profile-button { right:13px; } }

/* Final workspace polish: centered identity, collapsible navigation and clearer actions. */
.brand-lockup { justify-content: center; width: 100%; }
.brand-copy { text-align: center; }
.brand-name { font-size: clamp(30px, 3vw, 40px); letter-spacing: 1.5px; }
.brand-date { display:block; position:static; margin-top:4px; color:#fff; font-size:14px; font-weight:700; text-align:center; }
.welcome-row { display: none; }
.quick-add-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:18px 0 14px; padding:14px 18px; border:1px solid rgba(255,255,255,.68); border-radius:18px; background:linear-gradient(120deg,rgba(255,255,255,.88),rgba(239,246,255,.72)); box-shadow:0 12px 30px rgba(35,67,120,.10); backdrop-filter:blur(18px); }
.quick-add-bar strong { display:block; color:var(--ink); font-size:20px; }
.quick-add-bar span { display:block; margin-top:3px; color:var(--muted); font-size:11px; }
.nav-collapse { position:absolute; top:50%; left:-17px; right:auto; transform:translateY(-50%); width:36px; height:36px; border:1px solid #d4e1f2; border-right-color:#e8f0fb; border-radius:50%; background:linear-gradient(145deg,#fff,#edf4ff); color:#3d6fb8; cursor:pointer; z-index:4; box-shadow:0 7px 16px rgba(58,103,177,.15); }
.nav-quick-add { position:absolute; top:calc(50% + 34px); left:-15px; width:36px; height:36px; margin:0; padding:0; border:1px solid rgba(255,255,255,.82); border-right-color:#d4e1f2; border-radius:50%; background:linear-gradient(145deg,#8db9f7,#669be8); color:#fff; box-shadow:0 6px 14px rgba(77,140,255,.2); font-size:0; font-weight:800; z-index:4; }
.nav-quick-add span { display:block; font-size:22px; line-height:30px; margin:0; }
.side-nav { transition:width .24s ease, padding .24s ease, transform .24s ease; }
.app-shell.sidebar-collapsed .side-nav { width:76px; padding-inline:8px; }
.app-shell.sidebar-collapsed .side-nav .nav-caption, .app-shell.sidebar-collapsed .side-nav .nav-item > span:last-child, .app-shell.sidebar-collapsed .side-nav .nav-footer { display:none; }
.app-shell.sidebar-collapsed .nav-quick-add { width:36px; height:36px; padding:0; font-size:0; margin:0; left:-15px; }
.app-shell.sidebar-collapsed .nav-quick-add span { font-size:20px; margin:0; }

/* The two controls belong to the navigation header and sit side by side. */
.side-nav { text-align:center; }
.nav-collapse, .nav-quick-add { position:relative; top:auto; left:auto; right:auto; transform:none; display:inline-flex; vertical-align:middle; margin:0 4px 14px; }
.nav-collapse { width:36px; height:36px; }
.nav-quick-add { width:36px; height:36px; }
.side-nav .nav-item { text-align:right; }
.app-shell.sidebar-collapsed .nav-collapse, .app-shell.sidebar-collapsed .nav-quick-add { position:relative; left:auto; margin:0 3px 12px; }
.side-nav::after { display:none; }
.app-shell.sidebar-collapsed .side-nav .nav-item { justify-content:center; padding-inline:7px; }
.app-shell.sidebar-collapsed .workspace { grid-template-columns:76px minmax(0,1fr); }
.app-shell .side-nav, .focus-card, .quick-add-bar, .local-banner { backdrop-filter:blur(16px); }
.focus-card, .summary-card { box-shadow:0 16px 38px rgba(25,46,83,.08); }
.local-banner { display:none; }
.nav-footer { display:none; }
.side-nav { position:relative; overflow:visible; min-height:0; height:max-content; padding-top:16px; padding-bottom:16px; border-color:#dbe6f4; background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(240,247,255,.9)); box-shadow:0 18px 42px rgba(44,76,126,.14), inset 0 1px rgba(255,255,255,.9); }
.side-nav::after { content:""; position:absolute; left:-1px; top:calc(50% - 57px); width:2px; height:114px; border-radius:2px; background:linear-gradient(180deg,transparent,#cbdcf1 18%,#cbdcf1 82%,transparent); opacity:.8; z-index:1; }
.side-nav .nav-caption { display:none; }
.nav-item { color:#5f718d; }
.nav-item:hover { background:linear-gradient(110deg,#f1f6ff,#fff); color:#20395f; box-shadow:0 5px 15px rgba(77,140,255,.1); }
.nav-item.active { background:linear-gradient(100deg,#e6f0ff,#f9fbff); border:1px solid #bcd5fb; box-shadow:inset -3px 0 #4385f5, 0 8px 20px rgba(67,133,245,.12); }
.focus-card, .summary-card, .settings-page, .finance-trend-card, .finance-transactions { border-color:#dce7f5; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,250,255,.9)); }
.nav-item { min-height:44px; font-size:14px; }
.nav-icon { width:32px; height:32px; }
.nav-item, .primary-button, .text-action, .item-check, .edit-item, .delete-item { transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.nav-item:hover, .primary-button:hover { transform:translateY(-2px); }
@media(max-width:720px) { .quick-add-bar { align-items:stretch; flex-direction:column; gap:10px; } .app-shell.sidebar-collapsed .workspace { display:block; } }

/* Two-panel work lists follow the desktop task, habit, and goal layout. */
.work-performance-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; align-items:stretch; }
.work-list-panel, .performance-panel { min-width:0; min-height:520px; border:1px solid #d6deeb; border-radius:14px; background:var(--surface); box-shadow:var(--shadow); padding:17px; }
.work-list-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.work-list-heading h2 { margin:0; font-size:16px; }
.work-list-heading span { color:var(--muted); font-size:10px; }
.work-list-tools { display:grid; grid-template-columns:minmax(130px,1fr) auto auto; gap:8px; margin:14px 0; }
.work-list-tools select { max-width:150px; padding:8px 10px; border:1px solid #d6e2f3; border-radius:10px; background:var(--surface); color:var(--ink); }
.work-item-list { display:grid; gap:9px; max-height:560px; overflow:auto; padding:2px 2px 12px; }
.work-item-card { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px; border:1px solid #d6deeb; border-radius:12px; background:var(--surface); box-shadow:0 8px 16px rgba(24,38,65,.08); }
.work-item-copy { min-width:0; }
.work-item-copy h3 { display:inline; margin:0 8px 0 0; font-size:14px; }
.work-item-copy>span { color:var(--muted); font-size:10px; }
.work-item-copy p { margin:5px 0 2px; color:var(--muted); font-size:11px; }
.work-item-copy small { color:var(--muted); font-size:10px; }
.work-item-actions { display:flex; flex:0 0 auto; align-items:center; gap:5px; }
.work-item-actions button { padding:7px 9px; }
.performance-panel { margin-top:0; }
.performance-panel h3 { margin:20px 0 10px; font-size:15px; }
.performance-panel select { padding:8px; border:1px solid #d6e2f3; border-radius:10px; background:var(--surface); color:var(--ink); }
.performance-highlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px; }
.performance-highlights div { display:grid; gap:8px; padding:14px; border:1px solid #cce8dc; border-radius:14px; background:#eefaf5; color:#177b5b; }
.performance-highlights div:last-child { border-color:#f1cfd6; background:#fff3f5; color:#a43c51; }
.performance-chart { display:flex; gap:4px; align-items:end; min-height:180px; overflow-x:auto; padding:12px 4px; border-bottom:1px solid #cfdaea; }
.performance-day { flex:1 0 34px; display:flex; height:150px; flex-direction:column; justify-content:end; align-items:center; gap:4px; color:var(--muted); font-size:10px; }
.performance-day i { display:block; width:12px; min-height:2px; max-height:105px; border-radius:7px 7px 2px 2px; background:linear-gradient(#7eabff,#467de3); }
.performance-day small { writing-mode:vertical-rl; max-height:42px; overflow:hidden; }
@media(max-width:600px) { .performance-highlights { grid-template-columns:1fr; } }
@media(max-width:1050px) { .work-performance-layout { grid-template-columns:1fr; } .work-list-panel,.performance-panel { min-height:0; } }
@media(max-width:650px) { .work-list-tools { grid-template-columns:1fr 1fr; } .work-list-tools .search-box { grid-column:1/-1; } .work-item-card { align-items:flex-start; flex-direction:column; } .work-item-actions { flex-wrap:wrap; } }
.theme-dark .work-list-panel,.theme-dark .work-item-card,.theme-dark .performance-panel { background:var(--surface); border-color:var(--line); }

/* Clearer actions and compact, responsive performance charts for work tabs. */
.work-list-heading .compact { min-height:40px; padding:9px 15px; border-radius:12px; }
.work-list-heading .compact span { color:#fff; font-size:18px; }
.work-item-card { transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.work-item-card:hover { transform:translateY(-1px); border-color:#bed1ef; box-shadow:0 11px 24px rgba(35,65,112,.11); }
.work-item-actions { flex-wrap:wrap; justify-content:flex-start; }
.work-item-actions button { min-height:36px; border-radius:10px; font-size:11px; font-weight:700; white-space:nowrap; }
.work-item-actions .edit-item,.work-item-actions .archive-item { border:1px solid #d8e4f6; background:#f7faff; color:#4778cb; }
.work-item-actions .edit-item:hover,.work-item-actions .archive-item:hover { border-color:#9bbaf0; background:#edf4ff; color:#285da9; }
.work-item-actions .archive-item { border-color:#eadfbf; background:#fffaf0; color:#987323; }
.work-item-actions .archive-item:hover { border-color:#dfc578; background:#fff4d9; color:#77570f; }
.work-item-actions .progress-record { min-width:58px; border-color:#b9e5d3; background:#eaf8f1; color:#16815d; }
.work-item-actions .delete-item { min-width:58px; border:1px solid #f2d1d6; background:#fff5f6; color:#c64758; }
.work-item-actions .delete-item:hover { border-color:#e5a1aa; background:#ffecef; color:#a52f40; }
.performance-panel { display:grid; align-content:start; gap:13px; }
.performance-panel h3 { margin:0; }
.performance-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.performance-stat { display:grid; gap:4px; min-width:0; padding:12px; border:1px solid #e5ebf5; border-radius:13px; background:linear-gradient(145deg,#fff,#f7faff); }
.performance-stat span,.performance-stat small { color:var(--muted); font-size:10px; }
.performance-stat strong { color:var(--ink); font-size:19px; line-height:1.35; }
.performance-stat:nth-child(1) strong { color:#457fee; }
.performance-stat:nth-child(2) strong { color:#149a72; }
.performance-stat:nth-child(3) strong { color:#a27a24; font-size:16px; }
.performance-chart-card { min-width:0; padding:13px 12px 6px; border:1px solid #e3eaf5; border-radius:15px; background:linear-gradient(150deg,#fff,#f8faff); }
.performance-chart-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.performance-chart-heading h3 { margin:0 0 3px; font-size:13px; }
.performance-chart-heading p { margin:0; color:var(--muted); font-size:10px; }
.chart-badge { padding:5px 9px; border:1px solid #dbe7fb; border-radius:20px; background:#f0f5ff; color:#4b79c2; font-size:10px; font-weight:700; white-space:nowrap; }
.performance-svg { display:block; width:100%; height:auto; margin-top:6px; overflow:visible; }
.chart-gridline { stroke:#e7edf6; stroke-width:1; stroke-dasharray:3 5; }
.chart-axis-label,.chart-date-label { fill:#8391a8; font-family:inherit; font-size:10px; }
.chart-date-label { font-size:9px; }
.chart-area { fill:url(#progress-area-gradient); }
.chart-line { fill:none; stroke:url(#progress-line-gradient); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.chart-point { fill:#fff; stroke:#3984ec; stroke-width:2.5; }
.chart-legend { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:10px; white-space:nowrap; }
.chart-legend span { display:flex; align-items:center; gap:5px; }
.chart-legend i { width:9px; height:9px; border-radius:50%; }
.planned-dot { background:#5688f5; }
.completed-dot { background:#16a879; }
.planned-bar { fill:url(#planned-bar-gradient); }
.completed-bar { fill:url(#completed-bar-gradient); }
.performance-empty { min-height:150px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; text-align:center; color:var(--muted); }
.performance-empty span { display:grid; place-items:center; width:34px; height:34px; border-radius:12px; background:#edf4ff; color:#5688f5; font-size:19px; }
.performance-empty strong { color:var(--ink); font-size:12px; }
.performance-empty small { font-size:10px; }
.compact-empty { min-height:110px; }
.theme-dark .performance-stat,.theme-dark .performance-chart-card { background:linear-gradient(145deg,#20293a,#1a2332); border-color:#354158; }
.theme-dark .chart-gridline { stroke:#354158; }
.theme-dark .chart-axis-label,.theme-dark .chart-date-label { fill:#98a8c0; }
@media(max-width:650px) { .performance-summary { grid-template-columns:1fr 1fr; } .performance-stat:last-child { grid-column:1/-1; } .work-item-actions { gap:6px; } .work-item-actions button { flex:1 0 auto; } .performance-chart-card { padding:10px 7px 4px; } .chart-legend { gap:7px; } }
div.app-shell > header.brand-bar,
div.app-shell.theme-dark > header.brand-bar {
    height: 102px;
    padding: 12px 20px;
    border: 1px solid #223252;
    border-radius: 18px;
    background: linear-gradient(90deg, #15284a 0%, #251e36 55%, #3a2c18 100%);
    box-shadow: 0 12px 24px rgba(13, 24, 45, .24);
}
.brand-lockup {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 14px;
}
.brand-logo {
    display: block;
    width: 48px;
    height: 48px;
    flex: none;
    object-fit: contain;
    border-radius: 13px;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .3));
}
.brand-copy {
    display: grid;
    justify-items: center;
    gap: 1px;
}
div.app-shell > header.brand-bar .brand-name,
div.app-shell.theme-dark > header.brand-bar .brand-name {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    transform: none;
    overflow: visible;
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: .5px;
    background: linear-gradient(110deg, #2f76ff 0 35%, #e34b68 38% 68%, #e8b84d 72% 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0;
    filter: none;
    text-shadow: none;
}
div.app-shell > header.brand-bar .brand-name > span,
div.app-shell > header.brand-bar .brand-name > b,
div.app-shell.theme-dark > header.brand-bar .brand-name > span,
div.app-shell.theme-dark > header.brand-bar .brand-name > b {
    color: inherit;
    background: none;
    -webkit-text-fill-color: inherit;
    -webkit-text-stroke: 0;
    text-shadow: none;
}
div.app-shell > header.brand-bar .brand-date,
div.app-shell.theme-dark > header.brand-bar .brand-date {
    position: static;
    top: auto;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-shadow: none;
}
@media (max-width: 720px) {
    div.app-shell > header.brand-bar,
    div.app-shell.theme-dark > header.brand-bar { height: 86px; padding: 10px 14px; }
    .brand-logo { width: 40px; height: 40px; }
    .brand-lockup { gap: 10px; }
    div.app-shell > header.brand-bar .brand-name,
    div.app-shell.theme-dark > header.brand-bar .brand-name { font-size: 24px; }
    div.app-shell > header.brand-bar .brand-date,
    div.app-shell.theme-dark > header.brand-bar .brand-date { font-size: 11px; }
}

/* Match the brand header to the navy, sapphire, silver and ruby profile mark. */
.brand-bar,
.theme-dark .brand-bar {
    background:
        radial-gradient(ellipse at 50% 58%, rgba(20, 78, 168, .76) 0%, rgba(10, 44, 99, .55) 38%, transparent 72%),
        linear-gradient(112deg, #04132b 0%, #0a2650 43%, #071a38 100%);
    border-color: rgba(232, 185, 83, .82);
    box-shadow: 0 17px 36px rgba(6, 19, 42, .3), inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 0 2px rgba(232,185,83,.16), inset 0 -2px 0 rgba(3,11,25,.56);
}
.brand-name {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 36px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: .7px;
    text-shadow: 0 1px 0 rgba(105, 21, 31, .9), 0 2px 9px rgba(181, 35, 48, .38);
}
.brand-name > span,
.brand-name > b,
.theme-dark .brand-name > span,
.theme-dark .brand-name > b {
    color: #e2e5ec;
    background: linear-gradient(180deg, #fffdf6 0%, #e3e5ec 42%, #aeb8c8 76%, #f2e6ce 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .25px rgba(91, 23, 32, .85);
    text-shadow: 0 1px 0 rgba(116, 26, 34, .8), 0 2px 8px rgba(190, 47, 53, .28);
}

/* Use the supplied banner artwork itself while keeping the date and controls live. */
.brand-bar,
.theme-dark .brand-bar {
    position:relative;
    overflow:hidden;
    border:0;
    background-color:#06152f;
    background-image:url('/images/web-header.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.brand-bar::before {
    content:"";
    position:absolute;
    z-index:1;
    left:50%;
    top:5px;
    width:min(390px,78vw);
    height:82px;
    transform:translateX(-50%);
    pointer-events:none;
    background:radial-gradient(ellipse at 50% 93%, #06439a 0%, #08397e 26%, #0a2d63 52%, rgba(7,30,63,.98) 73%, rgba(7,30,63,0) 100%);
}
.brand-name {
    position:absolute;
    z-index:2;
    top:12px;
    left:50%;
    transform:translateX(-50%);
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    overflow:visible;
    clip:auto;
    white-space:nowrap;
    border:0;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:42px;
    font-style:italic;
    font-weight:700;
    line-height:1;
    letter-spacing:.5px;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.48));
}
.brand-name > span,
.brand-name > b,
.theme-dark .brand-name > span,
.theme-dark .brand-name > b {
    color:#e9c56c;
    background:linear-gradient(180deg,#fff0bd 0%,#e7c36d 32%,#bd8a37 58%,#f3dda0 78%,#c39445 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:.35px rgba(75,49,14,.9);
    text-shadow:0 1px 0 rgba(87,59,20,.85),0 2px 9px rgba(225,180,83,.38);
}
.brand-date { top:77px; z-index:1; color:#fff; font-size:12px; font-weight:700; text-shadow:0 1px 2px rgba(0,0,0,.72); }
.theme-button,
.profile-button {
    z-index:2;
    width:42px;
    height:42px;
    border:1px solid rgba(232,185,83,.48);
    border-radius:13px;
    background:rgba(11,25,47,.82);
    box-shadow:0 3px 10px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.13);
}
.theme-button { left:24px; right:auto; }
.profile-button { right:24px; left:auto; }
@media(max-width:720px) {
    .brand-bar,.theme-dark .brand-bar { background-size:auto 100%; }
    .brand-bar::before { width:min(360px,92vw); height:72px; top:3px; }
    .brand-name { top:10px; font-size:34px; }
    .brand-date { top:66px; font-size:11px; }
    .theme-button { left:13px; }
    .profile-button { right:13px; }
}

/* Fresh header built from the supplied plain navy background style. */
.brand-bar,
.theme-dark .brand-bar {
    background-color:#06152f;
    background-image:
        radial-gradient(ellipse at 50% 58%, rgba(15,57,119,.72) 0%, rgba(10,39,83,.48) 40%, rgba(5,20,44,0) 76%),
        linear-gradient(112deg,#06142d 0%,#0b2146 48%,#06152f 100%);
    border:1px solid rgba(203,166,91,.78);
    box-shadow:0 14px 30px rgba(5,17,38,.24),inset 0 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(216,183,117,.12);
}
.brand-bar::before { content:none; }
.brand-name {
    top:19px;
    font-family:Georgia,'Times New Roman',serif;
    font-size:39px;
    font-style:italic;
    letter-spacing:.8px;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.38));
}
.brand-name > span,
.brand-name > b,
.theme-dark .brand-name > span,
.theme-dark .brand-name > b {
    color:#e7d5aa;
    background:linear-gradient(180deg,#fff7df 0%,#e8d7ad 42%,#c9b47f 75%,#f1e4c2 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:.2px rgba(47,41,31,.7);
    text-shadow:0 1px 1px rgba(0,0,0,.45),0 0 12px rgba(235,218,172,.18);
}
@media(max-width:720px) {
    .brand-bar,.theme-dark .brand-bar {
        background-image:radial-gradient(ellipse at 50% 58%,rgba(15,57,119,.72) 0%,rgba(10,39,83,.48) 40%,rgba(5,20,44,0) 76%),linear-gradient(112deg,#06142d 0%,#0b2146 48%,#06152f 100%);
    }
    .brand-name { top:17px; font-size:32px; }
}

.global-search{display:flex;align-items:center;gap:9px;min-width:250px;padding:0 14px;border:1px solid var(--line,#dce4f0);border-radius:14px;background:var(--surface,#fff)}.global-search input{border:0!important;outline:0!important;background:transparent!important;min-width:0;width:100%;padding:11px 0!important}.global-search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.global-search-results>strong{grid-column:1/-1}.global-search-results button{display:grid;text-align:right;gap:5px;border:1px solid var(--line,#dce4f0);border-radius:12px;background:var(--surface,#fff);padding:12px;color:inherit}.weekly-review-page{padding:24px}.review-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.review-metrics article,.review-columns article,.review-next-week,.health-target-card,.budget-usage article{border:1px solid var(--line,#dce4f0);border-radius:16px;background:var(--surface,#fff);padding:16px}.review-metrics article{display:grid;gap:7px}.review-metrics strong{font-size:1.3rem;color:var(--accent,#4d8cff)}.review-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.review-chip-list{display:flex;flex-wrap:wrap;gap:7px}.review-chip-list span,.review-action{padding:8px 10px;border-radius:10px;background:rgba(77,140,255,.08)}.review-action{display:flex;justify-content:space-between;width:100%;border:0;margin:5px 0;color:inherit}.review-next-week{margin-top:14px}.reminder-actions{display:flex;gap:8px}.health-target-card{display:grid;gap:12px;margin:16px 0}.health-target-card>div:first-child{display:flex;justify-content:space-between}.health-target-track,.budget-usage article>i{height:9px;border-radius:99px;background:#edf1f7;overflow:hidden}.health-target-track i,.budget-usage em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17af83,#65d6b0)}.budget-usage{margin:16px 0}.budget-usage article{display:grid;grid-template-columns:1fr auto;gap:10px;margin:8px 0}.budget-usage article>div{display:grid}.budget-usage article>i{grid-column:1/-1}.budget-usage em{background:linear-gradient(90deg,#4d8cff,#9e7bff)}.budget-usage small{color:#d44858}.theme-dark .review-metrics article,.theme-dark .review-columns article,.theme-dark .review-next-week,.theme-dark .health-target-card,.theme-dark .budget-usage article,.theme-dark .global-search-results button{background:var(--surface,#101a2a)}@media(max-width:780px){.review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.review-columns{grid-template-columns:1fr}.welcome-actions{flex-wrap:wrap}.global-search{width:100%}}

/* MY PLAN cohesive visual system: 2026 refresh */
:root{--canvas:#f4f6fb;--surface:rgba(255,255,255,.84);--line:#e2e8f2;--ink:#17253d;--muted:#71809a;--blue:#557cf5;--navy:#101b31;--red:#e65a73;--gold:#e6b550;--mint:#28a987;--shadow:0 14px 38px rgba(27,43,74,.075),0 3px 10px rgba(27,43,74,.035);--radius-lg:22px;--radius-md:15px;--radius-sm:11px}
html{scroll-behavior:smooth}body{font-family:Vazirmatn,"Segoe UI",Tahoma,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 3% 1%,#fff8e9 0,transparent 27rem),radial-gradient(ellipse at 96% 3%,#eaf1ff 0,transparent 33rem),#f4f6fb;font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-shell{padding:22px clamp(14px,2.2vw,36px) 24px;background:radial-gradient(ellipse at 90% 2%,rgba(110,145,255,.075),transparent 38rem),transparent}.brand-bar{height:138px;overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:28px;background:radial-gradient(ellipse at 50% -80%,rgba(155,188,255,.37),transparent 61%),radial-gradient(circle at 8% 100%,rgba(36,194,165,.19),transparent 25%),linear-gradient(112deg,#0e1a32 0%,#182e52 38%,#263362 68%,#12334b 100%);box-shadow:0 24px 60px rgba(18,35,72,.24),inset 0 1px rgba(255,255,255,.32),inset 0 -1px rgba(255,255,255,.09);isolation:isolate}.brand-bar:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.04) 50%,transparent 76%);pointer-events:none}.brand-name{top:-6px;font-family:Georgia,"Times New Roman",serif;font-size:46px;font-style:italic;font-weight:800;letter-spacing:2px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.24))}.brand-name>span{background:linear-gradient(145deg,#ff9ca7,#ff657c 60%,#e94464);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.brand-name>b{background:linear-gradient(180deg,#fff 6%,#e8edff 54%,#b5c8f6 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;text-shadow:none}.brand-spark{position:absolute;top:-9px;right:-25px;color:#f3cb76;font:normal 16px Vazirmatn,sans-serif;filter:drop-shadow(0 0 8px #f3cb7699)}.brand-date{top:91px;display:flex;align-items:center;justify-content:center;gap:8px;color:#e6ecfa;font-size:12px;font-weight:600;letter-spacing:.1px}.brand-date-dot{width:7px;height:7px;border-radius:50%;background:#4ce0b5;box-shadow:0 0 12px #4ce0b5}.brand-tagline{margin-right:7px;padding-right:13px;border-right:1px solid #ffffff38;color:#b9c8e5;font-size:11px;font-weight:400}.theme-button,.profile-button{top:50%;width:42px;height:42px;transform:translateY(-50%);border:1px solid #ffffff35;border-radius:15px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);box-shadow:0 8px 20px #07152a30,inset 0 1px #ffffff28;color:#fff;transition:transform .2s,background .2s}.theme-button{left:24px}.profile-button{left:78px}.theme-button:hover,.profile-button:hover{transform:translateY(calc(-50% - 2px));background:rgba(255,255,255,.19)}.profile-person-icon{width:20px;height:20px;fill:currentColor}.workspace{gap:20px;margin-top:20px;grid-template-columns:238px minmax(0,1fr)}.side-nav{top:18px;min-height:calc(100vh - 190px);padding:20px 14px;border:1px solid rgba(255,255,255,.86);border-radius:22px;background:rgba(255,255,255,.66);backdrop-filter:blur(22px) saturate(145%);box-shadow:0 14px 42px rgba(32,48,79,.065),inset 0 1px white}.nav-caption{padding:3px 12px 13px;color:#8895aa;font-size:11px;font-weight:700;letter-spacing:.04em}.nav-item{min-height:47px;margin:3px 0;padding:0 10px;border:1px solid transparent;border-radius:14px;color:#52617b;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.nav-item:hover{transform:translateX(-2px);background:rgba(255,255,255,.75);border-color:#fff}.nav-item.active{border-color:rgba(90,125,235,.13);background:linear-gradient(105deg,rgba(92,132,247,.14),rgba(126,111,230,.065));box-shadow:inset -3px 0 #647ff5,0 5px 14px rgba(77,105,196,.07);color:#26395d}.nav-icon,.icon-tile,.stat-icon,.selected-item-icon{border:1px solid color-mix(in srgb,currentColor 10%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.78),0 4px 12px rgba(28,44,75,.055)}.main-area{min-width:0}.welcome-row{min-height:112px;margin:2px 0 16px;padding:19px 23px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:rgba(255,255,255,.68);backdrop-filter:blur(18px);box-shadow:0 10px 28px rgba(28,44,75,.045)}.welcome-row h1{font-size:clamp(23px,2vw,30px);font-weight:800;letter-spacing:-.04em}.welcome-row p{margin-top:3px;color:#7c8aa1;font-size:13px}.eyebrow{color:#8090a8;font-size:12px;font-weight:600}.focus-card{overflow:hidden;border:1px solid rgba(222,230,242,.86);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.72));backdrop-filter:blur(18px) saturate(135%);box-shadow:var(--shadow);padding:22px 23px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.focus-card:hover{transform:translateY(-1px);border-color:#d4def0;box-shadow:0 20px 46px rgba(27,43,74,.095),0 4px 12px rgba(27,43,74,.04)}.focus-card h2,.focus-card h3{letter-spacing:-.025em}.primary-button{min-height:43px;padding:0 18px;border:1px solid rgba(255,255,255,.45);border-radius:13px;background:linear-gradient(135deg,#668dfc,#4a69df);box-shadow:0 8px 18px rgba(78,105,220,.24),inset 0 1px rgba(255,255,255,.22);font-size:13px;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s}.primary-button:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 12px 24px rgba(78,105,220,.27)}.quiet-button,.backup-button{border-radius:12px;background:rgba(239,243,250,.85);color:#56657e;font-size:12px;font-weight:600}.global-search{min-height:43px;border-radius:13px;background:rgba(255,255,255,.76);backdrop-filter:blur(12px)}input,select,textarea{border-radius:11px!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(86,124,245,.32);outline-offset:2px}.work-item-card,.finance-row,.review-metrics article,.review-columns article,.review-next-week,.health-target-card,.budget-usage article{border-radius:16px}.local-banner{border-radius:14px;backdrop-filter:blur(12px)}.chart-card,.performance-chart-card,.finance-flow-card{border-radius:20px}.page-foot{font-size:11px}.plan-icon{filter:drop-shadow(0 1px 1px rgba(26,41,71,.08))}.nav-icon{width:34px;height:34px;border-radius:12px}.icon-tile{border-radius:13px}.quick-modal{border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(24px);box-shadow:0 30px 90px rgba(18,30,56,.24)}.theme-dark{--canvas:#111827;--surface:rgba(26,36,55,.88);--line:#344158;--ink:#edf2ff;--muted:#a3b0c6;--shadow:0 16px 40px rgba(0,0,0,.24);background:radial-gradient(ellipse at 8% 0%,rgba(75,102,184,.16),transparent 34rem),radial-gradient(ellipse at 96% 8%,rgba(28,150,136,.09),transparent 32rem),#111827}.theme-dark .side-nav,.theme-dark .welcome-row{border-color:rgba(94,112,147,.36);background:rgba(27,38,58,.67);box-shadow:0 14px 42px #0002,inset 0 1px #ffffff12}.theme-dark .focus-card{border-color:rgba(86,105,140,.44);background:linear-gradient(145deg,rgba(29,41,62,.91),rgba(24,35,53,.88));box-shadow:0 16px 38px rgba(0,0,0,.2)}.theme-dark .focus-card:hover{border-color:#536988}.theme-dark .nav-item{color:#bac7dd}.theme-dark .nav-item:hover{background:#ffffff0b;border-color:#ffffff12}.theme-dark .nav-item.active{color:#f3f6ff;background:linear-gradient(100deg,rgba(103,133,242,.19),rgba(126,111,230,.1));border-color:#ffffff12;box-shadow:inset -3px 0 #8097ff,0 5px 16px #0002}.theme-dark .welcome-row p,.theme-dark .eyebrow{color:#a7b5cc}.theme-dark .global-search,.theme-dark .quick-modal{background:rgba(28,40,61,.91);border-color:#ffffff1c;color:var(--ink)}.theme-dark .quiet-button,.theme-dark .backup-button{background:#ffffff0e;color:#d6e0f1}.theme-dark input,.theme-dark select,.theme-dark textarea{color:var(--ink)}.theme-dark .review-metrics article,.theme-dark .review-columns article,.theme-dark .review-next-week,.theme-dark .health-target-card,.theme-dark .budget-usage article,.theme-dark .global-search-results button{background:rgba(27,39,59,.78);border-color:#ffffff14;color:var(--ink)}.theme-dark .brand-bar{border-color:#ffffff35;background:radial-gradient(ellipse at 50% -80%,rgba(155,188,255,.3),transparent 61%),radial-gradient(circle at 8% 100%,rgba(36,194,165,.13),transparent 25%),linear-gradient(112deg,#0e1a32,#182e52 38%,#263362 68%,#12334b);box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 1px #ffffff20}.theme-dark .brand-name>b{background:linear-gradient(180deg,#fff 6%,#e8edff 54%,#b5c8f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-dark .brand-date{color:#e6ecfa}
@media(max-width:1100px){.workspace{grid-template-columns:205px minmax(0,1fr);gap:14px}.focus-card{padding:19px}}
@media(max-width:720px){.app-shell{padding:12px 11px 18px}.brand-bar{height:112px;border-radius:22px}.brand-name{font-size:34px;top:-5px}.brand-date{top:72px;font-size:11px}.brand-tagline{font-size:9px}.theme-button,.profile-button{width:36px;height:36px;border-radius:12px}.theme-button{left:13px}.profile-button{left:58px}.workspace{display:block;margin-top:13px}.side-nav{position:fixed;z-index:10;top:auto;bottom:8px;right:8px;left:8px;height:68px;min-height:0;padding:6px;border:1px solid #ffffffc9;border-radius:20px;background:rgba(255,255,255,.82);backdrop-filter:blur(24px);display:flex;overflow:auto;gap:4px;box-shadow:0 12px 36px rgba(20,37,69,.17)}.theme-dark .side-nav{background:rgba(25,37,57,.87);border-color:#ffffff20}.nav-caption,.nav-footer{display:none}.nav-item{min-width:62px;width:auto;min-height:54px;flex-direction:column;justify-content:center;gap:2px;padding:4px;font-size:9px;margin:0}.nav-item.active{box-shadow:inset 0 -2px #647ff5}.nav-icon{width:27px;height:27px}.main-area{padding-bottom:82px}.welcome-row{display:grid;gap:12px;padding:16px;border-radius:18px}.welcome-row h1{font-size:23px}.welcome-row p{font-size:12px}.welcome-actions{display:flex;flex-wrap:wrap;gap:8px}.global-search{flex:1 1 100%;min-width:0}.focus-card{padding:16px;border-radius:18px}.review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.review-columns{grid-template-columns:1fr}.reminder-actions{flex-wrap:wrap}.budget-usage article{grid-template-columns:1fr}.brand-tagline{margin-right:4px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Final contrast and component harmonization */
.theme-dark select,.theme-dark input:not([type=checkbox]):not([type=radio]),.theme-dark textarea{background-color:#172236!important;border:1px solid #435370!important;color:#e9effb!important;color-scheme:dark}.theme-dark select option{background:#172236;color:#e9effb}.theme-dark input::placeholder,.theme-dark textarea::placeholder{color:#91a0b8;opacity:1}.theme-dark .performance-empty{color:#acbad0}.theme-dark .performance-empty strong{color:#e1e9f7}.theme-dark .performance-empty small{color:#9cabc2}.theme-dark .performance-empty>span{background:#263650;color:#a9c4ff;box-shadow:inset 0 1px #ffffff16}.theme-dark .performance-chart-card,.theme-dark .health-bars,.theme-dark .domain-metrics>div,.theme-dark .health-summary>div,.theme-dark .health-toolbar select,.theme-dark .finance-flow-card,.theme-dark .finance-transactions,.theme-dark .finance-accounts,.theme-dark .settings-group,.theme-dark .archive-list,.theme-dark .reminder-groups{background:rgba(24,36,56,.66);border-color:#3b4b65;color:#e4ebf7}.theme-dark .finance-metric-grid article:nth-child(1){background:linear-gradient(140deg,#173a37,#1a302f);border-color:#2c675b;color:#7cdec1}.theme-dark .finance-metric-grid article:nth-child(2){background:linear-gradient(140deg,#402630,#30212d);border-color:#70404e;color:#ff9eae}.theme-dark .finance-metric-grid article:nth-child(3){background:linear-gradient(140deg,#413425,#302a25);border-color:#715b36;color:#f1c77b}.theme-dark .finance-metric-grid article:nth-child(4){background:linear-gradient(140deg,#342b48,#29253a);border-color:#584a7c;color:#c0a8ff}.theme-dark .finance-metric-grid article:nth-child(5){background:linear-gradient(140deg,#1c3346,#1d2b3b);border-color:#385b78;color:#9ac9f5}.theme-dark .finance-metric-grid article:nth-child(6){background:linear-gradient(140deg,#293448,#232d40);border-color:#445571;color:#d2def2}.theme-dark .finance-accounts article{background:#202d43;color:#e4ebf7}.theme-dark .finance-row{border-color:#35445c}.theme-dark .finance-row .income{color:#6ed4ad}.theme-dark .finance-row .expense{color:#ff8899}.theme-dark .score-copy>strong,.theme-dark .domain-mini-stats b,.theme-dark .goal-total{color:#e6edf9}.theme-dark .score-copy p,.theme-dark .domain-mini-stats{color:#aab7cb}.theme-dark .habit-ring-large{background:radial-gradient(closest-side,#1d2a40 78%,transparent 81%),conic-gradient(#37c99a calc(var(--score)*1%),#344256 0)}.theme-dark .habit-ring-large strong{color:#79dfbd}.theme-dark .goal-total{border-color:#665536;background:linear-gradient(145deg,#302b24,#25293a)}.theme-dark .domain-mini-stats{border-color:#3a465c}.theme-dark .progress-row,.theme-dark .selected-day-panel,.theme-dark .selected-item,.theme-dark .saved-item,.theme-dark .weekly-metric,.theme-dark .year-month,.theme-dark .calendar-day,.theme-dark .work-item-card,.theme-dark .review-action,.theme-dark .review-chip-list span,.theme-dark .budget-usage article,.theme-dark .health-target-card{background:rgba(32,46,69,.82);border-color:#3c4d68;color:#e5ecf8}.theme-dark .empty-state{color:#aab8cc}.theme-dark .local-banner{background:linear-gradient(100deg,#18382f,#1a3338);border-color:#315e51;color:#bdebd9}.theme-dark .import-error{background:#402832;border-color:#70434d;color:#ffb3bd}.theme-dark .import-success{background:#19372f;border-color:#2e654f;color:#a9e4c8}.theme-dark .quick-types button{background:#1c2a40;border-color:#40516d;color:#d7e2f2}.theme-dark .quick-types button.selected{background:#293c5e;border-color:#718ff3}.theme-dark .modal-backdrop{background:rgba(3,8,17,.72)}.theme-dark .quick-modal{background:rgba(24,36,56,.97);border-color:#53627b;color:#eaf0fb}.theme-dark .chart-grid,.theme-dark .performance-svg line{stroke:#39475d}.theme-dark .performance-svg text{fill:#a9b8d0}.theme-dark .bar-stack b,.theme-dark .progress-track{background:#334158}.theme-dark .calendar-day.outside-month{opacity:.5}.theme-dark .theme-button,.theme-dark .profile-button{background:rgba(255,255,255,.1);border-color:#ffffff35}.section-review .nav-item.active{box-shadow:inset -3px 0 #28a987,0 5px 14px rgba(40,169,135,.08)}
.theme-dark .finance-metric-grid article:nth-child(1){color:#7cdec1!important}.theme-dark .finance-metric-grid article:nth-child(2){color:#ff9eae!important}.theme-dark .finance-metric-grid article:nth-child(3){color:#f1c77b!important}.theme-dark .finance-metric-grid article:nth-child(4){color:#c0a8ff!important}.theme-dark .finance-metric-grid article:nth-child(5){color:#9ac9f5!important}.theme-dark .finance-metric-grid article:nth-child(6){color:#d2def2!important}.theme-dark .finance-metric-grid article:nth-child(n) strong{color:inherit}.theme-dark .finance-flow-track{background:#34435b}.theme-dark .finance-flow-legend,.theme-dark .finance-flow-bars>div>span{color:#b3bfd2}.theme-dark .finance-accounts article>strong{color:#e4ebf7}.theme-dark .domain-metrics strong,.theme-dark .health-summary strong{color:#e8effa}.theme-dark .health-toolbar{color:#b0bdd1}.theme-dark .list-tools,.theme-dark .work-list-panel{background:rgba(24,36,56,.7);border-color:#3b4b65}
.theme-dark .settings-group{background:linear-gradient(145deg,rgba(34,48,71,.72),rgba(25,37,57,.72));border-color:#3c4c66}.theme-dark .settings-row{border-color:#3a4962}.theme-dark .settings-row strong,.theme-dark .settings-group h3{color:#e7eef9}.theme-dark .settings-row small,.theme-dark .settings-note{color:#a9b7cc}.theme-dark .settings-path,.theme-dark .path-box{background:#172236;border-color:#40516d;color:#c6d3e7}.theme-dark .settings-status{background:#1d3a34;color:#8be0bd}.theme-dark .settings-group .quiet-button{background:#26354d;border-color:#465976;color:#dce6f5}.theme-dark .archive-list>h3,.theme-dark .reminder-groups>h3,.theme-dark .section-subhead{color:#e5ecf7}.theme-dark .archive-page .work-item-card,.theme-dark .domain-page .work-item-card{background:#202d43;border-color:#3d4e68}.theme-dark .work-item-copy h3{color:#e8eff9}.theme-dark .work-item-copy span,.theme-dark .work-item-copy p{color:#aab8cc}.theme-dark .theme-dark .icon-tile{box-shadow:inset 0 1px #ffffff24}.theme-dark .health-target-track,.theme-dark .budget-usage article>i{background:#344158}.theme-dark .health-target-card>div:first-child,.theme-dark .health-target-card small,.theme-dark .budget-usage article>div span{color:#b5c2d6}.theme-dark .budget-usage article>b{color:#e3ebf7}.theme-dark .reminder-actions .quiet-button{border:1px solid #3b4d68}

/* Tight layout rhythm and accessible small-screen sizing */
.finance-page-heading h2{font-size:clamp(21px,1.6vw,27px);font-weight:800}.finance-metric-grid article{min-height:82px;padding:15px 16px;border-radius:16px}.finance-metric-grid article strong{font-size:clamp(14px,1.1vw,17px)}.work-list-panel,.work-performance-layout>.focus-card{border-radius:22px}.work-list-panel{background:rgba(255,255,255,.72);backdrop-filter:blur(16px)}.theme-dark .work-list-panel{background:rgba(24,36,56,.7)}.performance-chart-card{padding:20px;border-radius:20px}.performance-chart-heading h3{font-size:16px}.settings-group{border-radius:17px}.domain-page-heading h2{font-size:21px;font-weight:800}.health-summary strong,.domain-metrics strong{font-size:20px}.archive-columns{gap:16px}.work-item-actions button,.finance-row button{min-height:36px;border-radius:11px}.page-foot{padding-top:18px}
@media(max-width:980px){.finance-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:600px){.finance-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-metric-grid article{min-height:74px;padding:11px}.finance-metric-grid article strong{font-size:13px}.finance-actions{width:100%}.finance-actions>*{flex:1}.domain-metrics,.health-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-metrics>div,.health-summary>div{min-width:0;padding:9px 7px}.domain-metrics strong,.health-summary strong{font-size:15px}.domain-metrics span,.health-summary span{font-size:9px}.health-bars{gap:3px;padding:10px 5px}.health-day small{font-size:8px}.archive-columns{gap:12px}.review-metrics article{padding:12px}.review-metrics strong{font-size:17px}}

/* Header palette aligned with the app's cool blue, teal and violet language */
.brand-bar{background:radial-gradient(ellipse at 50% -82%,rgba(158,185,255,.28),transparent 62%),radial-gradient(ellipse at 88% 130%,rgba(51,190,166,.24),transparent 40%),linear-gradient(112deg,#172b4b 0%,#233a62 43%,#31466f 72%,#1d5260 100%);border-color:rgba(255,255,255,.3);box-shadow:0 20px 48px rgba(35,60,104,.2),inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(255,255,255,.12)}.brand-bar:after{background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.065) 50%,transparent 78%)}.brand-name>span{background:linear-gradient(145deg,#ffacb7,#ff718a 65%,#f35d7a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-name>b{background:linear-gradient(180deg,#fff 4%,#eff5ff 50%,#c9dcff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-spark{color:#9be4d4;filter:drop-shadow(0 0 7px rgba(92,221,193,.7))}.brand-date-dot{background:#66dfbd;box-shadow:0 0 12px rgba(66,220,180,.8)}.brand-tagline{color:#d4e0f5;border-color:rgba(218,232,255,.32)}.theme-dark .brand-bar{background:radial-gradient(ellipse at 50% -82%,rgba(158,185,255,.23),transparent 62%),radial-gradient(ellipse at 88% 130%,rgba(51,190,166,.17),transparent 40%),linear-gradient(112deg,#111e35 0%,#1b2d4b 43%,#28395d 72%,#19424d 100%);border-color:rgba(183,204,241,.24);box-shadow:0 20px 48px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.19),inset 0 -1px rgba(255,255,255,.07)}.theme-dark .brand-name>b{background:linear-gradient(180deg,#fff 4%,#eff5ff 50%,#c9dcff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-dark .brand-name>span{background:linear-gradient(145deg,#ffacb7,#ff718a 65%,#f35d7a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-dark .brand-spark{color:#9be4d4}.theme-dark .brand-date{color:#e5edf9}.theme-dark .brand-tagline{color:#c3d1e8;border-color:#ffffff2a}.theme-dark .theme-button,.theme-dark .profile-button{background:rgba(236,244,255,.1);border-color:rgba(222,235,255,.27);color:#f5f8ff}
@media(max-width:720px){.brand-bar,.theme-dark .brand-bar{background:radial-gradient(ellipse at 88% 130%,rgba(51,190,166,.2),transparent 40%),linear-gradient(112deg,#172b4b 0%,#233a62 48%,#1d5260 100%)}.theme-dark .brand-bar{background:radial-gradient(ellipse at 88% 130%,rgba(51,190,166,.15),transparent 40%),linear-gradient(112deg,#111e35 0%,#1b2d4b 48%,#19424d 100%)}}
.dashboard-shortcuts, .dashboard-next { padding: 18px; }
.dashboard-shortcut-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; margin-top: 14px; }
.dashboard-shortcut-grid button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--line); border-radius: 13px; background: color-mix(in srgb, var(--surface) 82%, var(--accent) 6%); color: var(--ink); font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.dashboard-shortcut-grid button:hover { transform: translateY(-2px); border-color: #83aef1; box-shadow: 0 7px 18px rgba(57,111,201,.12); }
.dashboard-next-item { width: 100%; display: grid; grid-template-columns: 90px minmax(0,1fr) auto; align-items: center; gap: 10px; margin-top: 9px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 13px; background: color-mix(in srgb, var(--surface) 92%, #5591ee 8%); color: var(--ink); text-align: right; cursor: pointer; }
.dashboard-next-item span, .dashboard-next-item small { color: var(--muted); font-size: 11px; }
.dashboard-next-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.dashboard-balance-total{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.dashboard-balance-total>span,.dashboard-account-row span{color:var(--muted);font-size:11px}.dashboard-balance-total>strong{color:var(--accent);font-size:14px}.dashboard-balance-total .quiet-button{padding:6px 9px;font-size:10px}.dashboard-account-row{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);font-size:11px}.dashboard-account-row:last-child{border-bottom:0}.planner-week-review{display:grid;gap:12px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.planner-week-review .review-columns{margin-bottom:4px}.finance-subpanels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.finance-subpanels>.focus-card{min-width:0;max-height:520px;overflow:auto;overscroll-behavior:contain}.finance-subpanels .budget-usage,.finance-subpanels .finance-accounts{margin:0}
.brand-name>span{background:linear-gradient(115deg,#d8f2ff 8%,#8cc9ff 43%,#ffe29a 90%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 2px 14px rgba(109,189,255,.28)}.brand-name>b{background:linear-gradient(180deg,#fff4d0 0%,#f2cb73 48%,#b87d2f 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 3px 14px rgba(245,190,77,.23)}.theme-dark .brand-name>span{background:linear-gradient(115deg,#e4f7ff 8%,#91ceff 54%,#ffe5ab 96%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-dark .brand-name>b{background:linear-gradient(180deg,#fff7dc 0%,#f4d78d 52%,#c18b3d 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.theme-sunset{--canvas:#f3f6f3;--surface:#fffefa;--ink:#263b42;--muted:#70817d;--line:#dbe7df;--blue:#2499a5;--gold:#d9a441;--mint:#40a67f;background:radial-gradient(ellipse at 8% 12%,rgba(244,193,96,.18),transparent 30%),radial-gradient(ellipse at 85% 18%,rgba(72,180,169,.14),transparent 34%),var(--canvas)}.theme-sunset .brand-bar{background:linear-gradient(110deg,#173f4b,#17636a 54%,#214c54);border-color:rgba(221,177,91,.78)}.theme-sunset .nav-item.active{background:linear-gradient(100deg,#e3f5ef,#fff5df);box-shadow:inset -3px 0 #d9a441}.theme-sunset .primary-button{background:linear-gradient(120deg,#178c93,#29ad91 58%,#d5a343);border-color:transparent;box-shadow:0 7px 18px rgba(22,133,127,.2)}.theme-sunset .focus-card{border-color:#dbe7df}.theme-sunset .brand-name>span{background:linear-gradient(115deg,#e5faff,#9ee5df 50%,#ffe4a6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-sunset .brand-name>b{background:linear-gradient(180deg,#fff1c8,#e8bd67 58%,#bf8737);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:760px){.finance-subpanels{grid-template-columns:1fr}.finance-subpanels>.focus-card{max-height:420px}.dashboard-balance-total{grid-template-columns:1fr auto}.dashboard-balance-total .quiet-button{grid-column:1/-1;justify-self:start}}
.domain-filter-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0 16px; }
.domain-filter-tabs button { display: inline-flex; align-items: center; gap: 7px; min-height: 35px; padding: 0 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--muted); font: inherit; font-size: 11px; cursor: pointer; transition: .16s ease; }
.domain-filter-tabs button:hover { color: var(--ink); border-color: #96b6e9; }
.domain-filter-tabs button.active { background: linear-gradient(120deg,#397fed,#4d9be9); border-color: transparent; color: white; box-shadow: 0 5px 13px rgba(57,127,237,.2); }
.domain-filter-tabs button span { opacity: .8; font-variant-numeric: tabular-nums; }
.finance-row-actions, .work-item-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.finance-row-actions button, .work-item-actions button { min-height: 31px; padding: 4px 9px; border-radius: 9px; font: inherit; font-size: 10px; }
.finance-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 12px; padding: 12px 13px; border-bottom: 1px solid var(--line); }
.finance-row > div:first-child { min-width: 0; display: grid; gap: 4px; }
.finance-row > div:first-child strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.finance-row small { color: var(--muted); }
.finance-row > b { white-space: nowrap; font-size: 12px; }
.finance-row > b.income { color: #13855f; }
.finance-row > b.expense { color: #bf4963; }
.finance-accounts article { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; align-items: center; padding: 12px 14px; border-bottom: 1px solid var(--line); }
.finance-accounts article > div:first-child { display: grid; gap: 4px; }
.finance-accounts small { color: var(--muted); }
.theme-dark .dashboard-shortcut-grid button, .theme-dark .dashboard-next-item { background: linear-gradient(145deg,#202b3e,#1b2536); border-color: #344158; color: var(--ink); }
.theme-dark .domain-filter-tabs button { background: #202b3e; border-color: #3a4962; color: #b6c2d5; }
.theme-dark .domain-filter-tabs button.active { background: linear-gradient(120deg,#397fed,#4d9be9); color: #fff; border-color: transparent; }
.theme-dark .finance-row, .theme-dark .finance-accounts article { border-color: #344158; }
@media (max-width: 760px) { .dashboard-shortcut-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .dashboard-next-item { grid-template-columns: 74px minmax(0,1fr); } .dashboard-next-item small { display:none; } .finance-row { grid-template-columns: minmax(0,1fr) auto; } .finance-row-actions { grid-column: 1/-1; justify-content: flex-start; } .finance-accounts article { grid-template-columns: minmax(0,1fr) auto; } .finance-accounts article .finance-row-actions { grid-column: 1/-1; } }
.archive-list-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.weekly-insight { display:flex; align-items:center; gap:12px; margin-top:15px; padding:14px 16px; border:1px solid color-mix(in srgb,#18a979 25%,var(--line)); border-radius:15px; background:color-mix(in srgb,#18a979 7%,var(--surface)); }
.weekly-insight p { margin:0; color:var(--ink); font-size:13px; line-height:1.8; }
.theme-dark .weekly-insight { background:linear-gradient(110deg,#1d342f,#202c39); border-color:#285b4b; }

/* Keep the MY PLAN wordmark unified and complementary to the deep blue-green header. */
.brand-name { background:none; color:#d7fff4; }
.brand-name > span, .brand-name > b { background:linear-gradient(180deg,#f3fffc 0%,#d3f6ed 48%,#a9e6d8 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.brand-name > span { font-weight:800; }
.brand-name > b { font-weight:800; }
.theme-dark .brand-name > span, .theme-dark .brand-name > b { background:linear-gradient(180deg,#f4fffd 0%,#d9faf2 48%,#a9eadc 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
div.app-shell > header.brand-bar .brand-name, div.app-shell.theme-dark > header.brand-bar .brand-name { background:none !important; color:#e8c77a !important; -webkit-text-fill-color:#e8c77a !important; -webkit-text-stroke:0 !important; text-shadow:0 1px 1px rgba(5,19,39,.38),0 0 14px rgba(232,199,122,.2); }
div.app-shell > header.brand-bar .brand-name > span, div.app-shell > header.brand-bar .brand-name > b, div.app-shell.theme-dark > header.brand-bar .brand-name > span, div.app-shell.theme-dark > header.brand-bar .brand-name > b { background:none !important; color:#e8c77a !important; -webkit-text-fill-color:#e8c77a !important; -webkit-text-stroke:0 !important; text-shadow:none; }

/* Midnight blue and gold brand treatment inspired by the supplied MP reference. */
div.app-shell > header.brand-bar, div.app-shell.theme-dark > header.brand-bar {
    isolation:isolate;
    background:radial-gradient(ellipse at 50% 48%,rgba(13,71,168,.58) 0%,rgba(7,35,87,.48) 28%,transparent 61%),linear-gradient(112deg,#06142d 0%,#081a3a 48%,#06152f 100%) !important;
    border-color:rgba(226,190,116,.52);
    box-shadow:0 24px 60px rgba(5,17,43,.3),inset 0 1px rgba(255,255,255,.15),inset 0 -1px rgba(222,181,102,.16);
}
div.app-shell > header.brand-bar::before, div.app-shell.theme-dark > header.brand-bar::before {
    content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(450px,52vw);height:calc(100% - 8px);transform:translate(-50%,-50%);
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
    background:linear-gradient(135deg,#f3d38b 0%,#a97431 24%,#ffe7a8 48%,#a97635 72%,#efd18c 100%);
    filter:drop-shadow(0 0 7px rgba(238,194,108,.3));pointer-events:none;
}
div.app-shell > header.brand-bar::after, div.app-shell.theme-dark > header.brand-bar::after {
    content:"";position:absolute;z-index:0;inset:7px auto auto 50%;width:min(436px,calc(52vw - 14px));height:calc(100% - 22px);transform:translateX(-50%);
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
    background:radial-gradient(ellipse at 50% 42%,rgba(13,65,154,.58),rgba(6,25,62,.97) 70%);
    pointer-events:none;
}
div.app-shell > header.brand-bar .brand-name, div.app-shell.theme-dark > header.brand-bar .brand-name {
    z-index:1;top:17px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.2vw,43px);font-style:italic;font-weight:700;letter-spacing:1.5px;
    filter:drop-shadow(0 2px 2px rgba(35,14,5,.65));
}
div.app-shell > header.brand-bar .brand-name > span, div.app-shell > header.brand-bar .brand-name > b, div.app-shell.theme-dark > header.brand-bar .brand-name > span, div.app-shell.theme-dark > header.brand-bar .brand-name > b {
    background:linear-gradient(180deg,#fff4d8 0%,#ead39e 28%,#bd9255 54%,#fff0c3 73%,#c39a60 100%) !important;
    background-clip:text !important;-webkit-background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;
    -webkit-text-stroke:.25px rgba(77,48,21,.75) !important;text-shadow:0 1px 0 rgba(63,39,18,.65),0 0 8px rgba(240,208,145,.16);
}
@media(max-width:720px){
    div.app-shell > header.brand-bar, div.app-shell.theme-dark > header.brand-bar {background:radial-gradient(ellipse at 50% 46%,rgba(13,71,168,.58),transparent 64%),linear-gradient(112deg,#06142d,#081a3a 50%,#06152f)!important;}
    div.app-shell > header.brand-bar::before, div.app-shell.theme-dark > header.brand-bar::before {width:min(340px,88vw);height:calc(100% - 8px);}
    div.app-shell > header.brand-bar::after, div.app-shell.theme-dark > header.brand-bar::after {width:min(326px,calc(88vw - 14px));height:calc(100% - 22px);}
    div.app-shell > header.brand-bar .brand-name, div.app-shell.theme-dark > header.brand-bar .brand-name {top:9px;font-size:clamp(27px,7vw,34px);}
}

/* Final header pass: retain the midnight blue glow and metallic wordmark, without a frame. */
div.app-shell > header.brand-bar, div.app-shell.theme-dark > header.brand-bar {border-color:rgba(166,191,230,.25);}
div.app-shell > header.brand-bar::before, div.app-shell.theme-dark > header.brand-bar::before,
div.app-shell > header.brand-bar::after, div.app-shell.theme-dark > header.brand-bar::after {content:none !important;display:none !important;}
div.app-shell > header.brand-bar .brand-name, div.app-shell.theme-dark > header.brand-bar .brand-name {font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;letter-spacing:1.5px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.36));}
div.app-shell > header.brand-bar .brand-name > span, div.app-shell > header.brand-bar .brand-name > b,
div.app-shell.theme-dark > header.brand-bar .brand-name > span, div.app-shell.theme-dark > header.brand-bar .brand-name > b {
    background:linear-gradient(180deg,#fff9e9 0%,#f5e7c4 32%,#dabc7c 58%,#fff5dc 78%,#d1ad6a 100%) !important;
    background-clip:text !important;-webkit-background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;
    -webkit-text-stroke:.15px rgba(77,48,21,.48) !important;text-shadow:0 1px 0 rgba(63,39,18,.35),0 0 8px rgba(240,208,145,.18);
}
div.app-shell > header.brand-bar .brand-date, div.app-shell.theme-dark > header.brand-bar .brand-date {z-index:2;color:#e9eef9;text-shadow:0 1px 2px rgba(1,9,25,.75);}

/* Warm champagne-gold wordmark with a subtle ruby-red reflection, inspired by the MP reference. */
div.app-shell > header.brand-bar .brand-name > span, div.app-shell > header.brand-bar .brand-name > b,
div.app-shell.theme-dark > header.brand-bar .brand-name > span, div.app-shell.theme-dark > header.brand-bar .brand-name > b {
    background:linear-gradient(180deg,#fff8e8 0%,#f7e4bd 24%,#d9ad68 48%,#b94e43 63%,#f0c88d 78%,#b8794d 100%) !important;
    background-clip:text !important;-webkit-background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;
    -webkit-text-stroke:.2px rgba(92,38,25,.58) !important;
    text-shadow:0 1px 0 rgba(54,22,15,.42),0 0 9px rgba(232,174,103,.24),0 0 18px rgba(173,55,45,.12);
}

/* MP reference palette: ivory champagne gold with bronze depth and a restrained copper-red glow. */
div.app-shell > header.brand-bar .brand-name > span, div.app-shell > header.brand-bar .brand-name > b,
div.app-shell.theme-dark > header.brand-bar .brand-name > span, div.app-shell.theme-dark > header.brand-bar .brand-name > b {
    background:linear-gradient(180deg,#fff4de 0%,#e7cfa1 24%,#c7a978 48%,#9a7955 68%,#f3c879 82%,#60432f 100%) !important;
    background-clip:text !important;
    -webkit-background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    -webkit-text-stroke:.2px rgba(96,67,47,.58) !important;
    text-shadow:0 1px 0 rgba(96,67,47,.55),0 0 8px rgba(122,48,37,.42),0 0 16px rgba(243,200,121,.25) !important;
}

/* Brighter MP-style wordmark: luminous ivory champagne with warm bronze and copper depth. */
div.app-shell > header.brand-bar .brand-name, div.app-shell.theme-dark > header.brand-bar .brand-name {
    font-family:Georgia,"Times New Roman",serif !important;
    font-style:italic !important;
    font-weight:800 !important;
    letter-spacing:1.2px !important;
    filter:drop-shadow(0 2px 3px rgba(55,28,12,.42)) !important;
}
div.app-shell > header.brand-bar .brand-name > span, div.app-shell > header.brand-bar .brand-name > b,
div.app-shell.theme-dark > header.brand-bar .brand-name > span, div.app-shell.theme-dark > header.brand-bar .brand-name > b {
    background:linear-gradient(180deg,
      #fffdf3 0%,
      #fff4d9 18%,
      #f3d9a8 38%,
      #d7b277 54%,
      #b98355 67%,
      #f5d095 82%,
      #c99861 100%) !important;
    background-clip:text !important;
    -webkit-background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    -webkit-text-stroke:.18px rgba(101,58,31,.5) !important;
    text-shadow:0 1px 0 rgba(255,244,217,.45),0 2px 1px rgba(91,49,25,.42),0 0 8px rgba(231,169,91,.3),0 0 12px rgba(137,45,31,.16) !important;
}

/* Remove the decorative status dot beside the header date. */
div.app-shell > header.brand-bar .brand-date-dot,
div.app-shell.theme-dark > header.brand-bar .brand-date-dot {
    display:none !important;
}
div.app-shell > header.brand-bar .brand-date,
div.app-shell.theme-dark > header.brand-bar .brand-date {
    gap:0 !important;
}

/* Refined MP-inspired metallic lettering: stronger highlight bands and dimensional bronze/copper depth. */
div.app-shell > header.brand-bar .brand-name, div.app-shell.theme-dark > header.brand-bar .brand-name {
    font-family:Georgia,"Times New Roman",serif !important;
    font-style:italic !important;
    font-weight:700 !important;
    letter-spacing:.8px !important;
    filter:drop-shadow(0 3px 3px rgba(28,12,5,.72)) !important;
}
div.app-shell > header.brand-bar .brand-name > span, div.app-shell > header.brand-bar .brand-name > b,
div.app-shell.theme-dark > header.brand-bar .brand-name > span, div.app-shell.theme-dark > header.brand-bar .brand-name > b {
    background:linear-gradient(172deg,
      #fffdf2 0%,
      #fff8e7 12%,
      #f7e0b3 25%,
      #b98b5b 39%,
      #704932 49%,
      #d6ae78 58%,
      #fff0c9 70%,
      #c18e59 82%,
      #75432e 93%,
      #f3cf91 100%) !important;
    background-clip:text !important;
    -webkit-background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    -webkit-text-stroke:.28px rgba(73,35,19,.72) !important;
    text-shadow:
      0 1px 0 rgba(255,248,224,.7),
      0 2px 0 rgba(114,67,37,.62),
      0 3px 2px rgba(57,24,13,.62),
      0 0 5px rgba(145,48,30,.38),
      0 0 13px rgba(244,193,112,.3) !important;
}

/* Use the supplied MY PLAN emblem across the existing web app identity. */
.brand-mark { padding: 0; }
.brand-mark img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.profile-brand-icon { width: 30px; height: 30px; object-fit: cover; border-radius: 8px; }
.profile-avatar-large img { object-fit: cover; }

/* Fit the supplied transparent wordmark inside the existing header. */
.brand-name { display:flex; align-items:center; justify-content:center; width:min(420px,68vw); height:52px; top:0; filter:none !important; }
.brand-wordmark { display:block; width:100%; height:100%; object-fit:contain; }
@media(max-width:720px) { .brand-name { width:min(300px,64vw); height:38px; } }

/* Soft luminous blue MY PLAN title, tuned for the navy header. */
div.app-shell > header.brand-bar .brand-name { display:block; width:auto; height:auto; top:-3px; font-size:35px; letter-spacing:1.2px; font-family:Georgia,'Times New Roman',serif !important; font-style:italic !important; font-weight:700 !important; filter:drop-shadow(0 2px 8px rgba(126,190,255,.28)) !important; }
div.app-shell > header.brand-bar .brand-name > span, div.app-shell > header.brand-bar .brand-name > b, div.app-shell.theme-dark > header.brand-bar .brand-name > span, div.app-shell.theme-dark > header.brand-bar .brand-name > b { background:linear-gradient(180deg,#f3f9ff 0%,#d8ebff 48%,#a9d1fa 100%) !important; background-clip:text !important; -webkit-background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; -webkit-text-stroke:.25px rgba(9,39,75,.45) !important; text-shadow:0 1px 0 rgba(255,255,255,.2),0 0 12px rgba(135,192,255,.24) !important; }
@media(max-width:720px) { div.app-shell > header.brand-bar .brand-name { font-size:27px; } }

/* My Planner wordmark: lively aqua and warm gold on the dark header. */
div.app-shell > header.brand-bar .brand-name > span { background:linear-gradient(180deg,#f0ffff,#81e9e0 55%,#63c9ef) !important; background-clip:text !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; }
div.app-shell > header.brand-bar .brand-name > b { background:linear-gradient(180deg,#fff4c6,#ffd272 55%,#eca955) !important; background-clip:text !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; }

.health-metric-tabs{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:4px 0}.health-metric-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:12px}.health-metric-tabs button.active{background:var(--blue);color:#fff}.finance-transactions{max-height:480px;overflow:auto;overscroll-behavior:contain}.finance-row-actions{display:flex!important;flex-wrap:wrap}.dashboard-agenda-card .agenda-item{grid-template-columns:54px 12px minmax(0,1fr) auto minmax(180px,auto)}
@media(max-width:760px){.dashboard-agenda-card .agenda-item{grid-template-columns:42px 10px minmax(0,1fr) auto}.dashboard-agenda-card .work-item-actions{grid-column:3/-1}}

.detail-days-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}.detail-day-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;max-height:280px;overflow:auto}.detail-day{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);font-size:11px}.detail-day span,.detail-day small{color:var(--muted)}

.finance-period-control{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0;color:var(--muted)}.finance-period-control label{display:flex;align-items:center;gap:8px}.finance-period-control select{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}

.planner-range-summary{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.planner-range-summary h3{font-size:15px;margin:0}.planner-range-summary p{font-size:11px;color:var(--muted);margin:5px 0 12px}.planner-range-values{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--muted)}.planner-range-values strong{color:var(--ink);margin-inline-start:5px}.planner-range-track{height:8px;margin-top:12px;border-radius:8px;background:var(--line);overflow:hidden}.planner-range-track span{display:block;height:100%;background:linear-gradient(90deg,#3cbfa0,#e6b956);border-radius:8px}

.health-trend-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.health-trend-heading label{display:flex;gap:8px;align-items:center;font-size:12px}.health-trend-heading select{border:1px solid var(--line);border-radius:9px;padding:6px;background:var(--surface);color:var(--ink)}.health-bars{overflow-x:auto}.health-day{min-width:25px}.health-record-list{max-height:480px;overflow:auto;overscroll-behavior:contain}
.brand-date .brand-tagline { font-family: inherit; font-size: inherit; font-weight: inherit; }

/* Keep form captions close to their controls. */
.quick-modal .quick-label { align-content: start; gap: 5px; }
.quick-modal .quick-label > input, .quick-modal .quick-label > select, .quick-modal .quick-label > textarea, .quick-modal .quick-label > .jalali-date-button { margin-top: 0; }

.alarm-editor { display:grid; gap:10px; margin:16px 0; padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.alarm-editor h3 { margin:0; }
.alarm-actions, .avatar-choices { display:flex; flex-wrap:wrap; gap:8px; }
.avatar-emoji { font-size:32px; line-height:1; }
.finance-category-report { margin-top:16px; }
.category-report-row { display:grid; gap:7px; margin-top:14px; }
.category-report-row > div { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.category-report-row span { color:var(--muted); font-size:12px; }
.category-report-row > i { display:block; height:8px; overflow:hidden; background:var(--line); border-radius:8px; }
.category-report-row > i > b { display:block; height:100%; background:var(--blue); border-radius:8px; }