:root{font-family:Inter,Arial,sans-serif;color:#10233d;background:#f3f6fb;font-size:16px;line-height:1.5;--blue:#1657ed;--navy:#09182b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:var(--blue);color:white;font-weight:650}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible{outline:3px solid #eaad35;outline-offset:4px}a{color:inherit}aside{width:254px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:white;padding:36px 24px;display:flex;flex-direction:column}.brand{font-size:36px;font-weight:850;text-decoration:none;letter-spacing:-2px}.brand span{font-size:15px;color:#b8dcff;border:1px solid #536b89;padding:5px;letter-spacing:0;margin-left:8px;vertical-align:middle}.brand small{display:block;font-size:11px;letter-spacing:3px;color:#a8b9d0}.side-caption{font-size:14px;color:#b2c2d6;margin:22px 0}.switch{display:flex;background:#203149;padding:4px;border-radius:12px}.switch button{padding:10px 8px;font-size:14px;background:transparent;flex:1}.switch .selected{background:white;color:#10233d}nav{display:grid;gap:7px;margin-top:28px}nav button{text-align:left;background:transparent;color:#b6c7dc;font-weight:500}nav .active{background:#203a60;color:white}.side-bottom{margin-top:auto;font-size:14px;color:#b7c9df}.side-bottom b{color:white}.outline{background:transparent;border:1px solid #8197b2;color:inherit}.side-bottom button{width:100%;font-size:14px}main{margin-left:254px;padding:24px 44px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:36px;font-size:12px;letter-spacing:1.3px;color:#596d87}.pill{font-size:12px;letter-spacing:0;background:#e2eafb;color:#25457d;padding:8px 12px;border-radius:100px}h1{font-size:clamp(30px,4vw,46px);line-height:1.14;letter-spacing:-1.8px;margin:8px 0 12px}h2{font-size:22px;letter-spacing:-.5px;margin:0 0 12px}h3{font-size:17px;margin:0 0 8px}.muted{color:#5f7086}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#1657ed;text-transform:uppercase}.headrow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.card{background:white;border:1px solid #e0e7f0;border-radius:22px;padding:26px;box-shadow:0 8px 30px #142e5010}.hero{background:var(--navy);color:white;position:relative;overflow:hidden;min-height:295px;display:flex;align-items:center;justify-content:space-between;gap:18px}.hero .eyebrow{color:#9dbfff}.hero p{color:#c1d0e4;max-width:360px}.hero h2{font-size:30px;line-height:1.18;max-width:330px}.hero button{background:#e9b95a;color:#132139}.clock{border:1px solid #62738c;outline:12px solid #ffffff07;border-radius:50%;min-width:116px;height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center}.clock b{font-size:42px;line-height:1}.clock span{font-size:13px;color:#bbcae0}.row{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f5}.row:last-child{border:0}.row p{margin:3px 0;font-size:14px}.row .grow{flex:1;min-width:0;overflow-wrap:anywhere}.avatar{border-radius:14px;width:43px;height:43px;display:grid;place-items:center;background:#e3eee9;color:#214cba;font-weight:bold;flex-shrink:0}.tag{font-size:12px;border-radius:6px;padding:4px 8px;background:#edf4ee;color:#245039}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.tool{text-align:left;background:white;color:#10233d;border:1px solid #dfe7f1;padding:22px;border-radius:18px}.tool .number{display:block;color:#1956dc;font-size:13px;margin-bottom:17px}.tool p{font-size:14px;color:#5c7089;font-weight:400;margin:8px 0}.sectionline{display:flex;justify-content:space-between;align-items:center;margin:30px 0 14px;gap:16px}.sectionline button{background:transparent;color:var(--blue);padding:6px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:650;margin:14px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #c6d2e2;border-radius:10px;background:white;color:#10233d}textarea{min-height:105px;resize:vertical}.full{grid-column:1/-1}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.secondary{background:#e9effa;color:#214577}.note{padding:14px 18px;background:#eef3fc;border-radius:12px;font-size:14px;color:#405570}.steps{display:flex;gap:10px;margin:22px 0}.step{height:6px;background:#dce4ef;flex:1;border-radius:10px}.step.done{background:var(--blue)}.large{font-size:32px;font-weight:750}.empty{padding:30px;text-align:center;color:#5f7086}.amount{font-size:26px;font-weight:750}.message{white-space:pre-wrap;padding:22px;background:#f1f5fb;border-radius:14px}.remove{padding:6px 10px;background:#f7e9e9;color:#833d3d;font-size:13px}dialog{border:0;border-radius:22px;width:min(530px,94vw);padding:32px;color:#10233d;max-height:90vh;overflow:auto}dialog::backdrop{background:#08162dc9}.close{float:right;background:#edf1f7;color:#193958;padding:4px 12px;font-size:24px}footer{font-size:12px;color:#667992;margin-top:46px;padding:22px 0;border-top:1px solid #dce4ef;display:flex;justify-content:space-between;gap:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#152d4a;color:white;padding:13px 22px;border-radius:12px;display:none;z-index:10;max-width:90vw}small{font-size:13px}.check{width:22px;height:22px;flex-shrink:0}@media(max-width:1000px){aside{width:215px;padding:28px 18px}main{margin-left:215px;padding:24px}.grid{grid-template-columns:1fr}.hero{min-height:260px}.tools{gap:10px}.tool{padding:16px}}@media(max-width:680px){aside{position:static;width:auto;padding:20px;display:block}.brand{font-size:28px}.brand small{display:inline;margin-left:16px}.side-caption,.side-bottom{display:none}.switch{margin-top:18px}nav{display:flex;overflow-x:auto;margin-top:14px;gap:4px}nav button{white-space:nowrap;font-size:14px;padding:10px}main{margin:0;padding:22px 18px}header{margin-bottom:24px;letter-spacing:.4px;font-size:11px}.headrow{align-items:flex-start;flex-direction:column}.headrow select{width:100%}.hero{padding:24px}.hero h2{font-size:26px}.clock{min-width:86px;height:86px;outline-width:6px}.clock b{font-size:34px}.tools{grid-template-columns:1fr}.tool .number{margin-bottom:7px}.tool{padding:20px}.formgrid{grid-template-columns:1fr}.card{padding:22px}.grid{gap:16px}footer{display:block}footer span{display:block;margin-top:8px}}@media print{aside,header,footer,button{display:none}main{margin:0;padding:0}.card{box-shadow:none}}
/* Parcours et classes */
.trackbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:2px 0 18px}.trackbar-label{font-size:13px;color:#5f7086;font-weight:650;margin-right:4px}.trackfilter{background:#fff;border:1px solid #d7e1ee;color:#315278;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:650}.trackfilter.selected{background:#1657ed;border-color:#1657ed;color:#fff}.track-overview{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.track-card{background:#f8fafe;border:1px solid #dfe7f1;border-radius:17px;padding:18px 20px}.track-card h3{margin:7px 0 5px}.track-card p{font-size:13px;color:#5f7086;margin:0}.profile-meta{display:inline-block;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:#6c7e95}.row .profile-meta{margin-top:2px}@media(max-width:680px){.track-overview{grid-template-columns:1fr}.trackbar{align-items:flex-start}.trackfilter{font-size:12px;padding:8px 10px}}