/* AVANZA Life OS 4.0 — visual system */
:root{
  --surface-0:#050b18;--surface-1:#071426;--surface-2:#0b1d36;
  --glass-a:rgba(12,29,56,.56);--glass-b:rgba(20,38,72,.44);
  --glass-line:rgba(169,193,235,.16);--glass-line-strong:rgba(169,193,235,.24);
  --text-strong:#f8fbff;--text-body:#d7e1f6;--text-soft:#92a4c7;
  --purple:#8b5cf6;--blue:#4f7cff;--cyan:#35c4f4;--green:#3bd79c;--amber:#f6a93b;--pink:#f15b9a;
  --shadow-soft:0 14px 45px rgba(1,7,21,.22);--shadow-float:0 22px 60px rgba(1,7,21,.32);
}
html{font-size:calc(var(--base-font-size,14.5px)*var(--user-font-scale,1))}
body{font-size:1rem;letter-spacing:-.008em;color:var(--text-body)}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:
 radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 25%),
 radial-gradient(circle at 15% 80%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 28%),
 linear-gradient(rgba(3,8,22,var(--app-bg-overlay)),rgba(3,8,22,var(--app-bg-overlay))),var(--app-background-image),#050b18;
 background-size:auto,auto,cover,auto;background-position:center,center,var(--app-bg-position),center;background-attachment:fixed}
.content{width:min(calc(100% - 32px),var(--content-max-width));margin-inline:auto;padding:26px 0 90px}

/* Stronger liquid glass, still readable */
.panel,.glass-card,.stat-card,.project-card,.life-pulse-card,.today-item,.routine-card,.risk-card,.finance-card,.settings-section,.notes-folders,.notes-list-pane,.note-editor-pane,.calendar-workspace,.modal-card{
 background:linear-gradient(145deg,rgba(24,43,80,calc(var(--glass-opacity) + .07)),rgba(8,20,42,calc(var(--glass-opacity) - .05)))!important;
 border:1px solid rgba(175,201,245,var(--glass-border-alpha))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--shadow-soft);
 -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));
}
.panel,.glass-card,.settings-section{position:relative;overflow:hidden}
.panel:before,.settings-section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 45%,transparent),color-mix(in srgb,var(--secondary) 38%,transparent),transparent);pointer-events:none}
.panel-title{gap:12px}.panel-title>div:first-child{min-width:0}.panel-title h2,.panel-title h3{letter-spacing:-.025em}.panel-title p,.section-heading p,.page-head p{color:var(--text-soft)!important;line-height:1.55}

