/* =============================================================
   AVANZA Life OS 5.1 — Product UI pass
   Stronger hierarchy, richer color, cleaner density, real light mode.
   Loaded after all previous layers intentionally.
   ============================================================= */
:root{
  --ui-bg:#050a16;
  --ui-surface:#0d1a32;
  --ui-surface-2:#10213d;
  --ui-surface-3:#15294a;
  --ui-text:#f7f9ff;
  --ui-text-2:#dbe6f8;
  --ui-muted:#8ea3c7;
  --ui-line:rgba(139,170,223,.15);
  --ui-line-strong:rgba(139,170,223,.26);
  --page-accent:var(--primary);
  --page-accent-2:var(--secondary);
}
html{overflow-x:hidden}
body[data-page="dashboard"]{--page-accent:#8b5cf6;--page-accent-2:#38bdf8}
body[data-page="today"]{--page-accent:#6366f1;--page-accent-2:#22d3ee}
body[data-page="calendar"]{--page-accent:#7c3aed;--page-accent-2:#38bdf8}
body[data-page="projects"],body[data-page="project"]{--page-accent:#4f7cff;--page-accent-2:#8b5cf6}
body[data-page="notes"],body[data-page="inbox"]{--page-accent:#a855f7;--page-accent-2:#f59e0b}
body[data-page="routine"]{--page-accent:#34d399;--page-accent-2:#22d3ee}
body[data-page="time_energy"]{--page-accent:#22d3ee;--page-accent-2:#8b5cf6}
body[data-page="finance"]{--page-accent:#34d399;--page-accent-2:#84cc16}
body[data-page="risks"]{--page-accent:#fb7185;--page-accent-2:#f59e0b}
body[data-page="review"],body[data-page="reports"]{--page-accent:#8b5cf6;--page-accent-2:#34d399}
body[data-page="users"],body[data-page="roles"],body[data-page="settings"]{--page-accent:#60a5fa;--page-accent-2:#a78bfa}

/* ---------- Canvas, typography, rhythm ---------- */
body{background:#050b18!important;color:var(--ui-text-2)!important}
body:before{opacity:1!important;background:
  radial-gradient(circle at 84% 4%,color-mix(in srgb,var(--page-accent-2) 8%,transparent),transparent 25%),
  radial-gradient(circle at 18% 92%,color-mix(in srgb,var(--page-accent) 9%,transparent),transparent 28%),
  linear-gradient(rgba(5,11,24,.93),rgba(5,11,24,.95)),var(--app-background-image),#050b18!important}
.content{width:min(calc(100% - 44px),var(--content-max-width,1680px))!important;padding:30px 0 104px!important}
.page-head{position:relative;padding:4px 0 2px!important;margin-bottom:22px!important}
.page-head:before{content:"";position:absolute;left:-12px;top:3px;width:3px;height:46px;border-radius:99px;background:linear-gradient(180deg,var(--page-accent),var(--page-accent-2));box-shadow:0 0 24px color-mix(in srgb,var(--page-accent) 42%,transparent);opacity:.92}
.page-head h1{font-size:clamp(2rem,2.25vw,2.65rem)!important;font-weight:800!important;letter-spacing:-.047em!important;color:#f8faff!important}
.page-head p{font-size:.84rem!important;line-height:1.58!important;color:#8fa4c8!important}
.page-head .eyebrow{color:color-mix(in srgb,var(--page-accent-2) 55%,#8da1c3)!important}
.panel-title h2,.panel-title h3{font-size:.94rem!important;letter-spacing:-.025em!important;color:#f4f7ff!important}
.panel-title p{font-size:.64rem!important;line-height:1.48!important;color:#859abc!important}
.muted,.subtle{color:#8297bc!important}

/* ---------- Surfaces: translucent, but never washed out ---------- */
.panel,.glass-card,.settings-section,.modal-card,.notes-folders,.notes-list-pane,.note-editor-pane,.calendar-workspace,.stat-card,.life-pulse-card,.project-card,.finance-card,.risk-card,.routine-card{
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--page-accent) 6%,transparent),transparent 31%),
    linear-gradient(145deg,rgb(17 34 65 / var(--surface-alpha,.79)),rgb(7 18 39 / var(--surface-alpha,.79)))!important;
  border:1px solid rgba(139,170,223,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 38px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(var(--glass-blur,18px)) saturate(var(--glass-saturation,1.28))!important;
  -webkit-backdrop-filter:blur(var(--glass-blur,18px)) saturate(var(--glass-saturation,1.28))!important;
}
.panel{border-radius:var(--card-radius,16px)!important}
.panel:hover{border-color:rgba(139,170,223,.21)!important}

/* ---------- Top bar ---------- */
.topbar{height:var(--topbar-h)!important;padding:0 20px!important;background:rgb(5 13 29 / .90)!important;border-bottom:1px solid rgba(139,170,223,.12)!important;box-shadow:0 8px 26px rgba(0,0,0,.12)!important;backdrop-filter:blur(22px) saturate(1.35)!important}
.global-search{height:42px!important;width:min(520px,42vw)!important;background:#0a1830!important;border:1px solid rgba(139,170,223,.16)!important;color:#8399bd!important}
.global-search:hover{border-color:color-mix(in srgb,var(--page-accent) 38%,transparent)!important;background:#0d1d38!important}
.page-guide-btn{width:auto!important;height:38px!important;padding:0 11px!important;gap:7px!important;display:inline-flex!important;align-items:center!important;border-radius:11px!important;background:#0d1d38!important;color:#b6c5df!important;border:1px solid rgba(139,170,223,.16)!important;font-weight:750!important;font-size:.65rem!important}
.page-guide-btn i{font-size:1rem;color:color-mix(in srgb,var(--page-accent) 70%,#fff)}
.page-guide-btn:hover{border-color:color-mix(in srgb,var(--page-accent) 48%,transparent)!important;background:color-mix(in srgb,var(--page-accent) 13%,#0d1d38)!important;color:#fff!important}
.top-action,.icon-btn{background:#0c1a33!important;border:1px solid rgba(139,170,223,.15)!important}

/* ---------- Sidebar: stronger active state, cleaner submenus ---------- */
.sidebar{background:#040d20!important;border-right:1px solid rgba(113,151,216,.14)!important;box-shadow:16px 0 44px rgba(0,0,0,.10)!important}
.sidebar-bg{opacity:.74!important;filter:saturate(1.12) contrast(1.05)}
.sidebar-shade{background:linear-gradient(180deg,rgba(3,10,27,.48),rgba(3,10,27,.91) 48%,rgba(3,8,22,.73))!important}
.nav{gap:3px!important}.nav-cluster{margin:1px 0!important}
.nav-item,.nav-parent{min-height:42px!important;border-radius:11px!important;color:#93a9cf!important;font-size:.74rem!important}
.nav-item i,.nav-parent>i:first-child{color:#7891bd!important}
.nav-parent.open{color:#dce6f8!important}.nav-parent.open>i:first-child{color:color-mix(in srgb,var(--page-accent) 70%,#fff)!important}
.nav-submenu{margin-left:18px!important;padding-left:8px!important;border-left:1px solid rgba(139,170,223,.10)!important}
.nav-submenu .nav-item{min-height:38px!important;font-size:.66rem!important}
.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 40%,#13234a),color-mix(in srgb,var(--secondary) 16%,#0d1b35))!important;color:#fff!important;border:1px solid color-mix(in srgb,var(--primary) 24%,transparent)!important;box-shadow:inset 3px 0 color-mix(in srgb,var(--primary) 75%,#fff),0 10px 24px rgba(42,42,116,.18)!important}
.nav-item.active i{color:#dcd3ff!important}

/* ---------- Buttons, chips, controls ---------- */
.btn{min-height:40px!important;border-radius:11px!important;font-size:.68rem!important;font-weight:760!important}
.btn-sm{min-height:34px!important;height:34px!important;font-size:.62rem!important}
.btn-primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 52%,var(--secondary)),var(--secondary))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 23%,transparent)!important}
.btn-ghost{background:#10203b!important;border:1px solid rgba(139,170,223,.15)!important;color:#c8d5eb!important}
.btn-ghost:hover{background:#142744!important;border-color:rgba(139,170,223,.25)!important;color:#fff!important}
.tiny-btn,.close-btn{background:#10213d!important;border:1px solid rgba(139,170,223,.14)!important;color:#9db0d0!important}
.tiny-btn:hover,.close-btn:hover{background:#182c4c!important;color:#fff!important;border-color:rgba(139,170,223,.25)!important}
.info-help{width:28px!important;height:28px!important;border-radius:9px!important;background:color-mix(in srgb,var(--page-accent) 10%,#10213d)!important;border:1px solid color-mix(in srgb,var(--page-accent) 22%,transparent)!important;color:color-mix(in srgb,var(--page-accent) 66%,#fff)!important;display:inline-grid!important;place-items:center!important;cursor:pointer!important;vertical-align:middle!important}
.info-help:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--page-accent) 18%,#10213d)!important}
.badge,.status-pill,.project-pill{font-size:.59rem!important;font-weight:780!important;min-height:23px!important;padding:0 8px!important;border:1px solid currentColor!important;border-color:color-mix(in srgb,currentColor 23%,transparent)!important}
.status-pill{background:rgba(34,197,94,.12)!important;color:#69dda1!important}.status-pill.inactive{color:#97a9c8!important;background:#13223d!important}
.input,.select,.textarea{background:#091831!important;border:1px solid rgba(139,170,223,.16)!important;color:#e7eefb!important;border-radius:10px!important;min-height:40px!important}
.input:focus,.select:focus,.textarea:focus{border-color:color-mix(in srgb,var(--page-accent) 56%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--page-accent) 11%,transparent)!important}

/* ---------- Modals: X is always top-right ---------- */
.modal-card{max-height:min(88dvh,900px)!important;overflow:auto!important;scrollbar-gutter:stable}
.modal-head{position:relative!important;padding-right:50px!important;align-items:flex-start!important}
.modal-head>.close-btn{position:absolute!important;right:0!important;top:0!important;margin:0!important;width:38px!important;height:38px!important;border-radius:11px!important}
.focus-close{right:16px!important;top:16px!important;z-index:3!important}
.modal-actions{position:sticky;bottom:-1px;z-index:2;padding-top:12px!important;background:linear-gradient(180deg,transparent,rgb(8 19 41 / .96) 30%)!important}

/* ---------- Dashboard: executive snapshot ---------- */
.life-hero{margin-bottom:15px!important}
.life-hero .actions{align-self:end!important}
.life-pulse-grid{gap:11px!important;margin-bottom:16px!important}
.life-pulse-card{min-height:124px!important;padding:15px 16px 14px!important;border-radius:17px!important;isolation:isolate!important}
.life-pulse-card:before{width:4px!important;box-shadow:0 0 18px color-mix(in srgb,var(--pulse) 35%,transparent)!important}
.life-pulse-card:after{width:180px!important;height:180px!important;right:-72px!important;bottom:-100px!important;opacity:.9!important;background:radial-gradient(circle,color-mix(in srgb,var(--pulse) 34%,transparent),transparent 66%)!important;z-index:-1}
.life-pulse-label span{font-size:.66rem!important;font-weight:740!important;color:#a8b8d4!important}
.life-pulse-label i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--pulse) 18%,#0e1d38);border:1px solid color-mix(in srgb,var(--pulse) 24%,transparent);font-size:.92rem!important;box-shadow:0 7px 18px color-mix(in srgb,var(--pulse) 10%,transparent)}
.life-pulse-label .pulse-mini{font-size:.55rem!important;color:#748bb1!important}
.life-pulse-value{align-items:baseline!important;gap:8px!important;margin-top:1px}
.life-pulse-value strong{font-size:clamp(1.75rem,2.1vw,2.25rem)!important;color:#fbfcff!important;text-shadow:0 5px 20px rgba(0,0,0,.18)}
.life-pulse-value em{font-size:.59rem!important;color:color-mix(in srgb,var(--pulse) 55%,#9fb1ce)!important;font-weight:680!important}
.life-pulse-foot{font-size:.57rem!important;color:#7f95b9!important}.pulse-track{flex-basis:58px!important;height:4px!important;background:#1a2c49!important}.pulse-track i{box-shadow:0 0 10px var(--pulse)}
.life-dashboard-grid{gap:15px!important}.today-command{min-height:404px!important}
.today-item{min-height:56px!important;padding:10px 12px 10px 15px!important;background:#0c1b35!important;border:1px solid rgba(139,170,223,.10)!important;border-radius:12px!important}
.today-item:hover{background:#10213f!important;border-color:rgba(139,170,223,.20)!important;transform:translateX(2px)}
.today-main strong{font-size:.75rem!important;color:#eef3ff!important}.today-main small{font-size:.59rem!important;color:#8197bc!important}
.smart-panel{background:radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 35%),linear-gradient(145deg,#10213f,#0a1830)!important}
.smart-insight{background:#0b1a33!important;border:1px solid rgba(139,170,223,.09)!important}
.life-mini-grid{gap:12px!important}.life-mini-grid>.panel{min-height:248px!important}
.life-mini-grid>.panel:nth-child(1){--section-accent:#34d399}.life-mini-grid>.panel:nth-child(2){--section-accent:#22c55e}.life-mini-grid>.panel:nth-child(3){--section-accent:#fb7185}.life-mini-grid>.panel:nth-child(4){--section-accent:#8b5cf6}
.life-mini-grid>.panel:after{height:3px!important;opacity:1!important;box-shadow:0 0 16px color-mix(in srgb,var(--section-accent) 28%,transparent)}
.money-snapshot>div{background:#0b1a32!important;border:1px solid rgba(139,170,223,.09)!important}.money-snapshot>div:nth-child(1){box-shadow:inset 3px 0 rgba(52,211,153,.65)}.money-snapshot>div:nth-child(2){box-shadow:inset 3px 0 rgba(251,113,133,.65)}.money-snapshot>div:nth-child(3){box-shadow:inset 3px 0 rgba(96,165,250,.65)}.money-snapshot>div:nth-child(4){box-shadow:inset 3px 0 rgba(245,158,11,.65)}
.dashboard-rule-row{background:#0b1a33!important;border:1px solid rgba(139,170,223,.10)!important}.dashboard-rule-row.done{background:rgba(52,211,153,.07)!important;border-color:rgba(52,211,153,.16)!important}
.note-dashboard-list>a{background:#0b1a33!important;border:1px solid rgba(139,170,223,.09)!important;border-radius:11px!important}.note-dashboard-list>a:hover{background:#10213f!important;border-color:rgba(139,170,223,.18)!important}
.week-strip>div{background:#0a1931!important;border:1px solid rgba(139,170,223,.08)!important}

/* ---------- Statistics: color is information ---------- */
.stats-grid{gap:12px!important}.stat-card{position:relative!important;overflow:hidden!important;min-height:96px!important;padding:15px!important;background:linear-gradient(145deg,#10213f,#0a1830)!important}
.stat-card:nth-child(1){--stat-accent:#8b5cf6}.stat-card:nth-child(2){--stat-accent:#38bdf8}.stat-card:nth-child(3){--stat-accent:#34d399}.stat-card:nth-child(4){--stat-accent:#f59e0b}.stat-card:nth-child(5){--stat-accent:#f472b6}.stat-card:nth-child(6){--stat-accent:#60a5fa}
.stat-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;top:-45px;background:radial-gradient(circle,color-mix(in srgb,var(--stat-accent) 22%,transparent),transparent 69%);pointer-events:none}
.stat-icon{width:44px!important;height:44px!important;border-radius:12px!important;background:color-mix(in srgb,var(--stat-accent) 20%,#10223f)!important;color:color-mix(in srgb,var(--stat-accent) 72%,#fff)!important;border:1px solid color-mix(in srgb,var(--stat-accent) 28%,transparent)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--stat-accent) 11%,transparent)!important}
.stat-card strong{font-size:1.55rem!important;color:#f8faff!important}.stat-card span{font-size:.61rem!important;color:#8499bd!important}.stat-card small{font-size:.56rem!important;color:#7489ad!important}

/* ---------- Projects ---------- */
.project-grid{gap:14px!important}.project-card{padding:18px!important;background:linear-gradient(150deg,color-mix(in srgb,var(--project-accent) 19%,#10213f),#09172e 66%)!important;border-color:color-mix(in srgb,var(--project-accent) 20%,rgba(139,170,223,.14))!important}
.project-card:before{width:4px!important}.project-card:after{opacity:1!important;width:170px!important;height:170px!important;background:radial-gradient(circle,color-mix(in srgb,var(--project-accent) 28%,transparent),transparent 67%)!important}
.project-card h3{font-size:1rem!important;color:#f4f7ff!important}.project-card p{font-size:.67rem!important;color:#92a7c9!important}.project-progress{height:6px!important;background:#172a49!important}.project-progress-row{margin-top:14px!important}.project-progress-row span,.project-metrics{color:#8096bb!important}.project-card .status-pill{background:color-mix(in srgb,var(--project-accent) 13%,#11213d)!important;color:color-mix(in srgb,var(--project-accent) 65%,#fff)!important;border-color:color-mix(in srgb,var(--project-accent) 28%,transparent)!important}
.compact-projects .project-card{min-height:160px!important}

/* ---------- Kanban ---------- */
.kanban-wrap{padding-bottom:8px!important}.kanban{gap:11px!important}.kanban-col{background:#0a1830!important;border:1px solid rgba(139,170,223,.12)!important;border-radius:15px!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}.kanban-head{padding:12px 12px 8px!important}.kanban-head strong{font-size:.69rem!important}.task-card{background:#10213d!important;border:1px solid rgba(139,170,223,.10)!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important}.task-card:hover{background:#142744!important;border-color:rgba(139,170,223,.21)!important;transform:translateY(-1px)}

/* ---------- Notes: editorial surface ---------- */
.notes-shell{gap:12px!important}.notes-folders{background:linear-gradient(180deg,#0b1931,#08162c)!important}.notes-list-pane{background:linear-gradient(180deg,#0c1b34,#09162d)!important}.note-editor-pane{background:linear-gradient(145deg,#0f1e3b,#08152d)!important}
.note-toolbar{position:sticky!important;top:0!important;z-index:5!important;background:rgb(11 25 50 / .94)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(139,170,223,.10)!important}
.note-title-input{font-size:1.75rem!important;line-height:1.2!important;color:#f8faff!important;letter-spacing:-.035em!important}
.note-meta-row{background:#0a1931!important;border:1px solid rgba(139,170,223,.09)!important;border-radius:12px!important;padding:7px!important}
.note-format-bar{position:sticky!important;top:70px!important;z-index:4!important;background:#0a1931!important;border-top:1px solid rgba(139,170,223,.08)!important;border-bottom:1px solid rgba(139,170,223,.08)!important;padding:7px 10px!important}
.note-format-bar button{border-radius:8px!important;color:#9cb0d2!important}.note-format-bar button:hover,.note-format-bar button.active{background:color-mix(in srgb,var(--page-accent) 16%,#142644)!important;color:#fff!important}
.note-rich-editor{max-width:940px!important;min-height:540px!important;margin:0 auto!important;padding:38px 46px 92px!important;font-size:.93rem!important;line-height:1.78!important;color:#e5edf9!important;caret-color:#7dd3fc!important}
.note-rich-editor:focus{outline:none!important}.note-rich-editor h1,.note-rich-editor h2{color:#fff!important;letter-spacing:-.035em}.note-rich-editor blockquote{margin:18px 0;padding:12px 16px;border-left:3px solid var(--page-accent);background:color-mix(in srgb,var(--page-accent) 8%,#0c1a34);border-radius:0 10px 10px 0;color:#bdcbe1}.note-rich-editor a{color:#6fd5ff;text-decoration:underline;text-underline-offset:3px}.note-editor-footer{background:#091831!important;border-top:1px solid rgba(139,170,223,.08)!important}
.note-list-item{padding:11px!important}.note-list-item:hover{background:#10213e!important}.note-list-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 20%,#10213e),#0c1c36)!important;border-color:color-mix(in srgb,var(--page-accent) 34%,transparent)!important}

/* ---------- Inbox ---------- */
.inbox-layout{gap:14px!important}.inbox-item{border:1px solid transparent!important;border-radius:11px!important;padding:11px!important}.inbox-item:hover,.inbox-item.active{background:#10213f!important;border-color:rgba(139,170,223,.13)!important}.inbox-type{background:color-mix(in srgb,var(--page-accent) 15%,#10213e)!important;color:color-mix(in srgb,var(--page-accent) 65%,#fff)!important}.process-choice{background:#0b1a33!important;border-color:rgba(139,170,223,.10)!important}.process-choice:hover{background:color-mix(in srgb,var(--page-accent) 10%,#10213f)!important;border-color:color-mix(in srgb,var(--page-accent) 28%,transparent)!important}

/* ---------- Calendar: usable first, pretty second ---------- */
.calendar-page .content{width:min(calc(100% - 30px),1940px)!important;max-width:1940px!important}
.calendar-howto-strip>div{background:#0b1a33!important;border-color:rgba(139,170,223,.10)!important}.calendar-howto-strip i{background:color-mix(in srgb,var(--page-accent) 15%,#10213e)!important;color:color-mix(in srgb,var(--page-accent) 68%,#fff)!important}
.calendar-shell-v4{grid-template-columns:300px minmax(0,1fr)!important;gap:13px!important}.calendar-sidebar{padding:16px!important;background:linear-gradient(180deg,#0c1b34,#08162c)!important;max-height:calc(100dvh - var(--topbar-h) - 30px)!important;scrollbar-gutter:stable}.calendar-sidebar::-webkit-scrollbar{width:6px}.calendar-sidebar::-webkit-scrollbar-thumb{background:#244369;border-radius:99px}
.calendar-toggle-row{min-height:48px!important;padding:7px 8px!important;background:transparent!important}.calendar-toggle-row:hover{background:#10213d!important}.calendar-pref-summary{background:#091831!important;border-color:rgba(139,170,223,.09)!important;padding:11px!important}.calendar-pref-summary>div{min-height:27px}.calendar-pref-summary strong{font-size:.64rem!important}.calendar-legend-tip{background:color-mix(in srgb,var(--page-accent-2) 7%,#091831)!important}
.calendar-workspace{padding:12px!important;min-height:calc(100dvh - var(--topbar-h) - 158px)!important;background:linear-gradient(145deg,#0d1b34,#07152c)!important}
.fc{font-size:calc(.79rem * var(--calendar-scale,1))!important;color:#c9d7ee!important}.fc .fc-toolbar{gap:8px!important}.fc .fc-button{min-height:34px!important;border:1px solid rgba(139,170,223,.13)!important;background:#10213d!important;color:#c9d7ee!important;box-shadow:none!important}.fc .fc-button:hover,.fc .fc-button-primary:not(:disabled).fc-button-active{background:linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 42%,#11223f),color-mix(in srgb,var(--page-accent-2) 18%,#10213d))!important;border-color:color-mix(in srgb,var(--page-accent) 35%,transparent)!important;color:#fff!important}.fc .fc-toolbar-title{font-size:1.15rem!important}.fc-theme-standard td,.fc-theme-standard th,.fc-theme-standard .fc-scrollgrid{border-color:rgba(139,170,223,.09)!important}.fc .fc-col-header-cell{background:#0d1d38!important}.fc .fc-col-header-cell-cushion{font-size:.64rem!important;color:#9fb0ce!important}.fc .fc-timegrid-slot{height:3.1em!important}.fc .fc-timegrid-slot-lane:hover{background:rgba(56,189,248,.025)!important}.fc .fc-timegrid-slot-label-cushion{font-size:.60rem!important;color:#738bb2!important}.fc .fc-timegrid-now-indicator-line{border-color:#ff5470!important;box-shadow:0 0 10px rgba(255,84,112,.55)!important}.fc .fc-event{border-left-width:4px!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important}.fc-scroller::-webkit-scrollbar{width:8px;height:8px}.fc-scroller::-webkit-scrollbar-track{background:#07152b}.fc-scroller::-webkit-scrollbar-thumb{background:#244369;border-radius:99px;border:2px solid #07152b}
.calendar-context{background:#0b1a33!important;border:1px solid rgba(139,170,223,.18)!important;box-shadow:0 18px 48px rgba(0,0,0,.34)!important;border-radius:12px!important}.calendar-context button:hover{background:color-mix(in srgb,var(--page-accent) 15%,#10213e)!important}

/* ---------- Finance ---------- */
.finance-stats .stat-card:nth-child(1){--stat-accent:#34d399}.finance-stats .stat-card:nth-child(2){--stat-accent:#fb7185}.finance-stats .stat-card:nth-child(3){--stat-accent:#60a5fa}.finance-stats .stat-card:nth-child(4){--stat-accent:#f59e0b}
.budget-row,.account-row,.recurring-row{background:#0b1a33!important;border:1px solid rgba(139,170,223,.09)!important;border-radius:11px!important}.budget-row:hover,.account-row:hover{background:#10213f!important}.category-chip{font-weight:720!important;border:1px solid color-mix(in srgb,var(--cat) 25%,transparent)!important}.responsive-table table,.table{border-collapse:separate!important;border-spacing:0 6px!important}.responsive-table tbody tr,.table tbody tr{background:#0b1a33!important}.responsive-table tbody td,.table tbody td{border-top:1px solid rgba(139,170,223,.075)!important;border-bottom:1px solid rgba(139,170,223,.075)!important}.responsive-table tbody td:first-child,.table tbody td:first-child{border-left:1px solid rgba(139,170,223,.075)!important;border-radius:10px 0 0 10px}.responsive-table tbody td:last-child,.table tbody td:last-child{border-right:1px solid rgba(139,170,223,.075)!important;border-radius:0 10px 10px 0}

/* ---------- Risks: clearer severity ---------- */
.risk-guide{gap:10px!important}.risk-guide article{background:#0b1a33!important;border-color:rgba(139,170,223,.10)!important}.risk-grid{gap:5px!important}.risk-cell{min-height:68px!important;border-radius:10px!important}.risk-cell.low{background:linear-gradient(145deg,rgba(52,211,153,.11),rgba(10,27,45,.82))!important}.risk-cell.medium{background:linear-gradient(145deg,rgba(245,158,11,.14),rgba(28,27,37,.83))!important}.risk-cell.critical{background:linear-gradient(145deg,rgba(251,113,133,.16),rgba(35,24,37,.84))!important}.risk-dot{box-shadow:0 0 0 5px rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.30)!important}.risk-card{background:#0b1a33!important;border:1px solid rgba(139,170,223,.10)!important}.risk-card.critical{border-left:4px solid #fb7185!important}.risk-card.medium{border-left:4px solid #f59e0b!important}.risk-card.low{border-left:4px solid #34d399!important}.risk-card:hover{background:#10213f!important}.risk-score.high,.risk-card.critical .risk-score{background:rgba(251,113,133,.15)!important;color:#ff9aae!important}.risk-score.medium,.risk-card.medium .risk-score{background:rgba(245,158,11,.14)!important;color:#ffc66c!important}.risk-score.low,.risk-card.low .risk-score{background:rgba(52,211,153,.13)!important;color:#75e7b9!important}

/* ---------- Routine / time / review / reports ---------- */
.routine-card,.quick-log,.week-signal,.review-task,.habit-stat{background:#0b1a33!important;border:1px solid rgba(139,170,223,.09)!important}.routine-card:hover,.quick-log:hover{background:#10213f!important}.smart-mode-card{background:radial-gradient(circle at 100% 0,color-mix(in srgb,#34d399 14%,transparent),transparent 34%),linear-gradient(145deg,#10213f,#0a1830)!important}.energy-gauge-card{background:radial-gradient(circle at 50% 30%,rgba(34,211,238,.13),transparent 40%),linear-gradient(145deg,#10213f,#0a1830)!important}.report-life-stats .stat-card:nth-child(1){--stat-accent:#60a5fa}.report-life-stats .stat-card:nth-child(2){--stat-accent:#fb7185}.report-life-stats .stat-card:nth-child(3){--stat-accent:#8b5cf6}.report-life-stats .stat-card:nth-child(4){--stat-accent:#f59e0b}.report-life-stats .stat-card:nth-child(5){--stat-accent:#34d399}.report-life-stats .stat-card:nth-child(6){--stat-accent:#22d3ee}

/* ---------- Settings / Theme Studio ---------- */
.settings-nav{background:#091831!important}.settings-nav button,.settings-nav a{border-radius:10px!important}.settings-nav .active{background:linear-gradient(90deg,color-mix(in srgb,var(--page-accent) 25%,#10213e),#10213e)!important;color:#fff!important}.theme-option,.visual-style-card,.theme-preset-card{background:#0b1a33!important;border:1px solid rgba(139,170,223,.10)!important}.theme-option:hover,.visual-style-card:hover,.theme-preset-card:hover{background:#10213f!important;border-color:rgba(139,170,223,.22)!important}.theme-option.active,.visual-style-card.active{border-color:color-mix(in srgb,var(--primary) 48%,transparent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 9%,transparent)!important}

/* ---------- Users / Roles ---------- */
.user-flow-strip>div,.role-card{background:#0b1a33!important;border:1px solid rgba(139,170,223,.09)!important}.user-cell img{box-shadow:0 0 0 2px #142744!important}.permission-group{background:#0b1a33!important;border-color:rgba(139,170,223,.09)!important}.perm-item:hover{background:#10213f!important}

/* ---------- Floating tools: viewport anchored, never footer anchored ---------- */
.focus-fab,.accessibility-fab{position:fixed!important;transform:none!important;visibility:visible!important}
.focus-fab{right:22px!important;bottom:22px!important;z-index:520!important;height:46px!important;min-width:114px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--primary),var(--secondary))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 15px 38px color-mix(in srgb,var(--primary) 26%,rgba(0,0,0,.24))!important}
.accessibility-fab{right:22px!important;bottom:78px!important;z-index:521!important;width:46px!important;height:46px!important;border-radius:14px!important;background:#10213f!important;border:1px solid rgba(139,170,223,.22)!important;color:#b9cdf0!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important}
.accessibility-fab:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 55%,#10213f),color-mix(in srgb,var(--secondary) 25%,#10213f))!important;color:#fff!important}
.accessibility-panel{position:fixed!important;right:22px!important;left:auto!important;bottom:136px!important;top:auto!important;width:min(350px,calc(100vw - 32px))!important;max-height:min(610px,calc(100dvh - 160px))!important;overflow:auto!important;z-index:540!important;background:linear-gradient(155deg,rgba(16,35,66,.98),rgba(7,18,39,.98))!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important}
.app-footer{position:relative!important;z-index:2!important;min-height:52px!important;padding-right:170px!important}

/* ---------- Help drawer ---------- */
.page-guide-drawer{width:min(450px,100vw)!important;background:linear-gradient(160deg,#10213f,#07152c)!important}.page-guide-head{padding:24px 22px 18px!important}.guide-step{background:#0b1a33!important;border-color:rgba(139,170,223,.10)!important}.guide-step>span{background:linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 28%,#10213e),color-mix(in srgb,var(--page-accent-2) 13%,#10213e))!important;color:#fff!important}.guide-step strong{font-size:.73rem!important;color:#eef3ff!important}.guide-step p{font-size:.66rem!important;color:#8fa4c6!important}.guide-rule{background:rgba(52,211,153,.08)!important;border-color:rgba(52,211,153,.14)!important;color:#a3e5ca!important}
.help-popover{background:#0b1a33!important;border:1px solid rgba(139,170,223,.18)!important;box-shadow:0 18px 48px rgba(0,0,0,.36)!important}

/* ---------- Scrollbars ---------- */
*{scrollbar-width:thin;scrollbar-color:#27466d transparent}
*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#27466d;border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:#365a86}

/* =============================================================
   LIGHT THEME — intentionally designed, not an inverted dark skin
   ============================================================= */
[data-theme="light"]{
  --ui-bg:#edf2f8;--ui-surface:#ffffff;--ui-surface-2:#f7f9fd;--ui-surface-3:#eef3fa;--ui-text:#14233d;--ui-text-2:#2e4365;--ui-muted:#6d82a3;--ui-line:rgba(47,75,117,.13);--ui-line-strong:rgba(47,75,117,.22)
}
[data-theme="light"] body{background:#edf2f8!important;color:#314767!important}
[data-theme="light"] body:before{background:radial-gradient(circle at 85% 4%,color-mix(in srgb,var(--page-accent-2) 9%,transparent),transparent 26%),radial-gradient(circle at 14% 92%,color-mix(in srgb,var(--page-accent) 8%,transparent),transparent 28%),linear-gradient(rgba(237,242,248,.94),rgba(237,242,248,.96)),var(--app-background-image),#edf2f8!important}
[data-theme="light"] .page-head h1,[data-theme="light"] .panel-title h2,[data-theme="light"] .panel-title h3{color:#14233d!important}
[data-theme="light"] .page-head p,[data-theme="light"] .panel-title p,[data-theme="light"] .muted,[data-theme="light"] .subtle{color:#6d82a3!important}
[data-theme="light"] .panel,[data-theme="light"] .glass-card,[data-theme="light"] .settings-section,[data-theme="light"] .modal-card,[data-theme="light"] .notes-folders,[data-theme="light"] .notes-list-pane,[data-theme="light"] .note-editor-pane,[data-theme="light"] .calendar-workspace,[data-theme="light"] .stat-card,[data-theme="light"] .life-pulse-card,[data-theme="light"] .project-card,[data-theme="light"] .finance-card,[data-theme="light"] .risk-card,[data-theme="light"] .routine-card{
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--page-accent) 5%,transparent),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,250,255,.94))!important;
  border-color:rgba(49,78,121,.13)!important;box-shadow:inset 0 1px #fff,0 12px 30px rgba(62,81,113,.09)!important;color:#314767!important
}
[data-theme="light"] .topbar{background:rgba(250,252,255,.94)!important;border-color:rgba(49,78,121,.11)!important;box-shadow:0 8px 24px rgba(57,77,109,.07)!important}
[data-theme="light"] .global-search,[data-theme="light"] .page-guide-btn,[data-theme="light"] .top-action,[data-theme="light"] .icon-btn{background:#fff!important;border-color:rgba(49,78,121,.13)!important;color:#61789a!important}
[data-theme="light"] .global-search:hover,[data-theme="light"] .page-guide-btn:hover{background:#f6f9fd!important;color:#1f3556!important}
[data-theme="light"] .btn-ghost,[data-theme="light"] .tiny-btn,[data-theme="light"] .close-btn{background:#f5f8fc!important;border-color:rgba(49,78,121,.13)!important;color:#526a8d!important}
[data-theme="light"] .btn-ghost:hover,[data-theme="light"] .tiny-btn:hover,[data-theme="light"] .close-btn:hover{background:#edf3fb!important;color:#203654!important}
[data-theme="light"] .input,[data-theme="light"] .select,[data-theme="light"] .textarea{background:#fff!important;border-color:rgba(49,78,121,.15)!important;color:#213654!important}
[data-theme="light"] .life-pulse-card{background:linear-gradient(145deg,color-mix(in srgb,var(--pulse) 8%,#fff),#fff 64%)!important;border-color:color-mix(in srgb,var(--pulse) 20%,rgba(49,78,121,.12))!important}
[data-theme="light"] .life-pulse-label span{color:#566d8f!important}[data-theme="light"] .life-pulse-label .pulse-mini,[data-theme="light"] .life-pulse-foot{color:#7186a5!important}[data-theme="light"] .life-pulse-value strong{color:#14233d!important}[data-theme="light"] .life-pulse-value em{color:color-mix(in srgb,var(--pulse) 62%,#5f7392)!important}[data-theme="light"] .pulse-track{background:#e4ebf5!important}
[data-theme="light"] .today-item,[data-theme="light"] .smart-insight,[data-theme="light"] .money-snapshot>div,[data-theme="light"] .dashboard-rule-row,[data-theme="light"] .note-dashboard-list>a,[data-theme="light"] .week-strip>div,[data-theme="light"] .budget-row,[data-theme="light"] .account-row,[data-theme="light"] .recurring-row,[data-theme="light"] .routine-card,[data-theme="light"] .quick-log,[data-theme="light"] .week-signal,[data-theme="light"] .review-task,[data-theme="light"] .habit-stat,[data-theme="light"] .inbox-item:hover,[data-theme="light"] .process-choice,[data-theme="light"] .risk-card,[data-theme="light"] .risk-guide article{background:#fff!important;border-color:rgba(49,78,121,.11)!important;color:#263b5c!important}
[data-theme="light"] .today-item:hover,[data-theme="light"] .note-dashboard-list>a:hover,[data-theme="light"] .routine-card:hover,[data-theme="light"] .quick-log:hover,[data-theme="light"] .risk-card:hover,[data-theme="light"] .process-choice:hover{background:#f7faff!important}
[data-theme="light"] .today-main strong,[data-theme="light"] .stat-card strong,[data-theme="light"] .project-card h3,[data-theme="light"] .note-title-input{color:#14233d!important}[data-theme="light"] .today-main small,[data-theme="light"] .stat-card span,[data-theme="light"] .stat-card small,[data-theme="light"] .project-card p,[data-theme="light"] .project-metrics,[data-theme="light"] .project-progress-row span{color:#6b81a2!important}
[data-theme="light"] .stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--stat-accent) 6%,#fff),#fff 70%)!important;border-color:color-mix(in srgb,var(--stat-accent) 18%,rgba(49,78,121,.11))!important}
[data-theme="light"] .project-card{background:linear-gradient(150deg,color-mix(in srgb,var(--project-accent) 10%,#fff),#fff 65%)!important;border-color:color-mix(in srgb,var(--project-accent) 20%,rgba(49,78,121,.11))!important}
[data-theme="light"] .project-progress{background:#e5ebf4!important}
[data-theme="light"] .kanban-col{background:#f5f8fc!important;border-color:rgba(49,78,121,.11)!important}[data-theme="light"] .task-card{background:#fff!important;border-color:rgba(49,78,121,.11)!important;color:#243a5b!important}[data-theme="light"] .task-card:hover{background:#fafcff!important}
[data-theme="light"] .notes-folders,[data-theme="light"] .notes-list-pane,[data-theme="light"] .note-editor-pane{background:#fff!important}[data-theme="light"] .note-toolbar,[data-theme="light"] .note-format-bar,[data-theme="light"] .note-editor-footer,[data-theme="light"] .note-meta-row{background:#f7f9fd!important;border-color:rgba(49,78,121,.10)!important}[data-theme="light"] .note-rich-editor{color:#263b5b!important;caret-color:#2563eb!important}[data-theme="light"] .note-rich-editor h1,[data-theme="light"] .note-rich-editor h2{color:#14233d!important}[data-theme="light"] .note-rich-editor blockquote{background:#f2f5fb;color:#526987}
[data-theme="light"] .calendar-sidebar,[data-theme="light"] .calendar-workspace{background:#fff!important}[data-theme="light"] .calendar-toggle-row:hover,[data-theme="light"] .calendar-pref-summary,[data-theme="light"] .calendar-legend-tip{background:#f6f9fd!important}[data-theme="light"] .calendar-pref-summary strong{color:#263b5b!important}[data-theme="light"] .fc{color:#344b6c!important}[data-theme="light"] .fc .fc-col-header-cell{background:#f5f8fc!important}[data-theme="light"] .fc .fc-button{background:#fff!important;color:#526987!important;border-color:rgba(49,78,121,.13)!important}[data-theme="light"] .fc .fc-button:hover,[data-theme="light"] .fc .fc-button-primary:not(:disabled).fc-button-active{background:color-mix(in srgb,var(--page-accent) 9%,#fff)!important;color:#1d3354!important}[data-theme="light"] .fc-theme-standard td,[data-theme="light"] .fc-theme-standard th,[data-theme="light"] .fc-theme-standard .fc-scrollgrid{border-color:rgba(49,78,121,.09)!important}[data-theme="light"] .fc .fc-timegrid-slot-label-cushion{color:#7589a7!important}
[data-theme="light"] .responsive-table tbody tr,[data-theme="light"] .table tbody tr{background:#fff!important}[data-theme="light"] .responsive-table tbody td,[data-theme="light"] .table tbody td{border-color:rgba(49,78,121,.08)!important;color:#304667!important}
[data-theme="light"] .risk-cell.low{background:linear-gradient(145deg,#eafaf3,#f7fcfa)!important}[data-theme="light"] .risk-cell.medium{background:linear-gradient(145deg,#fff6e8,#fffbf5)!important}[data-theme="light"] .risk-cell.critical{background:linear-gradient(145deg,#fff0f3,#fff9fa)!important}
[data-theme="light"] .settings-nav,[data-theme="light"] .theme-option,[data-theme="light"] .visual-style-card,[data-theme="light"] .theme-preset-card,[data-theme="light"] .user-flow-strip>div,[data-theme="light"] .role-card,[data-theme="light"] .permission-group{background:#fff!important;border-color:rgba(49,78,121,.11)!important}
[data-theme="light"] .accessibility-panel,[data-theme="light"] .page-guide-drawer,[data-theme="light"] .help-popover,[data-theme="light"] .calendar-context{background:#fff!important;color:#263b5b!important;border-color:rgba(49,78,121,.14)!important}[data-theme="light"] .guide-step{background:#f6f9fd!important}[data-theme="light"] .guide-step strong{color:#203654!important}[data-theme="light"] .guide-step p{color:#6c82a3!important}
[data-theme="light"] .app-footer{background:rgba(244,248,253,.86)!important;border-color:rgba(49,78,121,.08)!important;color:#7a8daa!important}

/* ---------- Visual Style variants: customization still matters ---------- */
html[data-visual-style="vivid"] .panel,html[data-visual-style="vivid"] .glass-card,html[data-visual-style="vivid"] .settings-section{border-color:color-mix(in srgb,var(--page-accent) 13%,rgba(139,170,223,.15))!important}
html[data-visual-style="balanced"] .panel,html[data-visual-style="balanced"] .glass-card,html[data-visual-style="balanced"] .settings-section{background:linear-gradient(145deg,rgb(15 31 59 / var(--surface-alpha,.79)),rgb(8 19 40 / var(--surface-alpha,.79)))!important}
html[data-visual-style="crystal"] .panel,html[data-visual-style="crystal"] .glass-card,html[data-visual-style="crystal"] .settings-section{background:linear-gradient(145deg,rgba(17,36,70,.68),rgba(7,18,39,.64))!important;backdrop-filter:blur(max(var(--glass-blur),25px)) saturate(1.48)!important;border-color:color-mix(in srgb,var(--primary) 22%,rgba(139,170,223,.14))!important}
html[data-visual-style="minimal"] .panel,html[data-visual-style="minimal"] .glass-card,html[data-visual-style="minimal"] .settings-section{background:#0b1930!important;box-shadow:0 8px 22px rgba(0,0,0,.13)!important;border-color:rgba(139,170,223,.11)!important}
[data-theme="light"][data-visual-style="balanced"] .panel,[data-theme="light"][data-visual-style="balanced"] .glass-card,[data-theme="light"][data-visual-style="balanced"] .settings-section{background:#fff!important}
[data-theme="light"][data-visual-style="crystal"] .panel,[data-theme="light"][data-visual-style="crystal"] .glass-card,[data-theme="light"][data-visual-style="crystal"] .settings-section{background:rgba(255,255,255,.76)!important;backdrop-filter:blur(max(var(--glass-blur),25px)) saturate(1.28)!important}
[data-theme="light"][data-visual-style="minimal"] .panel,[data-theme="light"][data-visual-style="minimal"] .glass-card,[data-theme="light"][data-visual-style="minimal"] .settings-section{background:#fff!important;box-shadow:0 5px 18px rgba(58,77,108,.07)!important}

/* ---------- Responsive ---------- */
@media(max-width:1380px){
  .life-pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.life-pulse-grid>.life-pulse-card:nth-child(4),.life-pulse-grid>.life-pulse-card:nth-child(5){min-height:112px!important}.calendar-shell-v4{grid-template-columns:260px minmax(0,1fr)!important}
}
@media(max-width:1020px){
  .content{width:calc(100% - 26px)!important}.calendar-shell-v4{grid-template-columns:1fr!important}.calendar-sidebar{position:relative!important;top:auto!important;max-height:none!important}.calendar-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.calendar-workspace{min-height:720px!important}.page-guide-btn span{display:none}.page-guide-btn{width:38px!important;padding:0!important;justify-content:center!important}
}
@media(max-width:700px){
  .content{width:calc(100% - 16px)!important;padding:18px 0 100px!important}.page-head:before{display:none}.page-head h1{font-size:1.78rem!important}.life-pulse-grid{grid-template-columns:1fr!important}.life-pulse-grid>.life-pulse-card:last-child{grid-column:auto!important}.life-pulse-card{min-height:112px!important}.life-dashboard-grid{grid-template-columns:1fr!important}.life-mini-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr 1fr!important}.project-grid{grid-template-columns:1fr!important}.calendar-list{grid-template-columns:1fr!important}.calendar-workspace{min-height:670px!important;padding:6px!important}.fc .fc-toolbar{flex-wrap:wrap!important}.fc .fc-toolbar-chunk{display:flex!important}.note-rich-editor{padding:26px 18px 78px!important;min-height:430px!important}.note-format-bar{top:64px!important;overflow-x:auto!important}.app-footer{padding-right:22px!important;padding-bottom:86px!important}.focus-fab{right:12px!important;bottom:18px!important}.accessibility-fab{right:12px!important;bottom:72px!important}.accessibility-panel{right:10px!important;bottom:130px!important}
}
/* Dashboard mini-module title icons */
.life-mini-grid .panel-title h3{display:flex;align-items:center;gap:7px}.life-mini-grid .panel-title h3>i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:var(--section-accent);background:color-mix(in srgb,var(--section-accent) 14%,#10213d);border:1px solid color-mix(in srgb,var(--section-accent) 22%,transparent);font-size:.9rem}
[data-theme="light"] .life-mini-grid .panel-title h3>i{background:color-mix(in srgb,var(--section-accent) 10%,#fff)}