@charset "UTF-8";
/* LOUIS PATRIMOINE 4.0 — SIGNATURE EXPERIENCE · design system */
@font-face{font-family:"Inter Tight";src:url(/fonts/inter-tight-latin-wght-normal.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}
@font-face{font-family:"Manrope";src:url(/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations");font-weight:200 800;font-display:swap}

:root{
  color-scheme:dark;
  /* Couleurs */
  --bg:#070B14;--bg-2:#0A101D;--surface:#111827;--surface-2:#172133;--surface-3:#1D2940;
  --glass:rgba(17,24,39,.62);--glass-2:rgba(23,33,51,.72);--glass-hi:rgba(255,255,255,.045);
  --line:rgba(152,168,194,.13);--line-2:rgba(152,168,194,.22);--line-3:rgba(152,168,194,.34);
  --text:#F4F7FF;--text-2:#98A8C2;--text-3:#68778F;
  --blue:#609DFF;--green:#43DDB6;--purple:#AD95FF;--orange:#EFB56E;--red:#FF8A98;
  --accent:var(--blue);--up:#43DDB6;--down:#FF8A98;
  --chart-1:var(--accent);--chart-2:#AD95FF;--chart-3:#EFB56E;--chart-4:#43DDB6;
  --signature:linear-gradient(90deg,#43DDB6 0%,#609DFF 52%,#AD95FF 100%);
  /* Typographie */
  --font:"Inter Tight",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
  --display:"Manrope","Inter Tight",-apple-system,BlinkMacSystemFont,sans-serif;
  --fs-xs:.72rem;--fs-sm:.82rem;--fs-md:.94rem;--fs-lg:1.08rem;--fs-xl:1.32rem;--fs-2xl:clamp(1.7rem,3.2vw,2.35rem);--fs-hero:clamp(2.1rem,6vw,3.4rem);
  /* Espaces, rayons, ombres */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:44px;
  --r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-pill:999px;
  --shadow-1:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px -12px rgba(0,0,0,.6);
  --shadow-2:0 1px 0 rgba(255,255,255,.06) inset,0 30px 60px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.02);
  /* Mouvement */
  --ease:cubic-bezier(.2,.75,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--t-fast:.16s;--t-med:.28s;--t-slow:.6s;
  --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--bottom-nav-height:76px;
  font-family:var(--font);font-size:16px;line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-text-size-adjust:100%;text-size-adjust:100%
}
.blue{--accent:var(--blue)}.green{--accent:var(--green)}.orange{--accent:var(--orange)}.purple{--accent:var(--purple)}

*,*::before,*::after{box-sizing:border-box;min-width:0}
html{scroll-padding-top:90px;background:var(--bg)}
body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(1100px 620px at 88% -10%,rgba(96,157,255,.13),transparent 62%),
  radial-gradient(900px 600px at -10% 105%,rgba(173,149,255,.09),transparent 60%),
  radial-gradient(700px 420px at 50% 40%,rgba(67,221,182,.035),transparent 70%),
  linear-gradient(180deg,#070B14,#060912)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
body,button,input,select,textarea{font-family:inherit;font-size:1rem;color:inherit}
a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{opacity:.5;cursor:progress}
button,a{touch-action:manipulation}
h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.025em;font-weight:650;text-wrap:balance}
h1{font-size:var(--fs-2xl);line-height:1.1}h2{font-size:var(--fs-xl);line-height:1.25}h3{font-size:var(--fs-lg);line-height:1.3;font-weight:620}
p{margin:0 0 var(--s3);color:var(--text-2);text-wrap:pretty}small{font-size:var(--fs-xs)}
h1,h2,h3,strong,small,span,p,a,button,dt,dd,td,th{overflow-wrap:anywhere}
svg{display:block;max-width:100%}[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}main:focus{outline:none}
.muted{color:var(--text-2)}.hint{color:var(--text-3);font-size:var(--fs-sm);margin-top:var(--s2)}.up{color:var(--up)}.down{color:var(--down)}.pad{padding:var(--s4)}
.overline{display:block;font-size:.66rem;font-weight:650;letter-spacing:.16em;color:var(--text-3);text-transform:uppercase;margin-bottom:6px}
.num,.amount,.stat-value,.value-line strong,.q-price strong,td{font-variant-numeric:tabular-nums}
.skip{position:fixed;left:16px;top:-100px;z-index:300;background:var(--surface-2);padding:12px 16px;border-radius:var(--r-md)}.skip:focus{top:12px}

/* ---------- Icônes ---------- */
.icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px}
.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Boutons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--r-pill);background:var(--glass-hi);border:1px solid var(--line-2);color:var(--text);font-size:var(--fs-sm);font-weight:600;letter-spacing:-.005em;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-med);white-space:nowrap}
.btn:hover{background:rgba(255,255,255,.08);border-color:var(--line-3)}.btn:active{transform:scale(.97)}
.btn .icon{width:18px;height:18px}
.btn-primary{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 60%),linear-gradient(90deg,#43DDB6,#609DFF);border-color:transparent;color:#05101F;box-shadow:0 8px 24px -10px rgba(96,157,255,.7),0 1px 0 rgba(255,255,255,.35) inset}
.btn-primary:hover{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0) 60%),linear-gradient(90deg,#43DDB6,#609DFF);box-shadow:0 10px 30px -10px rgba(96,157,255,.9),0 1px 0 rgba(255,255,255,.4) inset}
.btn-danger{background:rgba(255,138,152,.14);border-color:rgba(255,138,152,.4);color:#FFD3D9}
.btn-ghost{background:transparent}.btn-block{width:100%}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--text-2);border:1px solid transparent;transition:background var(--t-fast),color var(--t-fast)}
.icon-btn:hover{background:var(--glass-hi);color:var(--text);border-color:var(--line)}
.icon-btn.star.on{color:var(--orange)}.icon-btn.star.on svg{fill:currentColor}
.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:var(--fs-sm);font-weight:600;padding:6px 0;min-height:36px}.text-link .icon{width:16px;height:16px}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.spinning .icon{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Pastilles ---------- */
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:.7rem;font-weight:650;letter-spacing:.02em;background:rgba(152,168,194,.12);color:var(--text-2);white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}
.pill.ok{color:var(--green);background:rgba(67,221,182,.1)}.pill.warn{color:var(--orange);background:rgba(239,181,110,.1)}.pill.bad{color:var(--red);background:rgba(255,138,152,.1)}.pill.info{color:var(--blue);background:rgba(96,157,255,.1)}
.badge{display:inline-flex;padding:3px 10px;border-radius:var(--r-pill);font-size:.7rem;font-weight:650;color:var(--status);background:color-mix(in srgb,var(--status) 14%,transparent);border:1px solid color-mix(in srgb,var(--status) 26%,transparent)}
.badge.neutral{--status:var(--text-2)}.badges{display:flex;flex-wrap:wrap;gap:6px}

/* ---------- Structure ---------- */
#workspace{min-height:100dvh}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:264px;display:flex;flex-direction:column;padding:28px 16px 18px;background:linear-gradient(180deg,rgba(13,19,33,.86),rgba(8,12,22,.9));border-right:1px solid var(--line);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);z-index:30;overflow-y:auto}
.brand{display:flex;align-items:center;gap:12px;padding:0 10px;margin-bottom:30px}
.brand img{width:40px;height:40px;border-radius:12px;box-shadow:0 8px 24px -8px rgba(96,157,255,.6)}
.brand span{font-family:var(--display);font-size:1.18rem;font-weight:750;letter-spacing:.2em}.brand small{display:block;font-family:var(--font);font-size:.52rem;letter-spacing:.24em;color:var(--text-3);font-weight:600;margin-top:2px}
.nav-caption{font-size:.6rem;letter-spacing:.2em;color:var(--text-3);margin:18px 12px 8px;font-weight:650}
.nav-link{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;margin-bottom:2px;border-radius:12px;font-size:var(--fs-sm);font-weight:560;color:var(--text-2);transition:background var(--t-fast),color var(--t-fast)}
.nav-link .icon{width:19px;height:19px;color:var(--text-3);transition:color var(--t-fast)}
.nav-link.sub{padding-left:42px;min-height:38px;font-size:.78rem}.nav-link.sub .icon{display:none}
.nav-link:hover{background:rgba(255,255,255,.035);color:var(--text)}
.nav-link.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent);color:var(--text)}
.nav-link.active .icon{color:var(--accent)}
.nav-link.active::before{content:"";position:absolute;left:-16px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.profile-mini{display:flex;align-items:center;gap:10px;padding:10px;margin-top:8px;border-radius:14px;background:var(--glass-hi);border:1px solid var(--line)}
.profile-mini strong{display:block;font-size:var(--fs-sm)}.profile-mini span:not(.avatar){font-size:var(--fs-xs);color:var(--text-3)}
.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:none;background:var(--signature);color:#06101E;font-family:var(--display);font-weight:800;font-size:.9rem}
.app-shell{margin-left:264px;min-height:100dvh;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s3);padding:calc(14px + var(--safe-top)) clamp(16px,3vw,40px) 14px;background:linear-gradient(180deg,rgba(7,11,20,.9),rgba(7,11,20,.55));backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid transparent}
.mobile-brand{display:none}
.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--text-3)}.breadcrumbs strong{color:var(--text);font-weight:600}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:6px}
.search-trigger{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:8px 14px;border-radius:var(--r-pill);background:var(--glass-hi);border:1px solid var(--line);color:var(--text-3);font-size:var(--fs-sm)}
.search-trigger kbd{font-family:var(--font);font-size:.68rem;padding:2px 6px;border-radius:6px;border:1px solid var(--line-2);color:var(--text-3)}
.storage-status{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-3);padding:6px 10px;border-radius:var(--r-pill)}
.storage-status i{width:7px;height:7px;border-radius:50%;background:var(--text-3)}
.storage-status[data-state=synced] i{background:var(--green);box-shadow:0 0 10px var(--green)}.storage-status[data-state=local] i{background:var(--blue)}
.storage-status[data-state=syncing] i,.storage-status[data-state=loading] i{background:var(--blue);animation:pulse 1.2s ease-in-out infinite}
.storage-status[data-state=error] i,.storage-status[data-state=conflict] i,.storage-status[data-state=pending] i{background:var(--orange)}
@keyframes pulse{50%{opacity:.35}}
#persistent-alert{margin:12px clamp(16px,3vw,40px) 0;padding:12px 16px;border-radius:var(--r-md);background:rgba(239,181,110,.1);border:1px solid rgba(239,181,110,.3);display:flex;gap:10px;align-items:center;font-size:var(--fs-sm)}
#persistent-alert a,#persistent-alert .text-link{color:var(--orange)}
main{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:var(--s6) clamp(16px,3vw,40px) 56px}
.app-footer{display:flex;justify-content:space-between;gap:var(--s3);padding:18px clamp(16px,3vw,40px) 28px;color:var(--text-3);font-size:var(--fs-xs);border-top:1px solid var(--line);max-width:1320px;margin:0 auto;width:100%}
.page{animation:page-in .42s var(--ease-out) both}
@keyframes page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- En-têtes de page ---------- */
.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s5);margin:4px 0 var(--s6)}
.page-intro h1{margin-bottom:6px}.page-intro p{max-width:62ch;margin:0}
.page-intro .overline{color:var(--accent)}
.intro-extra{flex:none}
.back{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);font-size:var(--fs-sm);margin-bottom:var(--s3);min-height:36px}.back .icon{width:16px;height:16px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);margin:var(--s7) 0 var(--s4)}
.section-head h2{font-size:var(--fs-lg)}.section-head p{margin:2px 0 0;font-size:var(--fs-sm)}
.group-title{font-size:var(--fs-sm);color:var(--text-2);letter-spacing:.02em;margin:var(--s6) 0 var(--s3);font-family:var(--font);font-weight:650}

/* ---------- Surfaces ---------- */
.panel,.card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
.panel{padding:var(--s5);margin-bottom:var(--s4)}
.panel::before,.card::before,.goal-card::before,.universe::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 28%);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px}
.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s4)}.panel-head>div:first-child{flex:1 1 200px}
.panel-head h2{font-size:var(--fs-lg)}.panel-ic{color:var(--text-3)}
.panel.list{padding:6px}
.card{padding:var(--s5);display:flex;flex-direction:column;gap:10px;transition:border-color var(--t-med),transform var(--t-med)}
.card:hover{border-color:var(--line-2)}
.card-top{display:flex;justify-content:space-between;gap:var(--s2);align-items:flex-start}
.card-title{display:flex;gap:12px;align-items:flex-start}.card-title small{color:var(--text-3)}
.card-ic{width:38px;height:38px;padding:9px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.muted-card{opacity:.6}
.value-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.value-line strong{font-family:var(--display);font-size:1.35rem;letter-spacing:-.02em}
.src{display:block;color:var(--text-3);font-size:var(--fs-xs)}
.link-note,.linked{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:var(--text-2)}
.linked{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.linked strong{margin-left:auto;color:var(--down)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--s4)}
.cards.four{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.grid-2>.panel{margin-bottom:0}
.grid-2+.panel,.grid-2+section,.grid-2+.section-head{margin-top:var(--s4)}
.row-actions{display:flex;gap:2px;flex:none}.row-actions .icon-btn{width:36px;height:36px}
.record-note{font-size:var(--fs-sm);margin:0}.amounts{display:flex;gap:var(--s5);flex-wrap:wrap}.amounts strong{display:block;font-family:var(--display)}.amounts small{color:var(--text-3)}
.meta{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:var(--fs-xs)}.meta .icon{width:15px;height:15px}
.mini-progress-info{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--text-3);margin-bottom:6px}
.mini-track{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.mini-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,#fff 0%),var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}
.note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin:var(--s3) 0;border-radius:var(--r-md);background:rgba(96,157,255,.06);border:1px solid rgba(96,157,255,.16);font-size:var(--fs-sm);color:var(--text-2)}
.note>.icon{color:var(--blue);margin-top:1px}.note strong{color:var(--text)}.note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.note.warn{background:rgba(239,181,110,.07);border-color:rgba(239,181,110,.22)}.note.warn>.icon{color:var(--orange)}
.rules{margin:var(--s3) 0 0;padding-left:18px;color:var(--text-2);font-size:var(--fs-sm)}.rules li{margin-bottom:6px}
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 20px;border:1px dashed var(--line-2);border-radius:var(--r-lg);background:radial-gradient(400px 160px at 50% 0,color-mix(in srgb,var(--accent) 7%,transparent),transparent)}
.empty h3{margin:14px 0 6px}.empty p{max-width:44ch;font-size:var(--fs-sm)}
.empty-orb{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 24%,transparent),rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);box-shadow:0 12px 30px -12px color-mix(in srgb,var(--accent) 70%,transparent)}
.empty-orb .icon{width:26px;height:26px}
.loading-panel{display:flex;align-items:center;gap:12px;color:var(--text-2);font-size:var(--fs-sm);padding:var(--s5)}
.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--accent);animation:spin .8s linear infinite}