/* Color language */
.accent-card{--card-accent:var(--primary);position:relative}.accent-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--card-accent) 16%,transparent),transparent 35%)}
.life-pulse-card:nth-child(1),.stat-card:nth-child(1){--card-accent:#8b5cf6}.life-pulse-card:nth-child(2),.stat-card:nth-child(2){--card-accent:#38bdf8}.life-pulse-card:nth-child(3),.stat-card:nth-child(3){--card-accent:#3bd79c}.life-pulse-card:nth-child(4),.stat-card:nth-child(4){--card-accent:#f6a93b}.life-pulse-card:nth-child(5),.stat-card:nth-child(5){--card-accent:#f15b9a}
.life-pulse-card,.stat-card{border-top-color:color-mix(in srgb,var(--card-accent,var(--primary)) 36%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent,var(--primary)) 8%,rgba(18,35,66,.72)),rgba(9,21,44,.58))!important}
.life-pulse-card .stat-icon,.stat-card .stat-icon{background:color-mix(in srgb,var(--card-accent,var(--primary)) 14%,transparent)!important;color:var(--card-accent,var(--primary))!important;border:1px solid color-mix(in srgb,var(--card-accent,var(--primary)) 20%,transparent)}
.project-card{--project-accent:#7c3aed;border-top:2px solid color-mix(in srgb,var(--project-accent) 80%,transparent)!important;background:linear-gradient(155deg,color-mix(in srgb,var(--project-accent) 10%,rgba(20,36,68,.74)),rgba(7,18,38,.64))!important}

/* Typography hierarchy */
.page-head{margin-bottom:20px;gap:18px}.page-head h1{font-size:clamp(1.8rem,2.1vw,2.45rem);line-height:1.05;letter-spacing:-.045em}.page-head p{font-size:.88rem;max-width:820px}.eyebrow{font-size:.63rem;letter-spacing:.15em;color:#8fa7d3;font-weight:800}.panel-title h3,.section-heading h2{font-size:1.02rem}.panel-title p,.section-heading p{font-size:.75rem}.btn{min-height:39px;border-radius:11px;font-size:.74rem;font-weight:760}.btn-sm{min-height:33px;font-size:.68rem}.input,.select,.textarea{min-height:40px;border-radius:10px;font-size:.76rem}.field label{font-size:.7rem}.badge{font-size:.61rem}

/* Sidebar with real expanded/collapsed logo */
.sidebar{background:#051129!important}.sidebar-bg{opacity:.72!important;background-position:var(--sidebar-bg-position)!important}.sidebar-shade{background:linear-gradient(180deg,rgba(2,9,25,.35),rgba(3,13,34,.78) 48%,rgba(2,8,23,.45))!important}
.brand{height:60px;padding:0 10px}.brand .brand-wide{display:block;width:min(158px,100%);max-height:42px;object-fit:contain;object-position:left center}.brand .brand-mark{display:none;width:42px;height:42px;object-fit:contain}.sidebar.collapsed .brand{padding:0;justify-content:center}.sidebar.collapsed .brand-wide{display:none}.sidebar.collapsed .brand-mark{display:block}
.nav-section-label{font-size:.53rem;letter-spacing:.16em;color:#53688e;margin:14px 10px 6px;font-weight:800}.nav-item,.nav-parent{height:41px;border-radius:11px;font-size:.74rem}.nav-item i,.nav-parent i{font-size:18px}.nav-submenu{display:grid;gap:3px;max-height:0;overflow:hidden;opacity:.2;transition:max-height .22s ease,opacity .18s ease;padding-left:7px}.nav-submenu.open{max-height:380px;opacity:1}.nav-submenu .nav-item{height:37px;padding-left:22px;font-size:.69rem}.nav-parent{display:flex;align-items:center;gap:13px;padding:0 13px;width:100%;color:#a5b5d7;background:transparent;cursor:pointer}.nav-parent:hover,.nav-parent.active{color:#fff;background:rgba(255,255,255,.045)}.nav-parent .chev{margin-left:auto;font-size:14px;transition:.18s}.nav-parent.open .chev{transform:rotate(90deg)}.sidebar.collapsed .nav-parent span,.sidebar.collapsed .nav-parent .chev{display:none}.sidebar.collapsed .nav-parent{justify-content:center;padding:0}.sidebar.collapsed .nav-submenu{display:none}

/* Topbar */
.topbar{background:rgba(4,12,28,.62)!important;border-bottom-color:rgba(165,188,231,.12)!important;box-shadow:0 8px 35px rgba(0,0,0,.08)}
.global-search{background:rgba(8,20,42,.56)!important;border-color:rgba(145,171,219,.15)!important}.user-chip strong{font-size:.72rem}.user-chip small{font-size:.56rem}

/* Buttons / controls */
.btn-primary,.btn-gradient{background:linear-gradient(135deg,var(--primary),#6b67ff 45%,var(--secondary))!important;box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 24%,transparent)!important}.btn-primary:hover{transform:translateY(-1px);filter:saturate(1.1) brightness(1.05)}
.tiny-btn,.close-btn,.info-help{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(167,191,235,.13);background:rgba(255,255,255,.035);color:#9eafd1;cursor:pointer;transition:.16s}.tiny-btn:hover,.close-btn:hover,.info-help:hover{color:#fff;background:rgba(255,255,255,.075);border-color:rgba(167,191,235,.25)}.close-btn{margin-left:auto;flex:0 0 auto}.modal-head{align-items:flex-start}.modal-head>.close-btn{order:99;margin-left:auto}

/* Inline help / tutorials */
.info-help{width:28px;height:28px;font-size:15px}.help-popover{position:fixed;z-index:240;width:min(360px,calc(100vw - 24px));padding:14px 15px;border-radius:14px;background:rgba(8,20,43,.95);border:1px solid rgba(158,187,236,.22);box-shadow:0 22px 60px rgba(0,0,0,.35);backdrop-filter:blur(22px) saturate(1.35);display:none}.help-popover.open{display:block;animation:helpIn .14s ease}.help-popover-head{display:flex;gap:10px;align-items:center}.help-popover-head i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 24%,transparent),color-mix(in srgb,var(--secondary) 18%,transparent));color:#c9d7ff}.help-popover h4{font-size:.82rem;margin:0}.help-popover p{font-size:.71rem;color:#a5b7d8;line-height:1.58;margin:8px 0 0}.help-popover .help-tip{margin-top:10px;padding:8px 10px;border-radius:9px;background:rgba(103,232,249,.06);color:#aeeaf5;font-size:.65rem}@keyframes helpIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Notes — actual editor rather than giant textarea */
.notes-shell{grid-template-columns:205px 330px minmax(0,1fr)!important;gap:12px!important;height:calc(100vh - var(--topbar-h) - 28px)!important}.notes-folders,.notes-list-pane,.note-editor-pane{border-radius:16px!important}.note-editor-pane{overflow:hidden!important}.note-editor{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}.note-toolbar{padding:11px 14px!important;border-bottom:1px solid rgba(170,194,237,.10)}.note-title-input{font-size:1.55rem!important;line-height:1.2!important;padding:14px 17px 7px!important;min-height:0!important}.note-meta-row{padding:5px 14px 10px!important;gap:7px!important}.note-format-bar{padding:7px 13px!important;position:sticky;top:0;z-index:3;background:rgba(8,20,42,.68);backdrop-filter:blur(12px);border-block:1px solid rgba(170,194,237,.09)}.note-format-bar button{width:31px;height:31px;border-radius:8px!important}.note-rich-editor{flex:1;min-height:0;overflow:auto;padding:22px 26px 42px;outline:none;font-size:.88rem;line-height:1.78;color:var(--text-body);caret-color:var(--accent);white-space:pre-wrap;word-break:break-word}.note-rich-editor:empty:before{content:attr(data-placeholder);color:#64799f}.note-rich-editor h1,.note-rich-editor h2,.note-rich-editor h3{color:var(--text-strong);letter-spacing:-.03em}.note-rich-editor h2{font-size:1.28rem}.note-rich-editor ul,.note-rich-editor ol{padding-left:1.5rem}.note-rich-editor blockquote{margin:12px 0;padding:8px 13px;border-left:3px solid var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent);border-radius:0 9px 9px 0}.note-rich-editor a{color:#62c8ff;text-decoration:underline}.note-editor-footer{padding:8px 14px!important}.note-list-item{padding:11px!important;border-radius:11px!important}.note-list-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,transparent),color-mix(in srgb,var(--secondary) 7%,transparent))!important}

/* Calendar — full width, clear hierarchy */
.calendar-workspace{padding:14px!important;min-height:760px}.calendar-page .content{max-width:none!important;width:calc(100% - 28px)!important}.calendar-shell-v4{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.calendar-sidebar{padding:13px;align-self:start;position:sticky;top:calc(var(--topbar-h) + 12px)}.calendar-list{display:grid;gap:6px}.calendar-toggle-row{display:flex;align-items:center;gap:9px;padding:8px;border-radius:10px}.calendar-toggle-row:hover{background:rgba(255,255,255,.035)}.calendar-color-dot{width:10px;height:10px;border-radius:50%;background:var(--cal-color)}.calendar-toggle-row strong{font-size:.7rem;flex:1}.fc{font-size:calc(.71rem * var(--calendar-scale,1))!important}.fc .fc-toolbar{margin-bottom:12px!important}.fc .fc-toolbar-title{font-size:1.15rem!important;letter-spacing:-.03em}.fc .fc-button{font-size:.67rem!important;padding:.52em .8em!important;border-radius:9px!important}.fc .fc-col-header-cell-cushion{font-size:.64rem!important;letter-spacing:.05em;text-transform:uppercase;color:#8ea2c5}.fc .fc-timegrid-slot{height:2.65em!important}.fc .fc-timegrid-slot-label-cushion{font-size:.58rem;color:#7084a9}.fc .fc-event{border-radius:8px!important;padding:3px 5px!important;box-shadow:0 5px 14px rgba(0,0,0,.12)}.fc .av-event-inner strong{font-size:.66rem!important}.fc .av-event-inner small{font-size:.55rem!important}.calendar-context{position:fixed;z-index:260;display:none;min-width:230px;padding:7px;border-radius:13px;background:rgba(7,18,39,.97);border:1px solid rgba(164,192,236,.20);box-shadow:0 22px 60px rgba(0,0,0,.35);backdrop-filter:blur(20px)}.calendar-context.open{display:grid}.calendar-context button{height:38px;border-radius:9px;background:transparent;color:#cfdbf3;text-align:left;padding:0 10px;display:flex;gap:9px;align-items:center;font-size:.7rem;cursor:pointer}.calendar-context button:hover{background:rgba(255,255,255,.06);color:#fff}.calendar-context .danger{color:#ff8298}.calendar-context hr{border:0;border-top:1px solid rgba(164,192,236,.10);width:100%}

/* Risk UI */
.risk-matrix{gap:6px!important}.risk-cell{border-radius:10px!important;transition:.16s;position:relative}.risk-cell:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.12)}.risk-card{border-left:3px solid var(--risk-color,#f59e0b)!important}.risk-card[data-score^="2"]{--risk-color:#fb5373}.risk-action-progress{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.risk-action-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary))}.risk-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.risk-guide article{padding:11px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(170,194,237,.08)}.risk-guide strong{font-size:.69rem}.risk-guide small{display:block;font-size:.6rem;color:#8295b8;margin-top:3px;line-height:1.45}

/* Finance */
.finance-card{overflow:hidden}.finance-card .money{font-size:1.35rem;letter-spacing:-.04em}.finance-table .amount.expense{color:#ff718d}.finance-table .amount.income{color:#45dfa2}

/* Login */
.login-page{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr)!important;min-height:100vh!important;max-width:1580px;margin:0 auto;box-shadow:0 0 0 100vmax #030817;clip-path:inset(0 -100vmax)}.login-visual{min-height:100vh!important}.login-visual-content{width:min(760px,86%);margin:0 auto!important;padding:48px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:100vh!important}.login-logo{width:165px!important;position:absolute;top:38px;left:7%}.login-copy{max-width:650px}.login-copy h1{font-size:clamp(2.6rem,4.25vw,5rem)!important;line-height:.98!important;letter-spacing:-.06em!important;margin:16px 0 18px!important}.login-copy>p{font-size:.94rem!important;line-height:1.65!important;max-width:620px}.login-benefits{margin-top:28px!important;display:grid!important;gap:14px!important}.login-benefit{gap:12px!important}.login-benefit i{width:38px!important;height:38px!important;border-radius:11px!important}.login-benefit strong{font-size:.76rem!important}.login-benefit small{font-size:.63rem!important}.login-form-wrap{display:flex!important;align-items:center!important;justify-content:center!important;padding:42px!important;background:transparent!important}.login-card{width:min(430px,100%)!important;padding:30px!important;border-radius:20px!important}.login-card .mark{width:58px!important;height:58px!important}.login-card h2{font-size:1.5rem!important}.login-card p{font-size:.72rem!important}.login-quote{font-size:.65rem!important}

/* Light theme rebuilt */
[data-theme="light"]{--bg:#eef3fb;--bg-2:#f7f9fe;--bg-3:#e8eef8;--text:#17233c;--text-strong:#12203a;--text-body:#2c3c5d;--text-soft:#6d7f9f;--muted:#7183a3;--muted-2:#8b9ab4;--border:rgba(54,77,113,.13);--border-strong:rgba(54,77,113,.20);--glass-a:rgba(255,255,255,.68);--glass-b:rgba(247,250,255,.58)}
[data-theme="light"] body:before{background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 27%),radial-gradient(circle at 12% 88%,color-mix(in srgb,var(--primary) 11%,transparent),transparent 26%),linear-gradient(rgba(235,241,251,.82),rgba(235,241,251,.82)),var(--app-background-image),#eef3fb!important}
[data-theme="light"] body{color:var(--text-body)!important;background:#eef3fb!important}
[data-theme="light"] .panel,[data-theme="light"] .glass-card,[data-theme="light"] .stat-card,[data-theme="light"] .project-card,[data-theme="light"] .life-pulse-card,[data-theme="light"] .today-item,[data-theme="light"] .routine-card,[data-theme="light"] .risk-card,[data-theme="light"] .finance-card,[data-theme="light"] .settings-section,[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"] .modal-card{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(247,250,255,.61))!important;border-color:rgba(66,88,125,.13)!important;box-shadow:0 14px 42px rgba(62,81,116,.10),inset 0 1px 0 rgba(255,255,255,.78)!important}
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] h4,[data-theme="light"] strong,[data-theme="light"] .table th{color:var(--text-strong)!important}[data-theme="light"] p,[data-theme="light"] small,[data-theme="light"] .muted,[data-theme="light"] .subtle{color:var(--text-soft)!important}
[data-theme="light"] .input,[data-theme="light"] .select,[data-theme="light"] .textarea,[data-theme="light"] .note-title-input{background:rgba(255,255,255,.62)!important;color:#1d2a44!important;border-color:rgba(66,88,125,.14)!important}[data-theme="light"] .note-rich-editor{color:#243653!important}[data-theme="light"] .note-format-bar{background:rgba(248,251,255,.74)!important}[data-theme="light"] .topbar{background:rgba(249,251,255,.77)!important}[data-theme="light"] .global-search{background:rgba(255,255,255,.65)!important;color:#6f809e!important}[data-theme="light"] .top-action,[data-theme="light"] .user-chip,[data-theme="light"] .icon-btn,[data-theme="light"] .tiny-btn,[data-theme="light"] .info-help{color:#526987;background:rgba(255,255,255,.60);border-color:rgba(73,97,135,.12)}[data-theme="light"] .help-popover,[data-theme="light"] .calendar-context{background:rgba(250,252,255,.97);color:#1c2b45;border-color:rgba(73,97,135,.16)}[data-theme="light"] .help-popover p{color:#667a9a!important}[data-theme="light"] .modal-backdrop{background:rgba(26,40,66,.26)!important}
[data-theme="light"] .fc{--fc-border-color:rgba(64,85,118,.10);--fc-page-bg-color:transparent;--fc-neutral-bg-color:rgba(255,255,255,.52);--fc-today-bg-color:rgba(124,58,237,.075);color:#31435f}.fc-theme-standard td,.fc-theme-standard th{border-color:rgba(64,85,118,.10)!important}

/* Responsive */
@media(max-width:1280px){.notes-shell{grid-template-columns:185px 285px minmax(0,1fr)!important}.calendar-shell-v4{grid-template-columns:190px minmax(0,1fr)}.risk-guide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.calendar-shell-v4{grid-template-columns:1fr}.calendar-sidebar{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.notes-shell{grid-template-columns:170px minmax(0,1fr)!important}.notes-list-pane{min-height:350px}.note-editor-pane{grid-column:1/-1;min-height:620px}.login-page{grid-template-columns:1fr!important}.login-visual{display:none!important}.login-form-wrap{min-height:100vh!important;background-image:linear-gradient(rgba(3,8,22,.72),rgba(3,8,22,.78)),var(--login-bg-image)!important;background-size:cover!important;background-position:var(--login-bg-position)!important}.login-card{background:rgba(10,24,50,.66)!important}}
@media(max-width:700px){html{font-size:14px}.content{width:calc(100% - 18px)!important;padding-top:14px!important}.panel,.settings-section{border-radius:14px!important}.page-head h1{font-size:1.65rem!important}.calendar-page .content{width:calc(100% - 12px)!important}.calendar-sidebar{grid-template-columns:1fr}.calendar-workspace{min-height:650px!important}.notes-shell{display:block!important;height:auto!important}.notes-folders{display:none!important}.notes-list-pane{max-height:255px!important;margin-bottom:8px!important}.note-editor-pane{min-height:600px!important}.note-rich-editor{padding:18px 16px 34px!important;font-size:.84rem}.note-meta-row{grid-template-columns:1fr!important}.risk-guide{grid-template-columns:1fr}.login-form-wrap{padding:18px!important}.login-card{padding:22px!important}}

/* ========================================================================== 
   AVANZA 4.0 — Product polish pass
   ========================================================================== */

/* Readability: keep the desktop hierarchy compact but never microscopic. */
body{font-size:calc(var(--base-font-size,14.5px) * var(--user-font-scale,1));line-height:1.5}
.content p,.content small,.content label,.content .muted,.content .subtle{font-size:max(.72rem,11.5px)}
.page-head h1{font-size:clamp(1.9rem,2.4vw,2.65rem);line-height:1.05}.page-head>div>p{font-size:.86rem;max-width:780px;line-height:1.6}
.panel-title h2{font-size:1.05rem}.panel-title h3{font-size:.88rem}.panel-title p{font-size:.7rem!important}
.btn{font-size:.72rem;min-height:38px}.btn-sm{min-height:32px;font-size:.67rem}.tiny-btn{width:34px;height:34px}.badge,.status-pill{font-size:.62rem}
.input,.select,.textarea{font-size:.76rem;min-height:40px}.field>label{font-size:.67rem;font-weight:650}.field>label span{font-weight:500}
.table th{font-size:.66rem}.table td{font-size:.72rem}.eyebrow{font-size:.58rem}

/* Richer glass with color identity instead of flat dark rectangles. */
.panel,.glass-card,.stat-card,.project-card,.life-pulse-card,.settings-section,.modal-card{
  position:relative;isolation:isolate;
  background:
    linear-gradient(145deg,rgba(14,31,65,calc(var(--glass-opacity,.38) + .08)),rgba(7,19,43,calc(var(--glass-opacity,.38) + .02)))!important;
  border:1px solid rgba(151,184,235,var(--glass-border-alpha,.14))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(var(--glass-blur,18px)) saturate(calc(var(--glass-saturation,1.28) * 100%));
}
.panel:before,.stat-card:before,.project-card:before,.life-pulse-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;
  background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--card-accent,var(--primary)) 11%,transparent),transparent 37%);
}
.stats-grid>.stat-card:nth-child(1),.life-pulse-grid>*:nth-child(1){--card-accent:#8b5cf6}.stats-grid>.stat-card:nth-child(2),.life-pulse-grid>*:nth-child(2){--card-accent:#22d3ee}.stats-grid>.stat-card:nth-child(3),.life-pulse-grid>*:nth-child(3){--card-accent:#34d399}.stats-grid>.stat-card:nth-child(4),.life-pulse-grid>*:nth-child(4){--card-accent:#fb7185}.stats-grid>.stat-card:nth-child(5),.life-pulse-grid>*:nth-child(5){--card-accent:#f59e0b}
.stat-card{overflow:hidden}.stat-icon{background:color-mix(in srgb,var(--card-accent,var(--primary)) 18%,rgba(8,20,45,.7))!important;color:var(--card-accent,var(--accent))!important}.stat-card>div>strong{font-size:1.55rem!important;letter-spacing:-.055em}.stat-card>div>small{font-size:.62rem!important}

/* Actions and icon affordances */
.info-help,.label-help{border:1px solid rgba(145,181,238,.14);background:rgba(255,255,255,.035);color:#8fb5ee;display:inline-grid;place-items:center;cursor:pointer;transition:.16s}.info-help{width:32px;height:32px;border-radius:10px}.label-help{width:20px;height:20px;border-radius:7px;margin-left:4px;padding:0;vertical-align:middle}.info-help:hover,.label-help:hover{background:color-mix(in srgb,var(--primary) 16%,transparent);color:#fff;border-color:color-mix(in srgb,var(--primary) 35%,transparent);transform:translateY(-1px)}
.help-popover{width:min(390px,calc(100vw - 24px));padding:15px;border-radius:15px}.help-popover-head{display:flex;align-items:center;gap:8px}.help-popover-head h4{font-size:.84rem}.help-popover p{font-size:.72rem;line-height:1.6}.help-tip{font-size:.66rem}

/* Sidebar submenus feel intentional, not nested leftovers. */
.nav-parent{border:1px solid transparent}.nav-parent.open{background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.13);color:#eef4ff}.nav-submenu{margin:2px 0 5px 12px;border-left:1px solid rgba(117,151,209,.14);padding-left:7px}.nav-submenu .nav-item{border-radius:9px}.nav-submenu .nav-item.active{background:linear-gradient(90deg,rgba(124,58,237,.20),rgba(56,189,248,.08));box-shadow:inset 2px 0 0 var(--primary)}
.brand{overflow:hidden}.brand-wide{filter:drop-shadow(0 5px 16px rgba(72,95,255,.18))}.brand-mark{filter:drop-shadow(0 7px 18px rgba(72,95,255,.28))}

/* Calendar guidance + less cramped controls */
.calendar-howto-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.calendar-howto-strip>div{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(150,184,235,.10);border-radius:12px;background:linear-gradient(135deg,rgba(124,58,237,.055),rgba(56,189,248,.028))}.calendar-howto-strip i{font-size:19px;color:#78c8ff}.calendar-howto-strip span{display:grid}.calendar-howto-strip strong{font-size:.68rem}.calendar-howto-strip small{font-size:.58rem!important;color:#7f94b9}
.calendar-workspace{padding:16px!important}.calendar-shell-v4{grid-template-columns:245px minmax(0,1fr);gap:14px}.calendar-sidebar{padding:15px}.calendar-toggle-row{min-height:41px}.calendar-toggle-row strong{font-size:.72rem}.fc{font-size:calc(.78rem * var(--calendar-scale,1))!important}.fc .fc-toolbar-title{font-size:1.28rem!important}.fc .fc-button{font-size:.72rem!important;padding:.58em .9em!important}.fc .fc-col-header-cell-cushion{font-size:.68rem!important}.fc .fc-timegrid-slot-label-cushion{font-size:.62rem}.fc .fc-timegrid-slot{height:2.9em!important}.fc .av-event-inner strong{font-size:.7rem!important}.fc .av-event-inner small{font-size:.59rem!important}.fc-theme-standard .fc-scrollgrid{border-radius:14px;overflow:hidden;border-color:rgba(136,171,229,.12)!important}.fc .fc-timegrid-now-indicator-line{border-color:#fb5373;border-width:2px}.calendar-context{min-width:255px;padding:8px}.calendar-context button{font-size:.72rem;height:41px}

/* Notes: real writing surface */
.notes-shell{grid-template-columns:215px 340px minmax(0,1fr)!important;gap:13px!important}.note-title-input{font-size:1.7rem!important;font-weight:760!important}.note-format-bar{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.note-format-bar button{width:34px;height:34px!important}.note-rich-editor{font-size:.91rem;line-height:1.82;padding:28px 34px 70px;white-space:normal}.note-rich-editor p{font-size:inherit!important;line-height:inherit!important;margin:0 0 .8em}.note-rich-editor strong{color:inherit!important}.note-rich-editor pre,.note-rich-editor code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.note-rich-editor pre{padding:14px;border-radius:12px;background:rgba(0,0,0,.22);white-space:pre-wrap}.note-rich-editor ul,.note-rich-editor ol{margin:.5rem 0 .9rem;padding-left:1.65rem}.note-rich-editor li{margin:.25rem 0}.note-rich-editor a{color:#5ccaff!important}.note-list-item strong{font-size:.73rem}.note-list-item p{font-size:.62rem!important}

/* Project members */
.member-explainer{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:13px;background:linear-gradient(135deg,rgba(56,189,248,.07),rgba(124,58,237,.07));border:1px solid rgba(111,169,239,.12);margin-bottom:13px}.member-explainer>i{color:#65d6ff;font-size:20px}.member-explainer>div{flex:1}.member-explainer strong{font-size:.72rem}.member-explainer p{margin:3px 0 0;font-size:.65rem!important}.project-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-member-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(147,182,235,.10);border-radius:12px;background:rgba(255,255,255,.025)}.project-member-card img{width:38px;height:38px;border-radius:50%;object-fit:cover}.project-member-card>div{display:grid;flex:1}.project-member-card strong{font-size:.7rem}.project-member-card small{font-size:.58rem!important}.member-add-box{margin-top:14px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;padding-top:14px;border-top:1px solid rgba(145,181,238,.10)}

/* User onboarding flow */
.user-flow-strip{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;border-radius:14px;background:linear-gradient(90deg,rgba(124,58,237,.055),rgba(34,211,238,.04));border:1px solid rgba(145,181,238,.09)}.user-flow-strip>div{display:flex;align-items:center;gap:8px;flex:1}.user-flow-strip>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(124,58,237,.16);color:#cbbdff;font-weight:800;font-size:.65rem}.user-flow-strip p{display:grid;margin:0}.user-flow-strip strong{font-size:.66rem}.user-flow-strip small{font-size:.56rem!important}.user-flow-strip>i{color:#4d638a}

/* Risks: actionable guide and live score */
.risk-guide{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.risk-guide article{display:flex;gap:10px;align-items:flex-start;padding:13px;background:linear-gradient(145deg,rgba(16,34,71,.55),rgba(8,20,45,.38));border-color:rgba(145,181,238,.10)}.guide-num{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;font-size:.65rem;font-weight:800;flex:none}.guide-num.purple{background:rgba(124,58,237,.18);color:#c9b8ff}.guide-num.cyan{background:rgba(34,211,238,.14);color:#75e5f3}.guide-num.amber{background:rgba(245,158,11,.14);color:#ffc66b}.guide-num.green{background:rgba(52,211,153,.14);color:#78efbd}.risk-guide strong{font-size:.71rem}.risk-guide small{font-size:.61rem!important;line-height:1.5}.risk-live-score{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.13)}.risk-live-score>span{font-size:.62rem;color:#8ea3c7}.risk-live-score strong{font-size:1rem}.risk-live-score small{font-size:.62rem!important}.risk-live-score strong[data-tone="high"]{color:#ff718d}.risk-live-score strong[data-tone="medium"]{color:#ffc466}.risk-live-score strong[data-tone="low"]{color:#5de2aa}.risk-card{transition:.17s}.risk-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.15)!important}

/* Sound settings */
.sound-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sound-card{background:linear-gradient(145deg,rgba(124,58,237,.055),rgba(56,189,248,.025))!important}.sound-card:nth-child(2){background:linear-gradient(145deg,rgba(34,211,238,.055),rgba(52,211,153,.025))!important}.sound-card:nth-child(3){background:linear-gradient(145deg,rgba(245,158,11,.06),rgba(251,83,115,.03))!important}

/* Login: contained composition, less empty gulf between story and form. */
.login-page{display:grid!important;grid-template-columns:minmax(0,1fr) 460px!important;gap:clamp(30px,5vw,86px)!important;align-items:center!important;min-height:100vh!important;max-width:1420px!important;padding:32px clamp(34px,5vw,76px)!important;margin:0 auto!important;box-shadow:0 0 0 100vmax #030817;clip-path:inset(0 -100vmax)}.login-visual{min-height:auto!important;height:min(820px,calc(100vh - 64px));border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(90deg,rgba(3,8,22,.18),rgba(3,8,22,.02))}.login-visual-content{width:100%!important;max-width:760px!important;margin:0!important;padding:56px 26px 46px!important;min-height:100%!important}.login-logo{width:174px!important;top:30px!important;left:26px!important}.login-copy{max-width:680px}.login-copy h1{font-size:clamp(3rem,4.7vw,5.25rem)!important}.login-form-wrap{padding:0!important;min-width:0}.login-card{width:100%!important;max-width:440px!important;padding:34px!important;background:linear-gradient(145deg,rgba(12,29,60,.72),rgba(8,20,45,.58))!important;border-color:rgba(153,187,240,.17)!important;box-shadow:0 30px 80px rgba(0,0,0,.28)!important}.login-card .field label{font-size:.68rem}.login-card .input{min-height:46px;font-size:.78rem}.login-card .btn{min-height:46px}

/* Light: luminous, not washed-out. Keep colored depth and strong text contrast. */
[data-theme="light"]{--bg:#edf2fb;--bg-2:#f8faff;--bg-3:#e5ecf8;--text:#16233d;--text-strong:#0f1c35;--text-body:#293a5a;--text-soft:#667998;--muted:#6f82a2;--muted-2:#8797b0;--border:rgba(48,73,112,.15);--border-strong:rgba(48,73,112,.23);--glass-a:rgba(255,255,255,.78);--glass-b:rgba(246,249,255,.70)}
[data-theme="light"] body:before{background:radial-gradient(circle at 78% 8%,color-mix(in srgb,var(--secondary) 17%,transparent),transparent 31%),radial-gradient(circle at 12% 80%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 31%),linear-gradient(rgba(235,241,251,.88),rgba(235,241,251,.89)),var(--app-background-image),#edf2fb!important}
[data-theme="light"] .panel,[data-theme="light"] .glass-card,[data-theme="light"] .stat-card,[data-theme="light"] .project-card,[data-theme="light"] .life-pulse-card,[data-theme="light"] .today-item,[data-theme="light"] .routine-card,[data-theme="light"] .risk-card,[data-theme="light"] .finance-card,[data-theme="light"] .settings-section,[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"] .modal-card{background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(244,248,255,.78))!important;border-color:rgba(58,83,123,.15)!important;box-shadow:0 16px 38px rgba(61,80,116,.11),inset 0 1px 0 rgba(255,255,255,.95)!important}
[data-theme="light"] .panel:before,[data-theme="light"] .stat-card:before,[data-theme="light"] .project-card:before,[data-theme="light"] .life-pulse-card:before{opacity:.72}
[data-theme="light"] .sidebar{color:#d8e3f8}[data-theme="light"] .topbar{background:rgba(249,251,255,.88)!important;border-color:rgba(57,82,122,.10)!important;box-shadow:0 8px 28px rgba(62,80,112,.08)}
[data-theme="light"] .input,[data-theme="light"] .select,[data-theme="light"] .textarea,[data-theme="light"] .note-title-input{background:rgba(252,253,255,.90)!important;color:#162541!important;border-color:rgba(57,83,123,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
[data-theme="light"] .input:focus,[data-theme="light"] .select:focus,[data-theme="light"] .textarea:focus{border-color:color-mix(in srgb,var(--primary) 46%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)!important}
[data-theme="light"] .today-item,[data-theme="light"] .task-card,[data-theme="light"] .reminder-item,[data-theme="light"] .project-member-card{background:rgba(255,255,255,.78)!important;border-color:rgba(58,83,123,.12)!important}[data-theme="light"] .task-card p{color:#687a98!important}
[data-theme="light"] .kanban-col{background:rgba(246,249,255,.68)!important;border-color:rgba(60,85,125,.11)!important}[data-theme="light"] .kanban-head{color:#172641!important}[data-theme="light"] .kanban-list{background:transparent!important}
[data-theme="light"] .fc{color:#253653!important;--fc-border-color:rgba(54,78,116,.11);--fc-page-bg-color:transparent;--fc-neutral-bg-color:rgba(247,250,255,.82);--fc-today-bg-color:rgba(124,58,237,.075)}[data-theme="light"] .fc .fc-col-header-cell-cushion,[data-theme="light"] .fc .fc-timegrid-slot-label-cushion{color:#657897!important}[data-theme="light"] .fc .fc-button{background:#fff!important;color:#344866!important;border-color:rgba(60,85,125,.13)!important}[data-theme="light"] .fc .fc-button-primary:not(:disabled).fc-button-active{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:#fff!important}
[data-theme="light"] .note-format-bar{background:rgba(249,251,255,.90)!important}[data-theme="light"] .note-format-bar button{color:#536886!important;background:rgba(255,255,255,.72)!important}[data-theme="light"] .note-rich-editor{color:#253653!important}[data-theme="light"] .note-rich-editor blockquote{background:rgba(124,58,237,.055)!important}
[data-theme="light"] .help-popover,[data-theme="light"] .calendar-context{background:rgba(255,255,255,.97)!important;color:#1d2d48!important;box-shadow:0 22px 60px rgba(45,62,92,.18)}[data-theme="light"] .calendar-context button{color:#435877}[data-theme="light"] .calendar-context button:hover{background:#eef3fb;color:#172641}
[data-theme="light"] .risk-guide article,[data-theme="light"] .member-explainer,[data-theme="light"] .user-flow-strip{background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(238,244,253,.66))!important}

@media(max-width:1280px){.calendar-howto-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-grid-v4{grid-template-columns:1fr 1fr!important}.sound-grid-v4 .sound-card:last-child{grid-column:1/-1}.project-member-grid{grid-template-columns:1fr}.user-flow-strip{display:grid;grid-template-columns:1fr 1fr}.user-flow-strip>i{display:none}}
@media(max-width:980px){.login-page{grid-template-columns:1fr!important;max-width:none!important;padding:0!important}.login-form-wrap{padding:24px!important}.calendar-howto-strip{grid-template-columns:1fr 1fr}.calendar-shell-v4{grid-template-columns:1fr}.calendar-sidebar{display:block}.sound-grid-v4{grid-template-columns:1fr!important}.sound-grid-v4 .sound-card:last-child{grid-column:auto}}
@media(max-width:700px){.page-head h1{font-size:1.75rem!important}.content p,.content small,.content label{font-size:max(.72rem,11px)}.calendar-howto-strip{grid-template-columns:1fr}.fc{font-size:calc(.8rem * var(--calendar-scale,1))!important}.fc .fc-toolbar{gap:7px;flex-wrap:wrap}.fc .fc-toolbar-chunk{display:flex;gap:3px}.note-rich-editor{font-size:.9rem!important;line-height:1.72!important}.member-add-box{grid-template-columns:1fr}.user-flow-strip{grid-template-columns:1fr}.risk-guide{grid-template-columns:1fr}.login-card{max-width:460px!important}.project-member-grid{grid-template-columns:1fr}}
/* Modal close is always the top-right action, regardless of inner form layout. */
.modal-head{display:flex!important;align-items:flex-start!important;gap:14px!important}.modal-head>div:first-child{flex:1;min-width:0}.modal-head>.close-btn{margin-left:auto!important;order:99!important;flex:none!important;position:relative!important;right:auto!important;top:auto!important}
.preview-brand{display:flex;align-items:center;justify-content:center}.preview-brand .brand-wide-preview{max-width:72px;max-height:20px;object-fit:contain}.preview-brand .brand-mark-preview{display:none;width:22px;height:22px;object-fit:contain}.theme-preview-sidebar:hover .brand-wide-preview{display:none}.theme-preview-sidebar:hover .brand-mark-preview{display:block}