/* Micro-interactions and animated iconography */
html{scroll-behavior:smooth}.brand,.button,.outline,nav a,.steps article,.panel,.metrics article,.position{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,color .2s ease}.brand:hover{transform:translateY(-2px);color:var(--green)}.brand i{position:relative;overflow:visible;animation:brandBreath 3.8s ease-in-out infinite}.brand i:after{content:"";position:absolute;inset:-7px;border:1px solid #3f9e88;border-radius:50%;opacity:0;animation:brandRing 3.8s ease-out infinite}.button{box-shadow:0 8px 17px #12433e20;position:relative;overflow:hidden}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff45 49%,transparent 78%);transform:translateX(-120%);transition:transform .65s ease}.button:hover{color:#fff;transform:translateY(-3px);box-shadow:0 13px 25px #12433e36}.button:hover:before{transform:translateX(120%)}.button:active,.outline:active{transform:translateY(1px) scale(.98)}.outline:hover{background:var(--mint);transform:translateY(-2px);box-shadow:0 8px 18px #12433e12}.light:hover{color:var(--green);background:#fafffb}.hero{position:relative;isolation:isolate}.hero:after{content:"";position:absolute;width:410px;height:410px;right:-160px;bottom:-210px;border:1px solid #77b89a88;border-radius:50%;z-index:-1;animation:orbDrift 9s ease-in-out infinite}.hero>div:first-child>*{animation:heroIn .7s both}.hero>div:first-child>small{animation-delay:.05s}.hero>div:first-child>h1{animation-delay:.12s}.hero>div:first-child>p{animation-delay:.2s}.hero .proof{animation-delay:.28s}.value{animation:cardEnter .9s .18s both,cardFloat 5s 1.2s ease-in-out infinite}.value:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 34px 76px #16453b50}.value small b{animation:livePulse 2.2s ease-in-out infinite}.chart i{animation:barGrow .9s both;transform-origin:bottom}.chart i:nth-child(2){animation-delay:.08s}.chart i:nth-child(3){animation-delay:.16s}.chart i:nth-child(4){animation-delay:.24s}.chart i:nth-child(5){animation-delay:.32s}.chart i:nth-child(6){animation-delay:.4s}.chart i:nth-child(7){animation-delay:.48s}.steps article{position:relative;overflow:hidden;isolation:isolate}.steps article:before{position:absolute;right:22px;top:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e6f3ea;color:var(--green);font-size:19px;z-index:-1;transition:transform .35s ease,background .35s ease,color .35s ease}.steps article:nth-child(1):before{content:"✦"}.steps article:nth-child(2):before{content:"◈"}.steps article:nth-child(3):before{content:"↗"}.steps article:nth-child(4):before{content:"✓"}.steps article:after{content:"";position:absolute;width:160px;height:160px;right:-90px;bottom:-105px;background:#ddf4e978;border-radius:50%;z-index:-2;transition:transform .5s ease}.steps article:hover{background:#fff;transform:translateY(-8px);box-shadow:0 20px 30px #12433e16;z-index:1}.steps article:hover:before{transform:rotate(-12deg) scale(1.15);background:var(--green);color:var(--lime)}.steps article:hover:after{transform:scale(1.7)}.steps article h3{transition:color .25s ease}.steps article:hover h3{color:var(--green)}main>section#securite{position:relative;overflow:hidden}main>section#securite:after{content:"✦";position:absolute;right:8%;top:24%;font-size:13rem;color:#ffffff0b;line-height:1;animation:securitySpin 24s linear infinite}.metrics article:hover{transform:translateY(-5px);box-shadow:0 14px 25px #12433e10}.metrics article:before{content:"";width:34px;height:4px;border-radius:8px;background:var(--lime);order:-1;transform:scaleX(.65);transform-origin:left;transition:transform .3s ease}.metrics article:hover:before{transform:scaleX(1)}.position{transition:background .25s ease,padding .25s ease}.position:hover{background:#f7fbf7;padding-inline:12px;margin-inline:-12px;border-radius:9px}.position:hover .bar i{filter:brightness(1.08);box-shadow:0 0 12px #9edca8}.bar i{transition:width 1.1s cubic-bezier(.2,.8,.2,1),filter .25s ease}.badge{animation:badgePop .45s both}.pending{animation:badgePop .45s both,pendingGlow 2.4s ease-in-out infinite}.flash{animation:flashIn .45s both;box-shadow:0 9px 22px #12433e11}.auth aside{position:relative;overflow:hidden}.auth aside:before,.auth aside:after{content:"";position:absolute;border:1px solid #b5e7ce35;border-radius:50%;animation:orbDrift 12s ease-in-out infinite}.auth aside:before{width:280px;height:280px;right:-110px;top:-80px}.auth aside:after{width:170px;height:170px;left:-70px;bottom:-55px;animation-delay:-4s}.auth aside>*{position:relative;z-index:1}.auth section{animation:cardEnter .6s both}.auth input,.auth select,dialog input,dialog select{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.auth input:focus,dialog input:focus,dialog select:focus{outline:0;border-color:#2b8c75;box-shadow:0 0 0 4px #dff4e999;transform:translateY(-1px)}dialog{animation:dialogIn .3s cubic-bezier(.2,.8,.2,1)}dialog[open]::backdrop{animation:backdropIn .25s both}.close{transition:transform .2s ease,color .2s ease}.close:hover{color:var(--green);transform:rotate(90deg) scale(1.15)}table tbody tr{transition:background .2s ease,transform .2s ease}table tbody tr:hover{background:#f1f8f2;transform:scale(1.005)}.site-footer{position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;width:300px;height:300px;border:1px solid #ffffff11;border-radius:50%;left:8%;top:-220px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes cardEnter{from{opacity:0;transform:translateY(34px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes cardFloat{50%{transform:rotate(1deg) translateY(-7px)}}@keyframes barGrow{from{transform:scaleY(.05);opacity:.2}to{transform:scaleY(1);opacity:1}}@keyframes brandBreath{50%{transform:translateY(-2px) rotate(-4deg)}}@keyframes brandRing{15%{opacity:.7;transform:scale(.72)}65%,100%{opacity:0;transform:scale(1.45)}}@keyframes orbDrift{50%{transform:translate(18px,-22px) scale(1.07)}}@keyframes livePulse{50%{opacity:.45}}@keyframes securitySpin{to{transform:rotate(360deg)}}@keyframes badgePop{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes pendingGlow{50%{box-shadow:0 0 0 5px #fff0d145}}@keyframes flashIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes dialogIn{from{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:none}}@keyframes backdropIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.admin-queue{margin-top:28px;border-color:#b9dcca;background:linear-gradient(145deg,#fff 0%,#f6fcf7 100%)}.admin-history{margin-top:18px}.admin-queue .panel-head,.admin-history .panel-head{margin-bottom:10px}.admin-queue h2,.admin-history h2{display:flex;align-items:center;gap:8px}.count-pill{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 8px;border-radius:30px;background:var(--green);color:#fff;font:700 12px Inter,Arial,sans-serif;letter-spacing:0}.count-pill--soft{background:var(--mint);color:var(--green)}.bulk-actions{display:flex;align-items:center;gap:8px}.bulk-actions--bottom{margin-top:15px;justify-content:flex-end}.bulk-actions .button,.bulk-actions .outline{font-size:12px;padding:8px 11px}.admin-queue input[type=checkbox]{width:17px;height:17px;accent-color:var(--green);cursor:pointer}.admin-queue tr:has(.pending-check:checked){background:#e9f8ee}.empty-state{padding:22px;text-align:center;background:#f7faf7;border-radius:9px;color:#71827d}.muted{color:#87948f;font-size:12px}@media(max-width:760px){.admin-queue .panel-head,.admin-history .panel-head{align-items:flex-start;flex-direction:column}.bulk-actions{width:100%;flex-wrap:wrap}.bulk-actions .button,.bulk-actions .outline{flex:1}.admin-queue table th:first-child,.admin-queue table td:first-child{padding-inline:3px}}
.referral-card{margin-top:22px;padding:16px 0 0;border-top:1px dashed #bfd2c7;display:grid;gap:5px}.referral-card>b{font-size:14px;color:var(--green)}.referral-card code{display:block;padding:8px 9px;background:#eff8f1;border:1px solid #d9ebdd;border-radius:6px;color:#256b5d;font-size:11px;overflow:auto}.referral-card p{font-size:12px;color:#657872;margin:4px 0 0}.referral-card strong{color:var(--green)}@media(min-width:761px){.dashboard .metrics{grid-template-columns:1.3fr 1fr 1fr 1fr}}
/* Financial dashboard typography */
body{font-family:"DM Sans",Inter,Arial,sans-serif;font-feature-settings:"kern","liga","ss01";letter-spacing:-.012em}h1,h2,h3,.dash-head h1{font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.035em}.dashboard{font-size:15px}.dash-head h1{font-size:clamp(3.3rem,5.2vw,4.65rem);letter-spacing:-.05em}.dash-head p{font-size:1rem;letter-spacing:-.01em}.metrics article{padding:22px 21px 20px}.metrics span,.panel small,.position small,.referral-card small{font-family:"DM Sans",sans-serif;font-size:10px;font-weight:700;letter-spacing:.105em;text-transform:uppercase}.metrics strong,.position>strong,.value>strong,.referral-card strong{font-family:"DM Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.075em}.metrics strong{font-size:clamp(1.65rem,2.25vw,2.05rem);line-height:1.1}.metrics article small{font-size:10px;letter-spacing:.015em;text-transform:none;font-weight:500}.panel h2{font-size:1.72rem;line-height:1.05}.panel-head h2{letter-spacing:-.04em}.position b{font-size:.93rem;letter-spacing:-.015em}.position footer{font-size:11px;letter-spacing:-.01em}.position footer b{font-family:"DM Mono",ui-monospace,monospace;font-size:10px;letter-spacing:-.04em}.badge,.count-pill{font-family:"DM Sans",sans-serif;letter-spacing:.025em;font-weight:700}.admin-queue table,.admin-history table{font-size:13px;letter-spacing:-.01em}.admin-queue th,.admin-history th{font-family:"DM Sans",sans-serif;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#627873}.admin-queue td b,.admin-history td:not(:nth-child(2)){font-variant-numeric:tabular-nums}.referral-card code{font-family:"DM Mono",ui-monospace,monospace;letter-spacing:-.03em}.auth h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400}.auth label{font-size:12px;letter-spacing:-.01em}.auth label small{font-size:10px;text-transform:none;letter-spacing:0;font-weight:500;line-height:1.35}.button,.outline{font-family:"DM Sans",sans-serif;letter-spacing:-.01em}.dashboard .button,.dashboard .outline{font-size:12px;font-weight:700;letter-spacing:-.015em}