/* ---------- Statistiques ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3);margin-bottom:var(--s4)}
.stat{display:flex;gap:12px;align-items:flex-start;padding:var(--s4);border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--line)}
.stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.stat-label{display:block;font-size:var(--fs-xs);color:var(--text-3);font-weight:600}
.stat-value{display:block;font-family:var(--display);font-size:1.32rem;letter-spacing:-.02em;margin:2px 0}
.stat-note{color:var(--text-3)}.stat.pos .stat-icon{color:var(--up);background:rgba(67,221,182,.12)}.stat.neg .stat-icon{color:var(--down);background:rgba(255,138,152,.12)}

/* ---------- Onglets & segments ---------- */
.tabs{margin:0 calc(-1 * clamp(16px,3vw,40px)) var(--s5);padding:0 clamp(16px,3vw,40px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs::-webkit-scrollbar{display:none}
.tabs-inner{display:inline-flex;gap:4px;padding:4px;border-radius:var(--r-pill);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.tab{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 14px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;color:var(--text-2);white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}
@media (hover:hover){.tab:hover{color:var(--text)}}.tab.active{background:var(--surface-3);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 6px 14px -8px rgba(0,0,0,.8)}
.tab-count{font-size:.66rem;padding:1px 6px;border-radius:99px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}
.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);margin-bottom:var(--s4);flex-wrap:wrap}
.segmented>*{min-height:34px;padding:6px 12px;border-radius:9px;font-size:var(--fs-xs);font-weight:650;color:var(--text-2);display:inline-flex;align-items:center}
.segmented .active{background:var(--surface-3);color:var(--text)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:var(--s3) 0 var(--s4)}
.chip{min-height:36px;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--line-2);font-size:var(--fs-xs);font-weight:600;color:var(--text-2);transition:all var(--t-fast)}.chip:hover{color:var(--text);border-color:var(--accent)}

/* ---------- Tuiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s2)}
.tile{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 14px;border-radius:var(--r-md);background:rgba(255,255,255,.025);border:1px solid var(--line);transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}
.tile:hover{background:rgba(255,255,255,.05);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.tile:active{transform:scale(.985)}
.tile-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.tile-body{flex:1}.tile-body strong{display:block;font-size:var(--fs-sm)}.tile-body small{color:var(--text-3)}
.tile-arrow{color:var(--text-3);width:16px;height:16px}

/* ---------- Listes ---------- */
.list-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;border-radius:12px;text-align:left;transition:background var(--t-fast)}
.list-row:not(.static):hover{background:rgba(255,255,255,.04)}
.list-index{font-family:var(--display);font-size:var(--fs-xs);color:var(--accent);font-weight:700;width:22px}
.list-main{flex:1}.list-main strong{display:block;font-size:var(--fs-sm);font-weight:600}.list-main small{color:var(--text-3)}
.list-row>.icon:last-child{color:var(--text-3);width:16px}.list-row .icon.error{color:var(--red)}.list-row .icon.warn{color:var(--orange)}
.op-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:10px 10px;border-radius:12px}
.op-row+.op-row{border-top:1px solid var(--line)}
.op-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.04);color:var(--text-2)}
.op-ic.t-versement,.op-ic.t-dividende,.op-ic.t-vente{color:var(--up);background:rgba(67,221,182,.1)}.op-ic.t-achat{color:var(--blue);background:rgba(96,157,255,.1)}.op-ic.t-retrait,.op-ic.t-frais{color:var(--down);background:rgba(255,138,152,.09)}.op-ic.t-start{color:var(--purple);background:rgba(173,149,255,.1)}
.op-main strong{display:block;font-size:var(--fs-sm);font-weight:600}.op-main small{color:var(--text-3)}.op-main em{color:var(--orange);font-style:normal}
.op-amount{font-family:var(--display);font-size:var(--fs-md)}
.quote-list{padding:6px}
.quote-row,.result-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 12px;border-radius:12px;transition:background var(--t-fast)}
.quote-row:hover{background:rgba(255,255,255,.04)}.result-row+.result-row{border-top:1px solid var(--line)}
.q-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;flex:none;font-family:var(--display);font-size:.62rem;font-weight:800;letter-spacing:.02em;color:var(--text);background:linear-gradient(145deg,rgba(96,157,255,.28),rgba(96,157,255,.06));border:1px solid rgba(96,157,255,.25)}
.q-ic.crypto{background:linear-gradient(145deg,rgba(239,181,110,.3),rgba(239,181,110,.06));border-color:rgba(239,181,110,.3)}.q-ic.etf{background:linear-gradient(145deg,rgba(67,221,182,.3),rgba(67,221,182,.06));border-color:rgba(67,221,182,.3)}.q-ic.metal{background:linear-gradient(145deg,rgba(255,214,140,.32),rgba(255,214,140,.05));border-color:rgba(255,214,140,.3)}.q-ic.fx,.q-ic.index{background:linear-gradient(145deg,rgba(173,149,255,.3),rgba(173,149,255,.06));border-color:rgba(173,149,255,.3)}
.q-main{flex:1}.q-main strong{display:block;font-size:var(--fs-sm);font-weight:600}.q-main small{color:var(--text-3)}
.q-price{text-align:right;flex:none;max-width:48%}.q-price strong{display:block;font-family:var(--display);font-size:var(--fs-md)}.q-price small{color:var(--text-3)}
.dl{display:grid;gap:0;margin:var(--s3) 0}.dl>div{display:flex;justify-content:space-between;gap:var(--s3);padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}
.dl dt{color:var(--text-3)}.dl dd{margin:0;text-align:right;font-weight:560}.dl.compact>div{padding:6px 0}
.legend-list{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:8px;font-size:var(--fs-sm)}
.legend-list li{display:flex;align-items:center;gap:10px;color:var(--text-2)}.legend-list li strong{margin-left:auto;color:var(--text)}
.legend-list i{width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:0 0 10px var(--c)}
.split-bar{display:flex;gap:3px;height:12px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.04)}
.split-bar span{background:var(--c);box-shadow:0 0 14px -2px var(--c)}.split-bar span:first-child{border-radius:99px 0 0 99px}.split-bar span:last-child{border-radius:0 99px 99px 0}.split-bar .none{flex:1}

/* ---------- Tableaux ---------- */
.table-wrap{overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(7,11,20,.35);-webkit-overflow-scrolling:touch}
.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.table th{position:sticky;top:0;text-align:left;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:650;padding:12px 14px;background:rgba(17,24,39,.96);border-bottom:1px solid var(--line-2)}
.table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.table td small{display:block;color:var(--text-3);font-size:.7rem;margin-top:2px}
.table td a strong{color:var(--text)}.table td a:hover strong{color:var(--accent)}
.table .num{text-align:right;white-space:nowrap}.table tr.group td{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);background:rgba(255,255,255,.02);padding:8px 14px}
.table tr.is-missing td{color:var(--text-3)}
.table tfoot td{font-weight:600;color:var(--text-2);border-bottom:0}.table tfoot tr.total td{color:var(--text);font-family:var(--display);font-size:var(--fs-md);border-top:1px solid var(--line-2)}
.table.compact td,.table.compact th{padding:9px 12px}
.table td.best{color:var(--green);font-weight:700}
.year-row{cursor:pointer}.year-row:hover td{background:rgba(255,255,255,.03)}.year-row .yr-chev{width:14px;height:14px;display:inline-flex;vertical-align:-2px;transition:transform var(--t-fast)}.year-row.open .yr-chev{transform:rotate(90deg)}
.month-row td{font-size:.76rem;color:var(--text-2);background:rgba(255,255,255,.015)}

/* ---------- Formulaires ---------- */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 14px;margin:var(--s3) 0 var(--s4)}
.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}
.field label{font-size:var(--fs-xs);font-weight:650;color:var(--text-2);letter-spacing:.01em}.field label b{color:var(--accent)}
.field small{color:var(--text-3);font-size:.7rem}
.input-wrap,.select-wrap{position:relative;display:flex;align-items:center}
input:not([type=checkbox]):not([type=color]),select,textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:var(--r-md);background:rgba(7,11,20,.55);border:1px solid var(--line-2);color:var(--text);font-size:16px;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);-webkit-appearance:none;appearance:none}
input::placeholder,textarea::placeholder{color:var(--text-3)}
input:focus,select:focus,textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);background:rgba(7,11,20,.8)}
input:disabled,select:disabled{opacity:.5}
.has-unit input{padding-right:64px}.unit{position:absolute;right:14px;color:var(--text-3);font-size:var(--fs-xs);font-weight:600;pointer-events:none}
select{padding-right:40px}.select-chevron{position:absolute;right:12px;width:16px;height:16px;transform:rotate(90deg);color:var(--text-3);pointer-events:none}
textarea{resize:vertical;min-height:84px;line-height:1.45}
input[type=date]{min-height:48px}input[type=color]{width:100%;height:48px;border-radius:var(--r-md);border:1px solid var(--line-2);background:transparent;padding:4px}
.check-label{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:var(--fs-sm);cursor:pointer}
.check-label.full{grid-column:1/-1}
.check-label input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:0;border-radius:7px;border:1.5px solid var(--line-3);background:transparent;display:grid;place-items:center;transition:all var(--t-fast)}
.check-label input:checked{background:var(--signature);border-color:transparent}
.check-label input:checked::after{content:"";width:10px;height:6px;border-left:2px solid #06101E;border-bottom:2px solid #06101E;transform:translateY(-1px) rotate(-45deg)}
.check-label small{display:block;color:var(--text-3)}
.form-note{font-size:var(--fs-sm);color:var(--text-2);margin-bottom:var(--s3)}
.form-error{color:var(--red);font-size:var(--fs-sm);min-height:0}.form-error:not(:empty){margin:8px 0;padding:10px 12px;border-radius:12px;background:rgba(255,138,152,.08);border:1px solid rgba(255,138,152,.25)}
.form-footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}.spacer{flex:1}
.sub-box{padding:14px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.02);gap:12px}
.identity{padding:14px 16px;border-radius:var(--r-md);background:rgba(67,221,182,.06);border:1px solid rgba(67,221,182,.2);margin-bottom:var(--s3)}.identity strong{display:block}.identity small{color:var(--text-2)}
.start-rows{display:grid;gap:10px;margin:var(--s3) 0}
.start-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;align-items:end;padding:12px;border-radius:var(--r-md);border:1px solid var(--line)}
.start-row .check-label{border:0;padding:6px 0;background:none}
.search-bar{display:flex;gap:10px;align-items:center;padding:6px 6px 6px 16px;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--line-2);box-shadow:var(--shadow-1)}
.search-bar input{border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 4px;min-height:44px}
.search-bar .search-ic{color:var(--text-3)}.search-bar .btn{flex:none}

/* ---------- Dialogues & feuilles ---------- */
dialog{color:var(--text);padding:0;border:1px solid var(--line-2);border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(29,41,64,.94),rgba(17,24,39,.97));box-shadow:var(--shadow-2);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain}
dialog::backdrop{background:rgba(3,6,12,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
dialog[open]{animation:dialog-in .32s var(--ease-out)}
@keyframes dialog-in{from{opacity:0;transform:translateY(14px) scale(.985)}}
.dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:18px 20px 14px;background:#1B263B;border-bottom:1px solid var(--line)}
.dialog-head h2{font-size:var(--fs-lg)}
.dialog-body{padding:18px 20px 22px}
.sheet-grip{display:none}
.import-preview{padding:14px;border-radius:var(--r-md);background:rgba(255,255,255,.03);border:1px solid var(--line);margin-bottom:var(--s3)}
#search{width:min(680px,calc(100vw - 24px));margin-top:10vh;max-height:76dvh}
.search-head{position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--line);background:rgba(23,33,51,.98)}
.search-head input{border:0!important;background:transparent!important;box-shadow:none!important;font-size:1.05rem}
.search-head .search-ic{color:var(--accent)}
.search-results{padding:8px}
.sr-group{padding:8px 6px}.sr-group .overline{padding:0 8px}
.sr-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 10px;border-radius:12px;text-align:left;min-height:52px}
.sr-item:hover,.sr-item:focus-visible{background:rgba(255,255,255,.05)}.sr-item .icon{color:var(--text-3)}
.sr-item strong{display:block;font-size:var(--fs-sm);font-weight:600}.sr-item small{color:var(--text-3)}
.sr-item.accent{background:rgba(96,157,255,.07);border:1px solid rgba(96,157,255,.18);margin:4px 0 8px}.sr-item.accent .icon{color:var(--blue)}
#sheet{width:min(560px,calc(100vw - 24px))}
.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px 22px}
.action{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.025);text-align:left;min-height:72px;transition:all var(--t-fast)}
.action:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.action:active{transform:scale(.98)}
.action>.icon{width:38px;height:38px;padding:9px;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.action strong{display:block;font-size:var(--fs-sm)}.action small{color:var(--text-3)}

/* ---------- Notification ---------- */
.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));z-index:400;display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 32px));padding:12px 18px;border-radius:var(--r-pill);background:rgba(29,41,64,.96);border:1px solid var(--line-2);box-shadow:var(--shadow-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:var(--fs-sm);transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:transform .4s var(--ease-out),opacity .3s}
.toast.show{transform:translate(-50%,0);opacity:1}.toast .icon{color:var(--green)}.toast.error .icon{color:var(--orange)}
.toast.celebrate{background:linear-gradient(90deg,rgba(67,221,182,.22),rgba(96,157,255,.22),rgba(173,149,255,.22)),rgba(17,24,39,.96);border-color:rgba(96,157,255,.45);box-shadow:0 18px 50px -14px rgba(96,157,255,.6)}.toast.celebrate .icon{color:#fff}
.update-banner{position:fixed;right:20px;bottom:calc(20px + var(--safe-bottom));z-index:350;display:flex;align-items:center;gap:16px;padding:14px 16px 14px 20px;border-radius:var(--r-lg);background:rgba(29,41,64,.96);border:1px solid var(--line-2);box-shadow:var(--shadow-2)}
.update-banner strong{display:block;font-size:var(--fs-sm)}.update-banner small{color:var(--text-3)}

/* ========== BARRE D'OBJECTIF — SIGNATURE ========== */
.goal-card{position:relative;isolation:isolate;padding:clamp(20px,3vw,34px);margin-bottom:var(--s5);border-radius:var(--r-xl);overflow:hidden;
  background:radial-gradient(700px 240px at 0% 0%,rgba(67,221,182,.09),transparent 60%),radial-gradient(700px 260px at 100% 0%,rgba(173,149,255,.1),transparent 60%),linear-gradient(180deg,rgba(29,41,64,.7),rgba(13,19,33,.78));
  border:1px solid rgba(152,168,194,.18);box-shadow:0 40px 80px -40px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.06) inset;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.goal-card::after{content:"";position:absolute;inset:auto -10% -60% -10%;height:120%;z-index:-1;background:radial-gradient(50% 40% at var(--glow-x,50%) 0%,rgba(96,157,255,.18),transparent 70%);pointer-events:none;transition:opacity .8s}
.goal-hit{position:absolute;inset:0;z-index:3;border-radius:inherit}
.goal-hit:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}
.goal-card:hover{border-color:rgba(152,168,194,.28)}
.goal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4)}
.goal-title h2{font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:650;letter-spacing:-.02em}
.goal-pct{text-align:right;flex:none}
.goal-pct strong{display:block;font-family:var(--display);font-size:clamp(1.6rem,4.6vw,2.6rem);font-weight:700;letter-spacing:-.04em;line-height:1;background:var(--signature);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.goal-pct span{font-size:var(--fs-xs);color:var(--text-3)}
.goal-amounts{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);margin:var(--s5) 0 var(--s4)}
.goal-amounts .lbl,.goal-meta .lbl{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:650;margin-bottom:4px}
.goal-now .amount{display:block;font-family:var(--display);font-size:var(--fs-hero);font-weight:700;letter-spacing:-.045em;line-height:1;text-shadow:0 0 40px rgba(96,157,255,.25)}
.goal-target{text-align:right}.goal-target strong{font-family:var(--display);font-size:clamp(1rem,2.4vw,1.3rem);color:var(--text-2);font-weight:650}
/* La piste */
.goal-track{--h:24px;position:relative;height:var(--h);margin:12px 0 38px;border-radius:var(--r-pill)}
.goal-glass{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 55%,rgba(0,0,0,.18)),rgba(7,11,20,.62);border:1px solid rgba(152,168,194,.2);box-shadow:inset 0 2px 6px rgba(0,0,0,.55),inset 0 -1px 0 rgba(255,255,255,.05),0 1px 0 rgba(255,255,255,.05)}
.goal-glass::after{content:"";position:absolute;inset:3px 12px auto;height:30%;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent)}
.goal-fill{position:absolute;left:0;top:0;bottom:0;width:var(--w);min-width:0;border-radius:inherit;overflow:hidden;
  background:linear-gradient(90deg,#43DDB6 0%,#57C2E8 26%,#609DFF 55%,#8E98FF 78%,#AD95FF 100%);background-size:calc(10000% / max(var(--wn,100),1)) 100%;background-repeat:no-repeat;
  box-shadow:0 0 18px rgba(96,157,255,.55),0 0 46px -6px rgba(67,221,182,.4),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 6px rgba(5,10,30,.35);will-change:width}
.goal-fill::before{content:"";position:absolute;inset:2px 6px auto;height:38%;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0))}
.goal-fill::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 2px,transparent 2px 9px);mix-blend-mode:overlay;opacity:.7}
.goal-sheen{position:absolute;top:0;bottom:0;left:-30%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);opacity:0}
.goal-card.settled .goal-sheen{animation:sheen 1.6s .2s var(--ease) 1}
@keyframes sheen{0%{left:-30%;opacity:0}20%{opacity:1}100%{left:110%;opacity:0}}
.goal-cap{position:absolute;top:50%;left:var(--w);z-index:2;width:10px;height:calc(var(--h) + 16px);transform:translate(-60%,-50%);border-radius:99px;background:linear-gradient(180deg,#fff,#CFE0FF);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 18px 4px rgba(150,190,255,.85),0 0 46px 10px rgba(96,157,255,.45);pointer-events:none}
.goal-cap::after{content:"";position:absolute;left:50%;top:50%;width:80px;height:80px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(160,195,255,.35),transparent 65%);animation:breathe 6s ease-in-out infinite}
@keyframes breathe{50%{opacity:.45;transform:translate(-50%,-50%) scale(.85)}}
.goal-ticks{position:absolute;inset:0;pointer-events:none}
.goal-ticks i{font-style:normal;position:absolute;left:var(--at);top:-6px;bottom:-6px;width:1px;background:linear-gradient(180deg,transparent,rgba(244,247,255,.32),transparent);transition:opacity .5s,background .5s}
.goal-ticks i b{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:.68rem;font-weight:650;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .5s}
.goal-ticks i:last-child b{transform:translateX(-100%)}
.goal-ticks i::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(244,247,255,.35);background:rgba(7,11,20,.9);transition:all .5s}
.goal-ticks i.hit::after{background:#fff;border-color:#fff;box-shadow:0 0 10px rgba(255,255,255,.8)}.goal-ticks i.hit b{color:var(--text-2)}
.goal-ticks i.next b{color:var(--text)}.goal-ticks i.next::after{border-color:var(--blue);box-shadow:0 0 0 3px rgba(96,157,255,.18)}
.goal-ticks i.celebrate::after{animation:tick-pop 1.2s var(--ease-out) 2}
@keyframes tick-pop{40%{transform:translate(-50%,-50%) rotate(45deg) scale(2.1);box-shadow:0 0 24px 6px rgba(255,255,255,.9)}}
.goal-card.glow{border-color:rgba(96,157,255,.5);box-shadow:0 0 0 1px rgba(96,157,255,.3),0 0 60px -10px rgba(96,157,255,.6),0 40px 80px -40px rgba(0,0,0,.9)}
.goal-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
.goal-meta strong{display:block;font-family:var(--display);font-size:var(--fs-md);font-weight:650}.goal-meta small{color:var(--text-3)}
.goal-meta .pill{font-family:var(--font)}
.goal-note{display:flex;gap:8px;align-items:center;margin:var(--s4) 0 0;font-size:var(--fs-sm);color:var(--orange)}
.goal-actions{position:relative;z-index:4;display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s4)}
.goal-empty .goal-track.ghost{margin-bottom:var(--s4)}.goal-empty .goal-track.ghost::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px dashed var(--line-3);background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 12px,transparent 12px 24px)}
.goal-empty .goal-ticks i b{display:none}.goal-empty p{max-width:56ch;margin:6px 0 0}
.goal-card.state-negative .goal-glass{border-color:rgba(239,181,110,.4);background:repeating-linear-gradient(135deg,rgba(239,181,110,.06) 0 8px,transparent 8px 16px),rgba(7,11,20,.6)}
.goal-card.state-negative .goal-now .amount{color:var(--orange);text-shadow:none}
.goal-card.state-negative .goal-cap{display:none}
.goal-card.state-nodata .goal-cap,.goal-card.state-nodata .goal-fill{display:none}
.goal-card.state-over .goal-fill{box-shadow:0 0 26px rgba(173,149,255,.7),0 0 60px rgba(96,157,255,.5),inset 0 1px 0 rgba(255,255,255,.55)}
.goal-card.state-over .goal-pct strong{filter:drop-shadow(0 0 14px rgba(173,149,255,.5))}
/* Entrée cinématographique coordonnée */
.goal-card.intro [data-reveal]{animation:reveal .7s var(--ease-out) both}
.goal-card.intro .goal-amounts{animation-delay:.12s}.goal-card.intro .goal-meta{animation-delay:1.05s}.goal-card.intro .goal-pct{animation-delay:.05s}
.goal-card.intro .goal-ticks i{opacity:0}.goal-card.intro .goal-ticks i.lit{opacity:1}
.goal-card.intro .goal-glass{animation:track-in .5s var(--ease-out) both}
@keyframes reveal{from{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes track-in{from{opacity:0;transform:scaleX(.96)}}
.goal-card.compact{padding:20px 22px}.goal-card.compact .goal-now .amount{font-size:clamp(1.6rem,4vw,2.2rem)}.goal-card.compact .goal-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
.mini-goal{margin-bottom:var(--s4)}

/* ---------- Accueil ---------- */
.home-hero{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin:2px 0 var(--s5)}
.hello h1{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:650}.hello h1 span{background:linear-gradient(90deg,#F4F7FF,#B8C7E6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hello .overline{text-transform:capitalize;letter-spacing:.08em}
.profile-chip{display:none}
.quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:var(--s5)}
.quick-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:14px 8px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--line);font-size:var(--fs-xs);font-weight:600;color:var(--text-2);text-align:center;transition:all var(--t-med) var(--ease)}
.quick-item .icon{width:40px;height:40px;padding:10px;border-radius:13px;color:var(--text);background:linear-gradient(145deg,rgba(96,157,255,.24),rgba(173,149,255,.08));border:1px solid rgba(96,157,255,.2)}
.quick-item:hover{color:var(--text);border-color:var(--line-2);transform:translateY(-2px)}.quick-item:active{transform:scale(.97)}
.universes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin-bottom:var(--s5);perspective:900px}
.universe{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:4px;min-height:196px;padding:18px;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 46%),var(--glass);border:1px solid var(--line);transition:transform .45s var(--ease),border-color var(--t-med),box-shadow var(--t-med);transform-style:preserve-3d;animation:card-in .6s var(--ease-out) both;animation-delay:calc(.08s * var(--i) + .15s)}
@keyframes card-in{from{opacity:0;transform:translateY(16px)}}
.u-glow{position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 68%);opacity:.6;transition:opacity var(--t-med),transform .6s var(--ease)}
.universe:hover{transform:translateY(-4px) rotateX(3deg);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 24px 50px -24px color-mix(in srgb,var(--accent) 60%,transparent)}
.universe:hover .u-glow{opacity:1;transform:scale(1.15)}.universe:active{transform:scale(.98)}
.u-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}
.u-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}
.u-index{font-family:var(--display);font-size:.7rem;color:var(--text-3);font-weight:700;letter-spacing:.1em}
.u-name{font-size:var(--fs-xs);color:var(--text-2);font-weight:600;margin-top:18px}
.u-value{font-family:var(--display);font-size:1.22rem;letter-spacing:-.02em;font-weight:680;line-height:1.2}
.universe small{color:var(--text-3)}
.u-open{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:var(--fs-xs);font-weight:650;color:var(--accent)}.u-open .icon{width:14px;height:14px;transition:transform var(--t-med)}.universe:hover .u-open .icon{transform:translateX(3px)}
.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}.home-grid .panel{margin:0}

/* ---------- Cartes héros ---------- */
.hero-card{position:relative;isolation:isolate;display:block;padding:24px;margin-bottom:var(--s4);border-radius:var(--r-xl);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:radial-gradient(600px 200px at 100% 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),var(--glass);transition:transform var(--t-med),box-shadow var(--t-med)}
.hero-card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--accent) 70%,transparent)}
.hero-card .overline{color:var(--accent)}.hero-card small{display:block;color:var(--text-2);max-width:60ch}
.hero-value{display:block;font-family:var(--display);font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:-.04em;margin:8px 0 4px}
.hero-open{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--accent);font-weight:650;font-size:var(--fs-sm)}
.callout{display:flex;justify-content:space-between;align-items:center;gap:var(--s5);border-color:rgba(173,149,255,.3);background:radial-gradient(500px 200px at 0 0,rgba(173,149,255,.12),transparent 70%),var(--glass)}
.callout h2{margin-bottom:6px}.callout p{margin:0;max-width:70ch}

/* ---------- Univers par univers ---------- */
.universe-bars{display:grid;gap:16px}
.ub-label{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-sm);margin-bottom:8px}.ub-label span{display:flex;gap:8px;align-items:center;color:var(--text-2)}.ub-label .icon{color:var(--accent);width:17px;height:17px}.ub-label strong{font-family:var(--display)}
.ub-track{display:flex;flex-direction:column;gap:3px}.ub-track i{display:block;height:6px;border-radius:99px;min-width:2px}.ub-track .pos{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 50%,transparent),var(--accent));box-shadow:0 0 10px color-mix(in srgb,var(--accent) 50%,transparent)}.ub-track .neg{background:rgba(255,138,152,.55)}
.ub small{color:var(--text-3)}
.milestones{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.milestones li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}
.milestones strong{font-family:var(--display)}.milestones small{color:var(--text-3)}
.ms-dot{width:10px;height:10px;transform:rotate(45deg);border:1px solid var(--line-3)}
.milestones li.done .ms-dot{background:var(--signature);border-color:transparent;box-shadow:0 0 10px rgba(96,157,255,.7)}.milestones li.done small{color:var(--green)}

/* ---------- Graphiques ---------- */
.chart{position:relative;margin:var(--s3) 0 0;touch-action:pan-y}
.chart{overflow-x:clip}.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart .grid{stroke:rgba(152,168,194,.1);stroke-width:1;vector-effect:non-scaling-stroke}
.chart .zero{stroke:rgba(255,138,152,.4);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.chart .axis{fill:var(--text-3);font-size:11px;font-family:var(--font)}
.chart svg{animation:chart-reveal 1s var(--ease-out) both}
.chart .line{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.chart .line.s0{stroke:var(--chart-1);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--chart-1) 60%,transparent))}.chart .line.s1{stroke:var(--chart-2)}.chart .line.s2{stroke:var(--chart-3)}.chart .line.s3{stroke:var(--chart-4)}
.chart .line.dashed{stroke-dasharray:4 6;animation:none;stroke-dashoffset:0;stroke:rgba(244,247,255,.35);filter:none}
.chart .area{animation:fade .9s .2s both}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes chart-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes fade{from{opacity:0}}
.chart .cursor{stroke:rgba(244,247,255,.35);stroke-width:1;vector-effect:non-scaling-stroke}
.chart-tip{position:absolute;top:0;transform:translateX(-50%);padding:8px 12px;border-radius:12px;background:rgba(29,41,64,.96);border:1px solid var(--line-2);box-shadow:var(--shadow-2);font-size:.72rem;pointer-events:none;white-space:nowrap;z-index:2}
.chart-tip strong{display:block;margin-bottom:2px}.chart-tip span{display:block;color:var(--text-2)}
.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:var(--fs-xs);color:var(--text-2)}
.legend span::before{content:"";display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle;background:var(--chart-1)}
.legend .s1::before{background:var(--chart-2)}.legend .s2::before{background:var(--chart-3)}.legend .s3::before{background:var(--chart-4)}
.chart-empty{display:flex;align-items:center;gap:12px;padding:28px 18px;border-radius:var(--r-md);border:1px dashed var(--line-2);color:var(--text-3);font-size:var(--fs-sm)}.chart-empty p{margin:0;color:inherit}

/* ---------- Simulateurs ---------- */
.sim-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:start}
.sim-grid.wide{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.sim-grid>.panel{margin:0}.sim-out{position:sticky;top:90px}
#loan-form .overline,#cap-form .overline{margin-top:var(--s4);color:var(--accent)}
.result-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin:var(--s3) 0}
.result-hero>div{padding:16px;border-radius:var(--r-md);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,transparent),rgba(255,255,255,.01));border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}
.result-hero small,.result-grid small{display:block;color:var(--text-3);font-size:.7rem;font-weight:600}
.result-hero strong{display:block;font-family:var(--display);font-size:clamp(1.35rem,3.4vw,1.9rem);letter-spacing:-.03em;margin:4px 0 2px}
.result-hero span{font-size:.72rem;color:var(--text-2)}
.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:var(--s3) 0}
.result-grid>div{padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.result-grid strong{font-family:var(--display);font-size:var(--fs-md)}
.plan{margin:var(--s4) 0}
details.amort,details.method{margin-top:var(--s4);border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.02)}
details>summary{cursor:pointer;list-style:none;padding:14px 16px;font-size:var(--fs-sm);font-weight:650;display:flex;align-items:center;gap:8px}
details>summary::-webkit-details-marker{display:none}details>summary::before{content:"";width:7px;height:7px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(-45deg);transition:transform var(--t-fast)}
details[open]>summary::before{transform:rotate(45deg)}
details.method>p,details.method>ul,details.method>div{padding:0 16px 14px;font-size:var(--fs-sm);margin:0}
details.amort .table-wrap{margin:0 10px 12px;max-height:520px;overflow:auto}
.saved-sims{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}
.quote-hero .big-quote{display:block;font-family:var(--display);font-size:clamp(2rem,6vw,2.8rem);letter-spacing:-.04em;margin:6px 0}.big-quote small{font-size:1rem;color:var(--text-3)}

/* ---------- Parcours ---------- */
.career-root{display:block;padding:24px;border-radius:var(--r-xl);margin-bottom:var(--s5);border:1px solid rgba(173,149,255,.3);background:radial-gradient(500px 200px at 0 0,rgba(173,149,255,.18),transparent 70%),var(--glass)}
.career-root strong{display:block;font-family:var(--display);font-size:clamp(1.3rem,3.4vw,1.8rem);letter-spacing:-.03em;margin-bottom:10px}
.career-root .overline{color:var(--purple)}.career-root .mini-progress{margin-top:14px;max-width:420px}
.journey{list-style:none;margin:0;padding:0;position:relative}
.journey::before{content:"";position:absolute;left:17px;top:20px;bottom:20px;width:2px;background:linear-gradient(180deg,var(--purple),rgba(173,149,255,.1))}
.stage{position:relative;display:grid;grid-template-columns:36px 1fr;gap:18px;padding-bottom:var(--s5)}
.stage-dot{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid rgba(173,149,255,.5);font-family:var(--display);font-weight:700;color:var(--purple);box-shadow:0 0 18px -4px rgba(173,149,255,.7)}
.stage-body h2{font-size:var(--fs-lg);margin-top:6px}.stage-body p{font-size:var(--fs-sm)}

/* ---------- Chronologie ---------- */
.timeline{position:relative;padding-left:24px}.timeline::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--accent),transparent)}
.tl-year{font-family:var(--display);font-weight:700;color:var(--accent);margin:18px 0 10px}
.tl-item{position:relative;margin-bottom:12px}.tl-item::before{content:"";position:absolute;left:-22px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}

/* ---------- Paramètres ---------- */
.settings{padding:var(--s3) var(--s4)}.settings h3{margin:10px 4px}
.settings-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:10px 4px;border-top:1px solid var(--line)}
.settings-row small{display:block;color:var(--text-3)}.settings-row.archived{opacity:.55}
.row-controls,.order{display:flex;gap:2px;align-items:center}
.backup{text-align:left}.backup .empty-orb{margin-bottom:14px}
.pending{border-color:rgba(239,181,110,.4)}

/* ---------- Authentification ---------- */
#auth{position:relative;min-height:100dvh;display:grid;place-items:center;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));overflow:hidden}
.auth-bg i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}
.auth-bg i:first-child{width:520px;height:520px;right:-160px;top:-180px;background:radial-gradient(circle,rgba(96,157,255,.5),transparent 70%)}
.auth-bg i:last-child{width:460px;height:460px;left:-180px;bottom:-200px;background:radial-gradient(circle,rgba(173,149,255,.4),transparent 70%)}
.auth-inner{position:relative;width:min(440px,100%)}
.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.auth-brand img{border-radius:15px;box-shadow:0 10px 30px -10px rgba(96,157,255,.7)}
.auth-brand span{font-family:var(--display);font-size:1.5rem;font-weight:780;letter-spacing:.22em}.auth-brand small{display:block;font-family:var(--font);font-size:.56rem;letter-spacing:.24em;color:var(--text-3);font-weight:600}
.auth-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--line);margin-bottom:22px;overflow:hidden}
.auth-bar i{display:block;height:100%;width:62%;border-radius:inherit;background:var(--signature);box-shadow:0 0 18px rgba(96,157,255,.7);animation:auth-fill 1.4s var(--ease-out) both}
@keyframes auth-fill{from{width:0}}
.auth-card{padding:28px 24px;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(29,41,64,.72),rgba(13,19,33,.82));border:1px solid var(--line-2);box-shadow:var(--shadow-2);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.auth-card h1{font-size:clamp(1.9rem,6vw,2.4rem);margin-bottom:10px}.auth-card h1 span{background:var(--signature);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-card form{display:grid;gap:12px;margin-top:18px}
.auth-error{color:var(--red);font-size:var(--fs-sm);margin-top:10px}
.divider{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--text-3);font-size:var(--fs-xs)}.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-foot{text-align:center;margin-top:20px;font-size:.62rem;letter-spacing:.24em;color:var(--text-3)}
.boot{display:flex;flex-direction:column;align-items:center;gap:18px;color:var(--text-3);font-size:var(--fs-sm)}
.boot img{border-radius:16px;box-shadow:0 10px 40px -10px rgba(96,157,255,.7)}
.boot-bar{width:180px;height:4px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.boot-bar i{display:block;height:100%;width:40%;border-radius:inherit;background:var(--signature);animation:boot 1.2s var(--ease) infinite}
@keyframes boot{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
.noscript{padding:20px;text-align:center}

/* ---------- Navigation mobile ---------- */
.mobile-nav{display:none}

/* ========== Tablette ========== */
@media (max-width:1180px){.universes{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid .panel:last-child{grid-column:1/-1}.goal-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-grid,.sim-grid.wide{grid-template-columns:1fr}.sim-out{position:static}}
@media (max-width:1023px){
  .sidebar{display:none}.app-shell{margin-left:0}
  .mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand img{width:34px;height:34px;border-radius:10px}.mobile-brand span{font-family:var(--display);font-weight:780;letter-spacing:.2em;font-size:.95rem}
  .breadcrumbs{display:none}.search-trigger kbd,.search-trigger>span:not(.icon){display:none}.search-trigger{width:40px;height:40px;padding:0;justify-content:center}
  .topbar .icon-link{display:inline-flex}
  main{padding-bottom:calc(var(--bottom-nav-height) + 40px + var(--safe-bottom))}
  .app-footer{padding-bottom:calc(var(--bottom-nav-height) + 20px + var(--safe-bottom))}
  .mobile-nav{position:fixed;left:12px;right:12px;max-width:calc(100vw - 24px);bottom:calc(10px + var(--safe-bottom));z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:6px;border-radius:24px;background:rgba(17,24,39,.78);border:1px solid var(--line-2);box-shadow:0 20px 50px -14px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.06) inset;backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%)}
  .mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:54px;justify-content:center;border-radius:18px;font-size:.62rem;font-weight:650;color:var(--text-3);transition:color var(--t-fast),background var(--t-fast)}
  .mobile-nav a .icon{width:22px;height:22px;transition:transform var(--t-med) var(--ease)}
  .mobile-nav a.active{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.mobile-nav a.active .icon{color:var(--accent);transform:translateY(-1px)}
  .mobile-nav a:active .icon{transform:scale(.88)}
  .fab{justify-self:center;display:grid;place-items:center;width:54px;height:54px;border-radius:19px;color:#06101E;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 60%),var(--signature);box-shadow:0 10px 26px -6px rgba(96,157,255,.75),0 1px 0 rgba(255,255,255,.5) inset;transition:transform var(--t-med) var(--ease)}
  .fab .icon{width:24px;height:24px}.fab .icon svg{stroke-width:2.2}.fab:active{transform:scale(.92) rotate(90deg)}
  body.keyboard-open .mobile-nav{display:none}
  .toast{bottom:calc(var(--bottom-nav-height) + 22px + var(--safe-bottom))}
  .update-banner{left:12px;right:12px;bottom:calc(var(--bottom-nav-height) + 22px + var(--safe-bottom))}
  dialog#editor,dialog#sheet,dialog#confirm{width:100%;max-width:100%;margin:auto 0 0;max-height:calc(var(--visual-height,100dvh) - 12px - var(--safe-top));border-radius:28px 28px 0 0;border-bottom:0;padding-bottom:var(--safe-bottom)}
  dialog#editor[open],dialog#sheet[open],dialog#confirm[open]{animation:sheet-in .42s var(--ease-out)}
  @keyframes sheet-in{from{transform:translateY(100%)}}
  .sheet-grip{display:block;width:40px;height:5px;border-radius:99px;background:var(--line-3);margin:8px auto 0}
  #search{margin-top:calc(10px + var(--safe-top));width:calc(100vw - 16px);max-height:calc(var(--visual-height,100dvh) - 20px)}
}
/* ========== iPhone ========== */
@media (max-width:640px){
  :root{--fs-2xl:1.72rem}
  main{padding-top:var(--s4)}
  .topbar{padding:calc(10px + var(--safe-top)) 16px 10px}
  .storage-status{font-size:0;padding:6px}.storage-status i{width:8px;height:8px}
  .page-intro{flex-direction:column;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s5)}
  .section-head{flex-direction:column;align-items:flex-start;gap:var(--s3)}
  .home-hero{margin-bottom:var(--s4)}.profile-chip{display:block}.hello h1{font-size:1.62rem}
  .goal-card{padding:20px 18px 18px;border-radius:24px}
  .goal-head{flex-direction:row}.goal-title h2{font-size:1.02rem}
  .goal-amounts{flex-direction:column;align-items:flex-start;gap:6px;margin:16px 0 10px}
  .goal-target{text-align:left;display:flex;gap:8px;align-items:baseline}.goal-target .lbl{margin:0}
  .goal-now .amount{font-size:2.35rem}
  .goal-track{--h:20px;margin-bottom:34px}
  .goal-ticks i b{font-size:.6rem}
  .goal-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .quick{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:96px;overflow-x:auto;margin:0 -16px var(--s5);padding:0 16px 4px;scrollbar-width:none;scroll-snap-type:x mandatory}
  .quick::-webkit-scrollbar{display:none}.quick-item{scroll-snap-align:start;min-height:92px}
  .universes{gap:10px}.universe{min-height:170px;padding:15px}.u-value{font-size:1.05rem}.u-name{margin-top:12px}
  .home-grid,.grid-2{grid-template-columns:1fr}.home-grid .panel:last-child{grid-column:auto}
  .panel{padding:16px}.card{padding:16px}
  .form-grid{grid-template-columns:1fr;gap:12px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{flex-direction:column;gap:8px;padding:14px}.stat-value{font-size:1.08rem}
  .cards{grid-template-columns:1fr}
  .tiles{grid-template-columns:1fr}
  .hide-sm{display:none}
  .table th,.table td{padding:10px 10px}
  .op-row{grid-template-columns:auto 1fr auto;row-gap:2px}.op-row .row-actions{grid-column:2/-1;justify-self:end}
  .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .callout{flex-direction:column;align-items:flex-start}
  .start-row{grid-template-columns:1fr 1fr}.start-row .check-label{grid-column:1/-1}
  .search-bar{flex-wrap:wrap;border-radius:22px;padding:6px 6px 6px 14px}.search-bar input{flex:1 1 60%}
  .q-price{max-width:42%}
  .action-grid{grid-template-columns:1fr 1fr;padding:12px 14px 18px}
  .form-footer .btn{flex:1}.form-footer .spacer{display:none}.form-footer .text-link{width:100%;justify-content:center}
  .dl dd{max-width:60%}
}
@media (max-width:360px){.universes{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.goal-meta{grid-template-columns:1fr}}
@media (min-width:1024px){.topbar .icon-link{display:none}}
@media (hover:none){.universe:hover{transform:none}.quick-item:hover{transform:none}}

/* ---------- Réduction des mouvements ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .goal-cap::after{animation:none}.chart .line{stroke-dashoffset:0}
}
@media print{.sidebar,.topbar,.mobile-nav,.app-footer{display:none}.app-shell{margin:0}body{background:#fff;color:#000}}

/* ---------- Mode discret ---------- */
.privacy-btn{color:var(--text-2)}
.privacy-on .privacy-btn{color:#06101E;background:var(--signature);box-shadow:0 6px 18px -6px rgba(96,157,255,.7)}
.privacy-on .goal-now .amount{letter-spacing:.06em}

/* ---------- Barre d'objectif : pied allégé ---------- */
.goal-delta{display:block;margin-top:8px;font-size:var(--fs-sm);font-weight:650;color:var(--text-2);font-variant-numeric:tabular-nums}
.goal-delta em{font-style:normal;font-weight:500;color:var(--text-3)}
.goal-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-2)}
.goal-line b{color:var(--text);font-weight:650;font-family:var(--display);font-variant-numeric:tabular-nums}
.goal-status{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.74rem;color:var(--text-3)}
.goal-status i{width:6px;height:6px;border-radius:50%;background:var(--text-3)}
.goal-status.ok i{background:var(--green);box-shadow:0 0 8px var(--green)}
.goal-status.warn{color:var(--orange)}.goal-status.warn i{background:var(--orange)}
.goal-status.bad{color:var(--red)}.goal-status.bad i{background:var(--red)}
.goal-card.intro .goal-line,.goal-card.intro .goal-status{animation-delay:1.05s}
.goal-delta.up{color:var(--up)}.goal-delta.down{color:var(--down)}

/* ---------- Simulateur PEA ---------- */
.sim-chips{margin:8px 0 4px}.sim-chips .chip.on{color:#06101E;background:var(--signature);border-color:transparent}
#simulation-form .overline{margin-top:var(--s4);color:var(--accent)}
#simulation-output .overline{margin-top:var(--s5)}
#simulation-output .table-wrap{margin-top:8px}

/* ========== Carte objectif épurée (v4.0.1) ========== */
.goal-card{padding:22px 22px 18px}
.goal-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.goal-lbl{font-size:.8rem;font-weight:600;color:var(--text-3)}
.goal-target-chip{font-size:.76rem;font-weight:600;color:var(--text-2);padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--line);white-space:nowrap}
.goal-amount{display:block;font-family:var(--display);font-size:clamp(2.6rem,9vw,3.6rem);font-weight:700;letter-spacing:-.045em;line-height:1;margin:12px 0 8px;text-shadow:0 0 40px rgba(96,157,255,.22);font-variant-numeric:tabular-nums}
.goal-card .goal-delta{margin:0;font-size:.88rem}.goal-delta.none{color:var(--text-3)}.goal-delta em{font-style:normal;font-weight:500;color:var(--text-3)}
.goal-barrow{display:flex;align-items:center;gap:14px;margin:22px 0 12px}
.goal-barrow .goal-track{--h:12px;flex:1;margin:0}
.goal-barrow .goal-pct{flex:none;min-width:62px;text-align:right;font-family:var(--display);font-size:1.08rem;font-weight:700;letter-spacing:-.02em;background:var(--signature);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.goal-barrow .goal-fill::before{inset:1px 4px auto;height:40%}
.goal-barrow .goal-cap{width:4px;height:22px;border-radius:4px;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 10px 2px rgba(160,195,255,.8)}
.goal-barrow .goal-cap::after{width:46px;height:46px}
.goal-barrow .goal-ticks i{top:50%;bottom:auto;height:0;width:0;background:none}
.goal-barrow .goal-ticks i::after{width:7px;height:7px}
.goal-card .goal-line{font-size:.86rem}
.goal-card .goal-status{margin-top:12px}
.goal-card.intro .goal-amount{animation-delay:.08s}.goal-card.intro .goal-delta{animation-delay:.16s}
.goal-card.state-negative .goal-amount{color:var(--orange);text-shadow:none}
.goal-card.compact{padding:18px 18px 16px}.goal-card.compact .goal-amount{font-size:clamp(2rem,7vw,2.6rem)}

/* ---------- Investissements : enveloppes ---------- */
.inv-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s5);align-items:end;padding:22px;margin-bottom:var(--s3);border-radius:var(--r-xl);background:radial-gradient(500px 200px at 0 0,rgba(67,221,182,.1),transparent 70%),var(--glass);border:1px solid var(--line)}
.inv-total{display:block;font-family:var(--display);font-size:clamp(2.2rem,6vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1;margin:8px 0 6px;font-variant-numeric:tabular-nums}
.env-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:var(--s3)}
.env-card{position:relative;display:flex;flex-direction:column;gap:3px;min-height:132px;padding:16px;border-radius:var(--r-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 10%,transparent),transparent 55%),var(--glass);border:1px solid var(--line);text-align:left;overflow:hidden;transition:border-color var(--t-med),transform var(--t-med)}
.env-card:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);transform:translateY(-2px)}
.env-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);margin-bottom:auto}
.env-name{font-size:var(--fs-xs);font-weight:600;color:var(--text-2);margin-top:12px}
.env-val{font-family:var(--display);font-size:1.25rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.env-card small{color:var(--text-3)}
.env-share{position:absolute;left:0;bottom:0;height:3px;width:var(--p);background:var(--c);box-shadow:0 0 10px var(--c)}
/* ---------- Marchés : cartes ---------- */
.mkt-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * clamp(16px,3vw,40px)) var(--s4);padding:2px clamp(16px,3vw,40px)}
.mkt-chips::-webkit-scrollbar{display:none}
.mkt-chip{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:40px;padding:8px 14px;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--line-2);font-size:var(--fs-sm);font-weight:600;color:var(--text-2);transition:all var(--t-fast)}
.mkt-chip .icon{width:16px;height:16px;color:var(--accent)}.mkt-chip:hover{color:var(--text);border-color:var(--accent)}
.mkt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:var(--s4)}
.mkt-card{display:grid;grid-template-columns:1fr auto;grid-template-areas:"top top" "price spark" "chg spark" "foot foot";gap:4px 12px;padding:16px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--line);transition:border-color var(--t-med),transform var(--t-med)}
.mkt-card:hover{border-color:var(--line-3);transform:translateY(-2px)}
.mkt-top{grid-area:top;display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mkt-name{flex:1}.mkt-name strong{display:block;font-size:var(--fs-sm);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkt-name small{color:var(--text-3)}
.mkt-star{color:var(--orange)}.mkt-star .icon{width:16px;height:16px}.mkt-star svg{fill:currentColor}
.mkt-price{grid-area:price;font-family:var(--display);font-size:1.45rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-self:end}
.mkt-price small{font-size:.75rem;color:var(--text-3);font-weight:600}
.mkt-chg{grid-area:chg;font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums}
.mkt-chg.up{color:var(--up)}.mkt-chg.down{color:var(--down)}
.spark{grid-area:spark;width:120px;align-self:center;text-align:right}
.spark svg{width:120px;height:34px;display:block}
.spark small{font-size:.66rem;font-weight:600}
.spark-line{fill:none;stroke-width:1.8;vector-effect:non-scaling-stroke}.spark-line.up{stroke:var(--up)}.spark-line.down{stroke:var(--down)}
.spark-area.up{fill:rgba(67,221,182,.12)}.spark-area.down{fill:rgba(255,138,152,.1)}
.mkt-foot{grid-area:foot;font-size:.7rem;color:var(--text-3);margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
@media (max-width:1180px){.env-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.inv-hero{grid-template-columns:1fr;padding:18px}.mkt-grid{grid-template-columns:1fr}.env-card{min-height:118px;padding:14px}.env-val{font-size:1.08rem}}

/* ---------- Valeur investie (v2) ---------- */
.inv-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:var(--s6);padding:24px}
.inv-main{display:flex;flex-direction:column}
.inv-perf{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums}
.inv-perf em{font-style:normal;font-weight:500;color:var(--text-3)}
.inv-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:18px}
.inv-mini div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.inv-mini small{display:block;font-size:.68rem;color:var(--text-3);font-weight:600}.inv-mini strong{font-family:var(--display);font-size:var(--fs-md);font-variant-numeric:tabular-nums}
.inv-alloc{display:flex;flex-direction:column;gap:12px;padding-left:var(--s6);border-left:1px solid var(--line)}
.inv-bar{display:flex;gap:4px;height:14px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.04)}
.inv-bar span{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c));box-shadow:0 0 14px -2px var(--c)}
.inv-legend{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.inv-legend li{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}
.inv-legend li:last-child{border-bottom:0}.inv-legend li.off{opacity:.45}
.inv-legend i{width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:0 0 8px var(--c)}
.inv-legend b{font-family:var(--display);font-variant-numeric:tabular-nums}.inv-legend em{font-style:normal;color:var(--text-3);font-variant-numeric:tabular-nums;min-width:72px;text-align:right}
.mkt-sub{display:block;font-style:normal;font-family:var(--font);font-size:.72rem;font-weight:500;color:var(--text-3);letter-spacing:0;margin-top:2px}
.mkt-chg em{font-style:normal;font-weight:500;color:var(--text-3);font-size:.7rem}
@media (max-width:820px){.inv-hero{grid-template-columns:1fr}.inv-alloc{padding-left:0;border-left:0;padding-top:var(--s4);border-top:1px solid var(--line)}}
@media (max-width:640px){.inv-mini{grid-template-columns:repeat(3,minmax(0,1fr))}.inv-mini div{padding:8px}.inv-legend em{min-width:0}}

.inv-perf{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:4px}
.perf-pill{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:99px;background:rgba(67,221,182,.1);border:1px solid rgba(67,221,182,.22)}
.perf-pill.down{background:rgba(255,138,152,.08);border-color:rgba(255,138,152,.22)}
.inv-alloc>small{font-size:.72rem}

/* ---------- Principales lignes & repères ---------- */
.top-lines{margin-bottom:var(--s3)}
.tl-row{display:flex;align-items:center;gap:16px;padding:12px 4px;border-top:1px solid var(--line)}
.tl-row:hover{background:rgba(255,255,255,.02)}
.tl-main{flex:1;min-width:0}.tl-main strong{display:block;font-size:var(--fs-sm);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-main small{color:var(--text-3);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-bar{display:block;height:4px;border-radius:99px;background:rgba(255,255,255,.05);margin-top:8px}.tl-bar i{display:block;height:100%;border-radius:inherit;background:var(--signature)}
.tl-val{text-align:right;flex:none}.tl-val strong{display:block;font-family:var(--display);font-variant-numeric:tabular-nums}.tl-val small{color:var(--text-3);font-variant-numeric:tabular-nums}.tl-val b{font-weight:650}
.bench-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:var(--s3)}
.bench-card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--line)}
.bench-card.metal{background:linear-gradient(160deg,rgba(239,181,110,.09),transparent 55%),var(--glass)}
.bench-name{font-size:var(--fs-xs);font-weight:650;color:var(--text-2)}.bench-name em{font-style:normal;font-weight:700;margin-left:6px}
.bench-card strong{font-family:var(--display);font-size:1.3rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bench-card strong small{font-size:.72rem;color:var(--text-3);font-weight:600}
.bench-card>small{color:var(--text-3);font-size:.72rem}
@media (max-width:820px){.bench-grid{grid-template-columns:1fr}}
.spark:empty{display:none}.mkt-card:has(.spark:empty) .mkt-price,.mkt-card:has(.spark:empty) .mkt-chg{grid-column:1/-1}

/* ---------- Enveloppes v3 : toutes visibles ---------- */
.env-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.env-card{min-height:168px;gap:2px}
.env-card.is-empty{border-style:dashed;border-color:color-mix(in srgb,var(--c) 35%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--c) 7%,transparent),transparent 60%),var(--glass)}
.env-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:auto}
.env-head .env-ic{margin:0}
.env-open{color:var(--text-3)}.env-open .icon{width:18px;height:18px}
.env-card.is-empty .env-val{font-size:1rem;color:var(--text-2);font-weight:600}
.env-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.env-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border-radius:99px;font-size:var(--fs-xs);font-weight:650;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.env-btn .icon{width:14px;height:14px}.env-btn:hover{background:color-mix(in srgb,var(--c) 20%,transparent)}
.env-link{font-size:var(--fs-xs);color:var(--text-3);text-decoration:underline;text-underline-offset:3px}
.inv-legend li.off{opacity:1}.inv-legend li.off span,.inv-legend li.off b{color:var(--text-3)}
@media (max-width:1180px){.env-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.env-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.env-card{min-height:156px;padding:13px}.env-actions{flex-wrap:wrap;gap:6px}}

/* ---------- Enveloppes compactes ---------- */
.env-grid{gap:8px}
.env-card{flex-direction:row;align-items:center;gap:12px;min-height:0;padding:12px 12px 12px 14px;border-radius:16px}
.env-card .env-ic{flex:none;width:36px;height:36px;margin:0}
.env-body{flex:1;min-width:0;display:flex;flex-direction:column}
.env-card .env-name{margin:0;font-size:.72rem}
.env-card .env-val{font-size:1.05rem;line-height:1.25}
.env-card.is-empty .env-val{font-size:1.05rem;color:var(--text-3)}
.env-card small{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.env-btn{flex:none;width:34px;height:34px;min-height:0;padding:0;justify-content:center;border-radius:11px}
.env-btn .icon{width:16px;height:16px}
.env-card:hover{transform:none}
@media (max-width:640px){.env-grid{grid-template-columns:1fr;gap:6px}.env-card{padding:10px 10px 10px 12px}}

/* ========== Accueil v2 ========== */
.h-hello{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin:0 0 var(--s4)}
.h-date{display:block;font-size:.76rem;font-weight:600;color:var(--text-3);text-transform:capitalize;margin-bottom:4px}
.h-hello h1{font-size:clamp(1.45rem,3.4vw,1.9rem);font-weight:650}.h-hello h1 span{color:var(--text-2)}
.h-quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * clamp(16px,3vw,40px)) var(--s5);padding:2px clamp(16px,3vw,40px)}
.h-quick::-webkit-scrollbar{display:none}
.h-q{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:42px;padding:8px 16px 8px 10px;border-radius:99px;background:var(--glass);border:1px solid var(--line-2);font-size:var(--fs-sm);font-weight:600;color:var(--text);transition:all var(--t-fast)}
.h-q .icon{width:26px;height:26px;padding:5px;border-radius:50%;color:var(--blue);background:rgba(96,157,255,.14)}
.h-q:hover{border-color:var(--blue)}.h-q:active{transform:scale(.97)}
.h-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s4);align-items:start}
.h-col{display:flex;flex-direction:column;gap:var(--s4)}
.h-card{position:relative;padding:14px 8px 8px;border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--line)}
.h-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 10px 8px}
.h-head h2{font-size:1rem;font-weight:650}
.h-count{min-width:22px;height:22px;padding:0 7px;border-radius:99px;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#06101E;background:var(--signature)}
.h-row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 10px;border-radius:14px;text-align:left;transition:background var(--t-fast)}
.h-row+.h-row{box-shadow:0 -1px 0 var(--line)}
.h-row:hover{background:rgba(255,255,255,.035)}
.h-ic{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;color:var(--text-2);background:rgba(255,255,255,.05)}
.h-ic .icon{width:18px;height:18px}
.h-ic.u{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.todo.bad .h-ic{color:var(--red);background:rgba(255,138,152,.1)}.todo.warn .h-ic{color:var(--orange);background:rgba(239,181,110,.1)}.todo.info .h-ic{color:var(--blue);background:rgba(96,157,255,.12)}
.h-main{flex:1;min-width:0}.h-main strong{display:block;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-main small{display:block;color:var(--text-3);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-val{flex:none;text-align:right}.h-val strong{display:block;font-family:var(--display);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.h-val small{font-size:.7rem;font-weight:650}
.h-chev{flex:none;width:16px;height:16px;color:var(--text-3)}
.h-ok{display:flex;gap:12px;align-items:center;padding:10px}.h-ok>.icon{width:34px;height:34px;padding:8px;border-radius:11px;color:var(--green);background:rgba(67,221,182,.12)}
.h-ok strong{display:block;font-size:var(--fs-sm)}.h-ok small{color:var(--text-3)}
.h-evo{font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums}.h-evo em{font-style:normal;font-weight:500;color:var(--text-3);font-size:.72rem}
.h-card .chart{margin:0 6px 4px}
.h-empty{padding:4px 10px 10px;font-size:var(--fs-sm)}.h-card>.btn{margin:0 10px 10px}
.h-row .q-ic{width:34px;height:34px;border-radius:11px;font-size:.55rem}
@media (max-width:1024px){.h-grid{grid-template-columns:1fr}}
@media (max-width:640px){.h-hello{margin-bottom:var(--s3)}.h-quick{margin-bottom:var(--s4)}.h-col{gap:var(--s3)}.h-grid{gap:var(--s3)}}
/* En-tête mobile allégé : sauvegardes et paramètres restent accessibles depuis le profil */
@media (max-width:1023px){.topbar .icon-link{display:none}}

.pea-hint{margin-top:4px;font-size:.62rem}.result-row .q-main{display:flex;flex-direction:column;align-items:flex-start}

/* ---------- Cartes de chiffres « verre » (style StatsCard) ---------- */
.stat{position:relative;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 20px;border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),rgba(17,24,39,.55);border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 40px -24px rgba(0,0,0,.9);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s}
.stat:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 26px 50px -24px color-mix(in srgb,var(--accent) 55%,#000)}
.stat-body{flex:1;min-width:0}
.stat-label{font-size:.82rem;font-weight:500;color:rgba(244,247,255,.6)}
.stat .stat-value{font-size:1.6rem;font-weight:700;color:#fff;margin:6px 0 6px}
.stat-note{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-3)}
.stat.pos .stat-note{color:#34D399;font-weight:600}.stat.neg .stat-note{color:var(--red);font-weight:600}
.stat-arrow{width:16px;height:16px;flex:none}
.stat .stat-icon{flex:none;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 35%,var(--purple)));box-shadow:0 10px 24px -8px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.stat .stat-icon .icon{width:22px;height:22px}
.stat.pos .stat-icon{background:linear-gradient(135deg,#34D399,#609DFF)}.stat.neg .stat-icon{background:linear-gradient(135deg,#FF8A98,#AD95FF)}
@media (hover:none){.stat:hover{transform:none}}
@media (max-width:640px){.stat{flex-direction:row;padding:16px 14px;gap:10px}.stat .stat-value{font-size:1.15rem}.stat .stat-icon{width:38px;height:38px;border-radius:12px}.stat .stat-icon .icon{width:18px;height:18px}}

/* ======================================================================
   THÈME « VERRE FLOTTANT » (inspiré du Liquid Glass d'Apple) — body.theme-glass
   ====================================================================== */
.bg-orbs{display:none}
.theme-glass .bg-orbs{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.theme-glass .bg-orbs i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.theme-glass .bg-orbs i:nth-child(1){width:46vmax;height:46vmax;left:-14vmax;top:8vh;background:radial-gradient(circle,#43DDB6,transparent 66%)}
.theme-glass .bg-orbs i:nth-child(2){width:52vmax;height:52vmax;right:-18vmax;top:-14vh;background:radial-gradient(circle,#609DFF,transparent 64%);opacity:.6}
.theme-glass .bg-orbs i:nth-child(3){width:44vmax;height:44vmax;left:18vw;top:52vh;background:radial-gradient(circle,#AD95FF,transparent 64%);opacity:.45}
.theme-glass .bg-orbs i:nth-child(4){width:30vmax;height:30vmax;right:-6vmax;top:72vh;background:radial-gradient(circle,#EFB56E,transparent 64%);opacity:.32}
.theme-glass body::before,.theme-glass::before{background:linear-gradient(180deg,#050811,#04060D)}
body.theme-glass::after{opacity:.025}
body.theme-glass{--text-2:#AEBBD2;--text-3:#8391A9;
  --lg-bg:radial-gradient(130% 70% at 12% -12%,rgba(255,255,255,.22),transparent 46%),linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 48%,rgba(255,255,255,.06));
  --lg-border:1px solid rgba(255,255,255,.2);
  --lg-shadow:inset 0 1px 1px rgba(255,255,255,.42),inset 0 -1px 1px rgba(255,255,255,.07),inset 1px 0 0 rgba(255,255,255,.1),0 22px 44px -20px rgba(0,0,0,.7);
  --lg-blur:blur(24px) saturate(185%)}
/* matière verre */
.theme-glass .goal-card,.theme-glass .panel,.theme-glass .card,.theme-glass .stat,.theme-glass .h-card,.theme-glass .env-card,.theme-glass .mkt-card,
.theme-glass .inv-hero,.theme-glass .hero-card,.theme-glass .tile,.theme-glass .h-q,.theme-glass .quick-item,.theme-glass .tabs-inner,.theme-glass .segmented,
.theme-glass .universe,.theme-glass .search-trigger,.theme-glass .mkt-chip,.theme-glass .chip,.theme-glass .note,.theme-glass .table-wrap,.theme-glass .bench-card,
.theme-glass .career-root,.theme-glass .callout,.theme-glass .empty,.theme-glass details.method,.theme-glass details.amort,.theme-glass .search-bar{
  background:var(--lg-bg),rgba(14,20,34,.32) !important;border:var(--lg-border) !important;box-shadow:var(--lg-shadow) !important;
  backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}
.theme-glass .panel::before,.theme-glass .card::before,.theme-glass .goal-card::before,.theme-glass .universe::before{display:none}
.theme-glass .goal-card{border-radius:30px}
.theme-glass .goal-card::after{opacity:.6}
.theme-glass .stat,.theme-glass .h-card,.theme-glass .mkt-card,.theme-glass .card{border-radius:24px}
.theme-glass .env-card.is-empty{border-style:solid !important}
.theme-glass .note.warn{background:radial-gradient(130% 70% at 12% -12%,rgba(255,255,255,.18),transparent 46%),rgba(239,181,110,.1) !important}
.theme-glass .tab.active,.theme-glass .segmented .active{background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.theme-glass .icon-btn:hover{background:rgba(255,255,255,.1)}
.theme-glass .h-row+.h-row,.theme-glass .op-row+.op-row,.theme-glass .tl-row{box-shadow:0 -1px 0 rgba(255,255,255,.09)}
.theme-glass .h-ic,.theme-glass .q-ic{box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.theme-glass .goal-track .goal-glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.theme-glass .table th{background:rgba(20,28,46,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.theme-glass input:not([type=checkbox]):not([type=color]),.theme-glass select,.theme-glass textarea{background:rgba(8,12,22,.45);border-color:rgba(255,255,255,.16)}
/* boutons ronds d'en-tête en bulles de verre */
.theme-glass .topbar .icon-btn,.theme-glass .privacy-btn{background:var(--lg-bg),rgba(14,20,34,.35);border:var(--lg-border);box-shadow:inset 0 1px 1px rgba(255,255,255,.4);border-radius:50%;backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}
.theme-glass .topbar{background:linear-gradient(180deg,rgba(5,8,17,.7),rgba(5,8,17,0));border-bottom:0}
/* menu latéral flottant (ordinateur) */
@media (min-width:1024px){
  .theme-glass .sidebar{top:14px;left:14px;bottom:14px;width:250px;border-radius:28px;background:var(--lg-bg),rgba(14,20,34,.4);border:var(--lg-border);box-shadow:var(--lg-shadow);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}
  .theme-glass .app-shell{margin-left:278px}
  .theme-glass .nav-link.active{background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
  .theme-glass .nav-link.active::before{display:none}
}
/* barre du bas : capsule de verre (iPhone) */
@media (max-width:1023px){
  .theme-glass .mobile-nav{left:14px;right:14px;border-radius:34px;background:var(--lg-bg),rgba(14,20,34,.45);border:var(--lg-border);box-shadow:var(--lg-shadow);backdrop-filter:blur(26px) saturate(190%);-webkit-backdrop-filter:blur(26px) saturate(190%)}
  .theme-glass .mobile-nav a.active{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);border-radius:24px}
  .theme-glass .fab{background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.1)),var(--signature);box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 12px 24px -8px rgba(96,157,255,.8)}
  .theme-glass dialog#editor,.theme-glass dialog#sheet,.theme-glass dialog#confirm{border-radius:30px 30px 0 0}
}
/* fenêtres et feuilles en verre */
.theme-glass dialog{background:var(--lg-bg),rgba(16,22,38,.7);border:var(--lg-border);box-shadow:var(--lg-shadow);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}
.theme-glass .dialog-head{background:rgba(18,26,44,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.theme-glass .toast{background:var(--lg-bg),rgba(16,22,38,.7);border:var(--lg-border);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}
/* Choix du thème dans Paramètres */
.theme-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:var(--s4)}
.theme-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:18px;border:1px solid var(--line-2);background:var(--glass);text-align:left}
.theme-opt.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(96,157,255,.2)}
.theme-opt small{color:var(--text-3)}
.theme-prev{position:relative;display:block;width:100%;height:64px;border-radius:12px;overflow:hidden;margin-bottom:6px;background:#060912}
.theme-prev.glass{background:radial-gradient(circle at 20% 30%,#43DDB6 0,transparent 45%),radial-gradient(circle at 80% 20%,#609DFF 0,transparent 50%),radial-gradient(circle at 60% 90%,#AD95FF 0,transparent 45%),#060912}
.theme-prev i{position:absolute;left:12%;right:12%;height:18px;border-radius:8px;background:rgba(23,33,51,.9);border:1px solid rgba(255,255,255,.08)}
.theme-prev.glass i{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.theme-prev i:first-child{top:12px}.theme-prev i:last-child{top:36px;right:40%}
@media (prefers-reduced-transparency:reduce){.theme-glass .bg-orbs{display:none}}
body.theme-glass{background:transparent}
html:has(body.theme-glass){background:#04060D}
@media (max-width:640px){.theme-glass .bg-orbs i{opacity:.7;filter:blur(44px)}.theme-glass .bg-orbs i:nth-child(1){width:80vw;height:80vw;left:-30vw;top:30vh}.theme-glass .bg-orbs i:nth-child(2){width:90vw;height:90vw;right:-35vw;top:-10vh}.theme-glass .bg-orbs i:nth-child(3){width:80vw;height:80vw;left:10vw;top:65vh}}

.theme-pick{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.theme-pick{grid-template-columns:1fr}}

/* ======================================================================
   STYLE ÉPURÉ — toutes les pages
   ====================================================================== */
/* En-têtes de page légers */
.page-intro{margin:0 0 var(--s5);align-items:center}
.page-intro h1{font-size:clamp(1.5rem,3.6vw,2rem);margin-bottom:4px}
.page-intro p{font-size:var(--fs-sm);color:var(--text-3);max-width:60ch}
.back{margin-bottom:6px;font-size:.8rem}
.section-head{margin:var(--s6) 0 var(--s3)}
.section-head h2{font-size:1rem}.section-head p{font-size:.78rem;color:var(--text-3)}
/* Panneaux : un seul titre, sans surtitre en majuscules */
.panel-head .overline,.panel>.overline:first-child,.quote-hero>.overline{display:none}
.panel{border-radius:22px}
.panel-head h2,.panel>h2{font-size:1rem}
/* Rubriques : une liste groupée (style réglages iOS) au lieu de cases séparées */
.tiles{display:flex;flex-direction:column;gap:0;padding:6px;border-radius:20px;background:var(--glass);border:1px solid var(--line)}
.tiles .tile{min-height:56px;padding:9px 10px;border:0;border-radius:14px;background:transparent}
.tiles .tile+.tile{box-shadow:0 -1px 0 var(--line)}
.tiles .tile:hover{background:rgba(255,255,255,.04)}
.tiles .tile-icon{width:32px;height:32px;border-radius:10px}
.panel .tiles{padding:0;background:none;border:0}
/* Encadrés d'information discrets */
.note{padding:10px 12px;margin:var(--s3) 0;border-radius:14px;background:rgba(255,255,255,.025);border-color:var(--line);font-size:.8rem;color:var(--text-3)}
.note>.icon{width:16px;height:16px;color:var(--text-3)}
.note.warn{background:rgba(239,181,110,.06);border-color:rgba(239,181,110,.2);color:var(--text-2)}.note.warn>.icon{color:var(--orange)}
/* Onglets plus fins */
.tabs-inner{padding:3px}.tab{min-height:34px;padding:6px 12px;font-size:.8rem}
/* Cartes de fiches plus sobres */
.card{border-radius:20px}.record .badges{gap:4px}.record-note{color:var(--text-3)}
/* Parcours : étapes plus légères */
.career-root{padding:20px;border-radius:24px}.career-root strong{font-size:clamp(1.15rem,3vw,1.5rem)}
.stage{gap:14px}.stage-body h2{font-size:.95rem;margin-top:8px}.stage-body p{font-size:.78rem;color:var(--text-3)}
/* Héros secondaires (financement, PEA) plus compacts */
.hero-card{padding:18px 20px;border-radius:22px}.hero-card h2{font-size:1.05rem}.hero-card .overline{display:none}
.callout{padding:16px 18px}.callout .overline{display:none}
/* Paramètres / sauvegardes */
.settings h3{font-size:.9rem}
.backup .empty-orb{width:44px;height:44px;border-radius:14px}
.dl>div{padding:9px 0}
@media (max-width:640px){.page-intro{flex-direction:row;align-items:center;justify-content:space-between}.page-intro p{display:none}.intro-extra .btn span:not(.icon){display:none}.intro-extra .btn{width:42px;padding:0}}
.theme-glass .tiles{background:var(--lg-bg),rgba(14,20,34,.32);border:var(--lg-border);box-shadow:var(--lg-shadow);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}
.theme-glass .tiles .tile{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-glass .tiles .tile+.tile{box-shadow:0 -1px 0 rgba(255,255,255,.09)!important}
.theme-glass .panel .tiles{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.intro-extra .btn{flex:none}

/* Fond verre : halos plus petits et plus doux */
.theme-glass .bg-orbs i{filter:blur(70px);opacity:.3}
.theme-glass .bg-orbs i:nth-child(1){width:28vmax;height:28vmax;left:-10vmax;top:14vh}
.theme-glass .bg-orbs i:nth-child(2){width:32vmax;height:32vmax;right:-12vmax;top:-10vh;opacity:.32}
.theme-glass .bg-orbs i:nth-child(3){width:26vmax;height:26vmax;left:30vw;top:60vh;opacity:.24}
.theme-glass .bg-orbs i:nth-child(4){width:18vmax;height:18vmax;opacity:.18}
@media (max-width:640px){.theme-glass .bg-orbs i{opacity:.34;filter:blur(50px)}.theme-glass .bg-orbs i:nth-child(1){width:50vw;height:50vw;left:-22vw;top:34vh}.theme-glass .bg-orbs i:nth-child(2){width:56vw;height:56vw;right:-24vw;top:-6vh}.theme-glass .bg-orbs i:nth-child(3){width:48vw;height:48vw;left:20vw;top:70vh}}

/* Accueil : répartition (barres horizontales) et alertes discrètes */
.h-mix{display:grid;gap:12px;padding:4px 10px 12px}
.h-mix-row{display:grid;gap:6px;color:inherit;text-decoration:none}
.h-mix-top{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-sm)}
.h-mix-top span{flex:1;color:var(--text-2)}.h-mix-top strong{font-weight:620}.h-mix-top em{font-style:normal;color:var(--text-3);font-size:var(--fs-xs);min-width:34px;text-align:right}
.h-mix-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.h-mix-bar i{display:block;height:100%;border-radius:99px}
.h-alerts{padding-top:6px;padding-bottom:6px}
/* Textes toujours clairs, même si le navigateur ou la page hôte est en mode clair */
html{color-scheme:dark;color:var(--text)}
html :is(h1,h2,h3,h4,p,li,dt,dd,td,th,label,legend,figcaption,summary){color:inherit}

/* Simulateur PEA : fiscalité et comparaison lisibles sur téléphone */
.tax-rows,.cmp-rows{display:grid;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:var(--s5);background:rgba(255,255,255,.02)}
.tax-row{padding:14px 16px}.tax-row+.tax-row,.cmp-row+.cmp-row{border-top:1px solid var(--line)}
.tax-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px}.tax-head small{color:var(--text-3);font-size:var(--fs-xs)}
.tax-row dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.tax-row dl div{min-width:0}.tax-row dt{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:3px}
.tax-row dd{margin:0;font-variant-numeric:tabular-nums;font-size:var(--fs-sm);white-space:nowrap;overflow-wrap:normal}
.cmp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "l m";align-items:center;gap:2px 12px;padding:12px 16px}
.cmp-row span{grid-area:l;color:var(--text-2);font-size:var(--fs-sm)}.cmp-row strong{grid-area:v;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.cmp-row small{grid-area:m;text-align:right;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.theme-glass .tax-rows,.theme-glass .cmp-rows{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}

/* Accueil : carte Projet professionnel */
.h-cg{display:flex;align-items:center;gap:12px;padding:9px 10px 6px;color:inherit;text-decoration:none}
.h-career .h-ic.u{color:var(--purple,#AD95FF);background:color-mix(in srgb,var(--purple,#AD95FF) 16%,transparent)}
.h-cg .h-val strong{color:var(--purple,#AD95FF)}
.h-cg-bar{height:6px;margin:2px 10px 12px 64px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.h-cg-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#AD95FF,#609DFF)}

/* Immobilier : synthèse et cartes de biens */
.immo-hero{padding:18px 20px;border-radius:var(--r-lg);border:1px solid color-mix(in srgb,#EFB56E 30%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#EFB56E 14%,transparent),transparent 70%),var(--glass);margin-bottom:12px}
.immo-hero small{color:var(--text-2);font-size:var(--fs-sm)}.immo-hero>strong{display:block;font-family:var(--display);font-size:clamp(1.8rem,6vw,2.4rem);font-weight:650;letter-spacing:-.02em;margin:4px 0 10px;font-variant-numeric:tabular-nums}
.immo-hero-row{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--text-3);font-size:var(--fs-sm)}.immo-hero-row b{color:var(--text);font-weight:620;font-variant-numeric:tabular-nums}
.immo-sim{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--glass);color:inherit;text-decoration:none;margin-bottom:var(--s5)}
.immo-sim>span:nth-child(2){flex:1;display:grid}.immo-sim small{color:var(--text-3);font-size:var(--fs-xs)}
.prop-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;color:#EFB56E;background:color-mix(in srgb,#EFB56E 15%,transparent)}
.prop-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));margin-bottom:var(--s5)}
.prop-card{display:grid;gap:12px;padding:16px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--glass)}
.prop-card.is-sold{opacity:.6}
.prop-top{display:flex;align-items:center;gap:12px}.prop-title{flex:1;min-width:0}.prop-title h3{font-size:var(--fs-lg)}.prop-title small{color:var(--text-3);font-size:var(--fs-xs)}
.prop-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.prop-value small{width:100%;color:var(--text-3);font-size:var(--fs-xs)}.prop-value strong{font-family:var(--display);font-size:1.6rem;font-weight:650;font-variant-numeric:tabular-nums}
.prop-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.prop-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#EFB56E,#43DDB6)}
.prop-bar-legend{display:flex;justify-content:space-between;margin-top:6px;font-size:var(--fs-xs);color:var(--text-3)}.prop-bar-legend b{color:var(--text);font-weight:620}
.prop-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:0;padding-top:12px;border-top:1px solid var(--line)}
.prop-facts dt{font-size:var(--fs-xs);color:var(--text-3);margin-bottom:2px}.prop-facts dd{margin:0;font-variant-numeric:tabular-nums;font-weight:560}.prop-facts dd em{font-style:normal;font-size:var(--fs-xs);opacity:.8;margin-left:4px}
.prop-card .src{color:var(--text-3);font-size:var(--fs-xs)}
.theme-glass .immo-hero,.theme-glass .immo-sim,.theme-glass .prop-card{background:var(--lg-bg),rgba(14,20,34,.32);border:var(--lg-border);box-shadow:var(--lg-shadow);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}

.csv-preview{max-height:42vh;overflow:auto}.csv-preview td:first-child{white-space:nowrap}

/* Positions : cartes sur téléphone, tableau sur ordinateur */
.pos-cards{display:none}
@media (max-width:760px){
  .pos-table{display:none}
  .pos-cards{display:grid;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--glass);margin-bottom:var(--s5)}
  .pos-card{display:grid;gap:6px;padding:14px 16px;color:inherit;text-decoration:none}.pos-card+.pos-card,.pos-total{border-top:1px solid var(--line)}
  .pos-head{display:flex;align-items:flex-start;gap:12px}.pos-name{flex:1;min-width:0;display:grid}.pos-name strong{overflow-wrap:normal;word-break:normal}.pos-name small{color:var(--text-3);font-size:var(--fs-xs)}
  .pos-value{white-space:nowrap;font-variant-numeric:tabular-nums}
  .pos-line{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.pos-line span{overflow-wrap:normal}.pos-line.muted{font-size:var(--fs-xs);color:var(--text-3)}
  .pos-total{display:flex;align-items:baseline;gap:10px;padding:12px 16px;font-size:var(--fs-sm)}.pos-total span:first-child{flex:1;color:var(--text-2)}
  .theme-glass .pos-cards{background:var(--lg-bg),rgba(14,20,34,.32);border:var(--lg-border);box-shadow:var(--lg-shadow);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}
  /* Tableaux restants : jamais une lettre par ligne */
  .table td,.table th{overflow-wrap:normal;word-break:normal}
  .table th{white-space:nowrap}
}

/* Code d'accès */
.lock-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px));background:#04060D;color:#F4F7FF;animation:lock-in .25s ease-out}
.lock-screen[hidden]{display:none}
.lock-screen:focus{outline:none}
body.app-locked{overflow:hidden}
body.app-locked #workspace,body.app-locked #auth,body.app-locked .demo-banner,body.app-locked #toast{visibility:hidden}
.lock-orbs i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.38;pointer-events:none}
.lock-orbs i:nth-child(1){width:60vmax;height:60vmax;left:-30vmax;top:-22vmax;background:radial-gradient(circle,#609DFF,transparent 65%)}
.lock-orbs i:nth-child(2){width:50vmax;height:50vmax;right:-26vmax;top:30%;background:radial-gradient(circle,#AD95FF,transparent 65%);opacity:.26}
.lock-orbs i:nth-child(3){width:48vmax;height:48vmax;left:-10vmax;bottom:-30vmax;background:radial-gradient(circle,#43DDB6,transparent 65%);opacity:.22}
.lock-box{position:relative;display:grid;justify-items:center;width:min(100%,340px)}
.lock-brand{display:flex;align-items:center;gap:10px;margin-bottom:clamp(20px,6vh,52px)}
.lock-brand img{border-radius:12px;box-shadow:0 10px 24px -10px #000}
.lock-brand span{font-family:var(--display);font-weight:700;letter-spacing:.32em;font-size:.95rem}
.lock-head{display:grid;justify-items:center;gap:6px;text-align:center}
.lock-step{font-size:.66rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:#43DDB6;padding:4px 10px;border-radius:99px;background:rgba(67,221,182,.12)}
.lock-head h2{font-family:var(--display);font-size:1.6rem;font-weight:620;letter-spacing:-.02em}
.lock-sub{margin:0;font-size:.88rem;color:#98A8C2}
.lock-dots{display:flex;gap:12px;margin:26px 0 6px}
.lock-dots i{width:34px;height:6px;border-radius:99px;background:rgba(255,255,255,.14);transition:background .18s,box-shadow .18s,transform .18s}
.lock-dots i.on{background:linear-gradient(90deg,#43DDB6,#609DFF);box-shadow:0 0 12px rgba(96,157,255,.55)}
.lock-screen.error .lock-dots i{background:#FF6B7F;box-shadow:0 0 12px rgba(255,107,127,.5)}
.lock-screen.success .lock-dots i{background:#43DDB6;box-shadow:0 0 14px rgba(67,221,182,.7);transform:scaleY(1.4)}
.lock-screen.success .lock-box{animation:lock-out .26s ease-in forwards}
.lock-msg{min-height:1.25em;margin:6px 0 clamp(14px,4vh,34px);font-size:.82rem;color:#FF8A98;text-align:center}
.lock-pad{display:grid;grid-template-columns:repeat(3,auto);gap:14px 22px}
.lock-key{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px -14px #000;color:inherit;font:inherit;cursor:pointer;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transition:background .12s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.lock-key span{font-family:var(--display);font-size:1.75rem;font-weight:450;line-height:1}
.lock-key:active{background:rgba(255,255,255,.3);transform:scale(.94)}
.lock-key:focus-visible{outline:2px solid #609DFF;outline-offset:3px}
.lock-key.lock-link{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:.8rem;font-weight:600;color:#98A8C2}
.lock-key.lock-link:active{background:rgba(255,255,255,.08)}
.lock-cancel{margin-top:18px;background:none;border:0;color:#98A8C2;font:inherit;font-weight:600;padding:8px 14px;cursor:pointer}
.lock-screen.waiting .lock-key:not(.lock-link){opacity:.3;pointer-events:none}
.lock-screen.shake .lock-dots{animation:lock-shake .4s}
@keyframes lock-shake{20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}
@keyframes lock-in{from{opacity:0}}
@keyframes lock-out{to{opacity:0;transform:scale(1.04)}}
@media (max-height:700px){.lock-key{width:64px;height:64px}.lock-key span{font-size:1.5rem}.lock-pad{gap:10px 20px}.lock-brand{margin-bottom:14px}.lock-head h2{font-size:1.35rem}}
@media (prefers-reduced-motion:reduce){.lock-screen,.lock-screen.success .lock-box,.lock-screen.shake .lock-dots{animation:none}}
.pin-row{margin-bottom:var(--s5);flex-wrap:wrap;gap:12px}.pin-row>div:first-child{flex:1 1 220px;min-width:0}.pin-row .row-controls{flex-wrap:wrap}
.lock-screen:focus{outline:none}

/* Menu « Mon espace » (téléphone) */
.me-btn{display:none}
@media (max-width:1023px){
  .me-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:none;border-radius:50%;cursor:pointer}
  .me-btn .avatar{width:36px;height:36px;font-size:.95rem}
  .h-hello .profile-chip{display:none}
}
.me-who{display:flex;align-items:center;gap:12px;min-width:0}.me-who .avatar{width:44px;height:44px;flex:none;font-size:1.1rem}.me-who h2{font-size:1.1rem}.me-who small{color:var(--text-3);font-size:var(--fs-xs);overflow-wrap:anywhere}
.me-list{display:grid;gap:14px;padding:6px 14px 22px}
.me-group{border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035);overflow:hidden}
.me-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;background:none;color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer;min-height:56px}
.me-row+.me-row{box-shadow:0 -1px 0 var(--line)}
.me-row:active{background:rgba(255,255,255,.06)}
.me-ic{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:rgba(96,157,255,.14);color:#8FB8FF}
.me-main{flex:1;min-width:0;display:grid}.me-main strong{font-weight:600}.me-main small{color:var(--text-3);font-size:var(--fs-xs)}
.me-chev{color:var(--text-3);width:18px;height:18px}.me-val{color:#8FB8FF;font-size:var(--fs-sm);font-weight:600}
.me-switch{width:46px;height:28px;flex:none;border-radius:99px;background:rgba(255,255,255,.16);position:relative;transition:background .2s}.me-switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.me-switch.on{background:#43DDB6}.me-switch.on i{transform:translateX(18px)}

/* Code d'accès : animations */
.lock-orbs i{animation:lock-drift 16s ease-in-out infinite alternate}
.lock-orbs i:nth-child(2){animation-duration:19s;animation-delay:-6s}.lock-orbs i:nth-child(3){animation-duration:22s;animation-delay:-11s}
@keyframes lock-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6vmax,4vmax) scale(1.12)}100%{transform:translate(-4vmax,7vmax) scale(.95)}}
.lock-screen.entering .lock-brand{animation:lock-rise .6s cubic-bezier(.2,.8,.2,1) both}
.lock-screen.entering .lock-head{animation:lock-rise .6s .08s cubic-bezier(.2,.8,.2,1) both}
.lock-screen.entering .lock-dots{animation:lock-rise .6s .16s cubic-bezier(.2,.8,.2,1) both}
.lock-screen.entering .lock-key{animation:lock-pop .5s calc(.22s + var(--i,9) * .035s) cubic-bezier(.3,1.4,.5,1) both}
.lock-screen.entering .lock-brand img{animation:lock-glow 1.4s .2s ease-out both}
@keyframes lock-rise{from{opacity:0;transform:translateY(18px)}}
@keyframes lock-pop{from{opacity:0;transform:scale(.6)}}
@keyframes lock-glow{0%{box-shadow:0 0 0 0 rgba(96,157,255,.0)}40%{box-shadow:0 0 0 10px rgba(96,157,255,.25),0 0 40px 8px rgba(67,221,182,.35)}100%{box-shadow:0 10px 24px -10px #000}}
.lock-key{position:relative;overflow:hidden}
.lock-key::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(143,184,255,.55),rgba(67,221,182,.15) 55%,transparent 70%);opacity:0;transform:scale(.3);pointer-events:none}
.lock-key.hit::after{animation:lock-ripple .45s ease-out}
.lock-key.hit:not(.lock-link){border-color:rgba(143,184,255,.6)}
@keyframes lock-ripple{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.25)}}
.lock-dots i.on{animation:lock-dot .3s cubic-bezier(.3,1.6,.5,1)}
@keyframes lock-dot{0%{transform:scaleX(.4)}100%{transform:scaleX(1)}}
.lock-screen.success .lock-dots i{transition-delay:calc(var(--d,0) * 40ms)}
.lock-dots i:nth-child(1){--d:0}.lock-dots i:nth-child(2){--d:1}.lock-dots i:nth-child(3){--d:2}.lock-dots i:nth-child(4){--d:3}.lock-dots i:nth-child(5){--d:4}.lock-dots i:nth-child(6){--d:5}
.lock-screen.success .lock-box{animation:lock-away .45s .28s cubic-bezier(.4,0,.2,1) forwards}
.lock-screen.success{animation:lock-fade .4s .38s ease-in forwards}
@keyframes lock-away{to{opacity:0;transform:scale(1.08) translateY(-12px);filter:blur(6px)}}
@keyframes lock-fade{to{opacity:0}}
body.just-unlocked #workspace{animation:app-reveal .7s cubic-bezier(.2,.8,.2,1)}
@keyframes app-reveal{from{opacity:0;transform:scale(.97);filter:blur(6px)}}
@media (prefers-reduced-motion:reduce){.lock-orbs i,.lock-screen.entering *,.lock-key.hit::after,.lock-dots i.on,.lock-screen.success,.lock-screen.success .lock-box,body.just-unlocked #workspace{animation:none!important}}

/* Barre du bas : bouton central en relief (bosse), onglet actif en pastille dégradée + point */
@media (max-width:1023px){
  .mobile-nav,.theme-glass .mobile-nav{overflow:visible;left:12px;right:12px;padding:8px 6px 6px;border-radius:30px;background:rgba(15,21,35,.86);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px -16px rgba(0,0,0,.9);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
  .mobile-nav::before{content:"";position:absolute;left:50%;top:-24px;width:96px;height:96px;transform:translateX(-50%);border-radius:50%;background:rgba(15,21,35,.86);border:1px solid rgba(255,255,255,.1);clip-path:inset(0 0 66% 0);z-index:-1;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .mobile-nav a,.theme-glass .mobile-nav a{gap:2px;min-height:60px;padding-bottom:8px;background:none!important;box-shadow:none!important;border-radius:16px;color:var(--text-2);font-size:.64rem;font-weight:600}
  .mobile-nav a .icon{box-sizing:content-box;width:22px;height:22px;padding:9px;border-radius:15px;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
  .mobile-nav a.active{color:#C6B6FF}
  .mobile-nav a.active .icon{color:#fff;background:linear-gradient(140deg,#AD95FF,#609DFF);box-shadow:0 8px 18px -8px rgba(140,130,255,.9);transform:none}
  .mobile-nav a.active::after{content:"";position:absolute;bottom:2px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#AD95FF}
  .mobile-nav a:active .icon{transform:scale(.9)}
  .fab,.theme-glass .fab{width:62px;height:62px;margin-top:-40px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#609DFF,#8E7CFF 60%,#AD95FF);box-shadow:0 0 0 6px rgba(96,157,255,.14),0 16px 30px -8px rgba(110,120,255,.85),inset 0 1px 1px rgba(255,255,255,.45)}
  .fab .icon{width:28px;height:28px}.fab .icon svg{stroke-width:2.4}
  .fab:active{transform:scale(.92) rotate(90deg)}
}
@media (prefers-reduced-transparency:reduce){.mobile-nav,.mobile-nav::before{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0F1523}}

/* ---------- Animations ---------- */
/* 2 · Cascade : les blocs d'une page arrivent l'un après l'autre (à l'arrivée sur la page seulement) */
#content.enter .page>*{animation:enter-rise .55s cubic-bezier(.2,.8,.2,1) both}
#content.enter .page>*:nth-child(2){animation-delay:.05s}#content.enter .page>*:nth-child(3){animation-delay:.1s}#content.enter .page>*:nth-child(4){animation-delay:.15s}
#content.enter .page>*:nth-child(5){animation-delay:.2s}#content.enter .page>*:nth-child(6){animation-delay:.25s}#content.enter .page>*:nth-child(n+7){animation-delay:.3s}
#content.enter .h-grid>.h-col>*{animation:enter-rise .55s .18s cubic-bezier(.2,.8,.2,1) both}#content.enter .h-grid>.h-col>*+*{animation-delay:.26s}
@keyframes enter-rise{from{opacity:0;transform:translateY(16px)}}
/* 3 · Pages qui glissent (changement d'onglet de la barre du bas) */
@media (max-width:1023px){
  #content.enter.from-right .page{animation:enter-right .42s cubic-bezier(.25,.9,.3,1) both}
  #content.enter.from-left .page{animation:enter-left .42s cubic-bezier(.25,.9,.3,1) both}
}
@keyframes enter-right{from{opacity:.2;transform:translateX(18%)}}@keyframes enter-left{from{opacity:.2;transform:translateX(-18%)}}
/* 4 · Cours qui s'allume */
.price-flash{border-radius:6px;animation:price-flash 1.2s ease-out}
.price-flash.is-up{--pf:rgba(67,221,182,.35)}.price-flash.is-down{--pf:rgba(255,107,127,.35)}
@keyframes price-flash{0%,25%{background:var(--pf);box-shadow:0 0 0 4px var(--pf)}100%{background:transparent;box-shadow:0 0 0 4px transparent}}
/* 5 · Boutons qui rebondissent */
.btn,.icon-btn,.h-q,.h-row,.tile,.me-row,.mobile-nav a,.tab,.theme-opt,.action,.pos-card,.prop-card,.quote-row,.mkt-card{transition:transform .32s cubic-bezier(.3,1.7,.4,1)}
.btn:active,.icon-btn:active,.h-q:active,.tab:active,.theme-opt:active,.action:active{transform:scale(.93)}
.h-row:active,.tile:active,.me-row:active,.pos-card:active,.prop-card:active,.quote-row:active,.mkt-card:active{transform:scale(.98)}
/* 6 · Chargement en reflet */
.skel{color:transparent!important;display:inline-block;min-width:68px;border-radius:7px;background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.06) 75%);background-size:300% 100%;animation:skel 1.3s linear infinite}
@keyframes skel{from{background-position:100% 0}to{background-position:-50% 0}}
/* 8 · Confettis */
.confetti{position:fixed;inset:0;width:100%;height:100%;z-index:900;pointer-events:none}
/* 9 · Barres qui se remplissent */
#content.enter :is(.h-mix-bar i,.h-cg-bar i,.prop-bar i,.mini-track i){transform-origin:left;animation:bar-grow 1s .25s cubic-bezier(.2,.8,.2,1) both}
#content.enter .h-mix-row:nth-child(2) .h-mix-bar i{animation-delay:.33s}#content.enter .h-mix-row:nth-child(3) .h-mix-bar i{animation-delay:.41s}#content.enter .h-mix-row:nth-child(n+4) .h-mix-bar i{animation-delay:.49s}
@keyframes bar-grow{from{transform:scaleX(0)}}
/* 10 · Tirer pour actualiser */
.ptr{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 6px);z-index:60;width:40px;height:40px;margin-left:-20px;border-radius:50%;display:grid;place-items:center;background:rgba(17,24,39,.92);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 24px -10px #000;opacity:0;transform:translateY(calc(var(--d,0px) - 50px)) rotate(calc(var(--d,0px) * 4));transition:opacity .2s}
.ptr.show{opacity:1}.ptr:not(.show){transition:opacity .2s,transform .3s}
.ptr i{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.18);border-top-color:#43DDB6}
.ptr.ready i{border-top-color:#609DFF;border-right-color:#43DDB6}
.ptr.spin i{animation:spin .8s linear infinite}
@media (min-width:1024px){.ptr{display:none}}
@media (prefers-reduced-motion:reduce){#content.enter .page,#content.enter .page>*,#content.enter .h-grid>.h-col>*,#content.enter :is(.h-mix-bar i,.h-cg-bar i,.prop-bar i,.mini-track i),.price-flash,.skel{animation:none!important}}

/* Objectifs à deux */
.sg-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));margin-bottom:var(--s5)}
.sg-card{display:grid;gap:12px;padding:16px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--glass)}
.sg-head{display:flex;align-items:flex-start;gap:10px}.sg-head>div{flex:1;min-width:0}.sg-head h3{font-size:var(--fs-lg)}.sg-head small{color:var(--text-3);font-size:var(--fs-xs)}
.sg-demo{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold,#EFB56E);background:rgba(239,181,110,.12);padding:4px 8px;border-radius:99px}
.sg-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.sg-total strong{font-family:var(--display);font-size:1.6rem;font-weight:650;font-variant-numeric:tabular-nums}.sg-total span{color:var(--text-2);font-size:var(--fs-sm)}
.sg-bar{display:flex;height:10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;gap:2px}.sg-bar i{display:block;height:100%}
#content.enter .sg-bar i{transform-origin:left;animation:bar-grow 1s .3s cubic-bezier(.2,.8,.2,1) both}
.sg-members{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sg-members li{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm)}.sg-dot{width:10px;height:10px;border-radius:50%;flex:none}
.sg-name{flex:1;min-width:0}.sg-name em{font-style:normal;color:var(--text-3)}
.sg-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.sg-val small{display:block;font-weight:400;color:var(--text-3);font-size:var(--fs-xs)}
.sg-code{font-family:var(--display);font-size:2rem;font-weight:700;letter-spacing:.24em;text-align:center;padding:16px;margin:12px 0;border-radius:16px;background:rgba(96,157,255,.1);border:1px dashed rgba(96,157,255,.5);user-select:all;font-variant-numeric:tabular-nums}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.theme-glass .sg-card{background:var(--lg-bg),rgba(14,20,34,.32);border:var(--lg-border);box-shadow:var(--lg-shadow);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}

/* ---------- Ouverture : le L se dessine en trait lumineux, puis devient le logo et l'app se dévoile ---------- */
.splash{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:radial-gradient(60% 45% at 50% 46%,#0E1830 0%,#04060D 70%);pointer-events:none;animation:splash-out .55s 1.75s cubic-bezier(.4,0,.2,1) forwards}
.splash-mark{width:min(34vw,170px);height:auto;overflow:visible}
.splash-trace path{stroke-dasharray:1;stroke-dashoffset:1;animation:splash-draw .95s .15s cubic-bezier(.6,.05,.3,1) forwards,splash-fade .45s 1.15s ease-out forwards}
.splash-trace .tr-glow{opacity:.85}
.splash-logo{opacity:0;transform-origin:256px 256px;transform:scale(.94);filter:blur(6px);animation:splash-logo .55s 1.0s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes splash-draw{to{stroke-dashoffset:0}}
@keyframes splash-fade{to{opacity:0}}
@keyframes splash-logo{to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes splash-out{0%{opacity:1}100%{opacity:0;visibility:hidden}}
.splash-out-done .splash{display:none}
body.splash-on #workspace,body.splash-on #auth{animation:app-reveal .8s 1.8s cubic-bezier(.2,.8,.2,1) both}
@media (prefers-reduced-motion:reduce){.splash{display:none}body.splash-on #workspace,body.splash-on #auth{animation:none}}

/* Ruban d'actualités Bourse & Immobilier */
.news-rib{position:relative;height:64px;margin:0 0 14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(96,157,255,.08),rgba(67,221,182,.05)),var(--glass);overflow:hidden}
.nr-item{position:absolute;inset:0;display:grid;align-content:center;gap:3px;padding:8px 16px;color:inherit;text-decoration:none;opacity:0;transform:translateY(100%);transition:transform .55s cubic-bezier(.3,.9,.3,1),opacity .4s}
.nr-item.on{opacity:1;transform:none}.nr-item.off{opacity:0;transform:translateY(-100%)}
.nr-top{display:flex;align-items:center;gap:8px;min-width:0}
.nr-tag{flex:none;font-size:.6rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:99px;color:#BFD6FF;background:rgba(96,157,255,.18)}
.nr-tag.immo{color:#FFE0B8;background:rgba(239,181,110,.18)}.nr-tag.perso{color:#BFFFEF;background:rgba(67,221,182,.18)}.nr-tag.demo{color:var(--text-2);background:rgba(255,255,255,.08)}
.nr-meta{font-size:.68rem;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nr-title{font-size:.86rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nr-src{position:absolute;right:12px;top:8px;font-size:.58rem;color:var(--text-3);opacity:.7}
@media (max-width:640px){.nr-src{display:none}}
.news-rib.is-empty{height:64px}.nr-skel{position:absolute;inset:14px 16px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 75%);background-size:300% 100%;animation:skel 1.3s linear infinite}
.theme-glass .news-rib{background:var(--lg-bg),rgba(14,20,34,.32);border:var(--lg-border);box-shadow:var(--lg-shadow);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}
@media (prefers-reduced-motion:reduce){.nr-item{transition:none}}

/* Recherche Marchés : aperçu du cours sans ajouter */
.q-link{color:inherit;text-decoration:none;min-width:0}.q-link:hover strong{text-decoration:underline}
.q-peek{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:var(--fs-xs);font-weight:650;color:var(--blue,#609DFF)}.q-peek .icon{width:14px;height:14px}
.q-change{display:block;margin:4px 0 10px;font-weight:650}

/* Crypto */
.cr-list{display:grid;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--glass);margin-bottom:var(--s5)}
.cr-row{display:flex;align-items:center;gap:12px;padding:11px 14px;color:inherit;text-decoration:none}.cr-row+.cr-row{border-top:1px solid var(--line)}
.cr-name{flex:1;min-width:0;display:grid}.cr-name small{color:var(--text-3);font-size:var(--fs-xs)}
.cr-val{display:grid;justify-items:end;text-align:right}.cr-val small{font-size:var(--fs-xs)}
.cr-mine{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 16px;margin-bottom:10px;border-radius:16px;background:rgba(173,149,255,.1);border:1px solid rgba(173,149,255,.25)}
.cr-mine span{color:var(--text-2);font-size:var(--fs-sm)}.cr-mine strong{font-family:var(--display);font-size:1.3rem}.cr-mine small{color:var(--text-3);font-size:var(--fs-xs);width:100%}
.cr-pick{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.theme-glass .cr-list{background:var(--lg-bg),rgba(14,20,34,.32);border:var(--lg-border);box-shadow:var(--lg-shadow);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur)}

/* Bilan du mois */
.mb-card .h-head{flex-wrap:wrap;gap:8px}
.segmented.sm button{min-height:30px;padding:4px 10px;font-size:.72rem}
.mb-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:2px 10px 10px}
.mb-total strong{font-family:var(--display);font-size:1.7rem;font-weight:650;font-variant-numeric:tabular-nums}.mb-total small{color:var(--text-3);font-size:var(--fs-xs)}
.mb-rows{display:grid;gap:12px;padding:4px 10px 12px}
.mb-row{display:flex;align-items:center;gap:12px}
.mb-ic{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:rgba(255,255,255,.06);color:var(--text-2)}.mb-ic .icon{width:18px;height:18px}
.mb-main{flex:1;min-width:0;display:grid;gap:6px}
.mb-top{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-sm)}.mb-top span{color:var(--text-2)}.mb-top strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.mb-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.mb-bar i{display:block;height:100%;border-radius:99px}
.mb-bar i.pos{background:linear-gradient(90deg,#43DDB6,#609DFF)}.mb-bar i.neg{background:#FF6B7F}
#content.enter .mb-bar i{transform-origin:left;animation:bar-grow 1s .3s cubic-bezier(.2,.8,.2,1) both}
.mb-line{padding:0 10px;font-size:var(--fs-sm);color:var(--text-2)}

/* Notifications des cours */
.push-panel{display:grid;gap:14px;margin-bottom:var(--s5)}
.push-panel fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}.push-panel legend{font-size:var(--fs-sm);font-weight:650;margin-bottom:6px}
.push-state{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.check{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);cursor:pointer}.check input{width:20px;height:20px;accent-color:#609DFF;flex:none}