:root{--rouge:#b40908;--rouge-vif:#d01110;--rouge-sombre:#7e0605;--noir:#101012;--ok:#14795a;--ok-fond:#e3f3ec;--attention:#b36b00;--att-fond:#fbf0dc;--critique:#d2410e;--crit-fond:#fbeae2;--n-0:#fff;--n-50:#f8f6f6;--n-100:#f1eeee;--n-200:#e4dedf;--n-400:#a79ea0;--n-500:#776e70;--n-700:#453d40;--n-900:#221d1f;--page:var(--n-50);--surface:var(--n-0);--surface-2:var(--n-100);--encre:var(--n-900);--encre-douce:var(--n-500);--trait:var(--n-200);--champ:var(--n-0);--display:"Arial Narrow","Helvetica Neue",Helvetica,Impact,sans-serif;--texte:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--r-s:11px;--r:16px;--r-l:22px;--ombre-1:0 1px 2px rgba(16,16,18,.04),0 8px 24px rgba(16,16,18,.035);--ombre-2:0 2px 4px rgba(16,16,18,.05),0 14px 36px rgba(16,16,18,.075);--ombre-3:0 20px 60px rgba(16,16,18,.22);--touche:44px;--bg:var(--page);--card:var(--surface);--ink:var(--encre);--muted:var(--encre-douce);--line:var(--trait);--brand:var(--rouge);--brand-dark:var(--rouge-sombre);--nav:var(--noir);--nav-soft:#242023;--warn:var(--attention);--radius:var(--r);--shadow:var(--ombre-2)}@media (prefers-color-scheme:dark){:root{--page:#131315;--surface:#1c1b1e;--surface-2:#252326;--encre:#f2efef;--encre-douce:#a79ea0;--trait:#322d31;--champ:#232125;--rouge:#d8221f;--ok-fond:#16302a;--att-fond:#33270f;--crit-fond:#3a1f14}}:root[data-theme=dark]{--page:#131315;--surface:#1c1b1e;--surface-2:#252326;--encre:#f2efef;--encre-douce:#a79ea0;--trait:#322d31;--champ:#232125;--rouge:#d8221f;--ok-fond:#16302a;--att-fond:#33270f;--crit-fond:#3a1f14}:root[data-theme=light]{--page:var(--n-50);--surface:var(--n-0);--surface-2:var(--n-100);--encre:var(--n-900);--encre-douce:var(--n-500);--trait:var(--n-200);--champ:var(--n-0);--rouge:#b40908;--ok-fond:#e3f3ec;--att-fond:#fbf0dc;--crit-fond:#fbeae2}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;background:var(--page);color:var(--encre);font-family:var(--texte);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{text-wrap:balance}a{color:var(--rouge)}:focus-visible{outline:2px solid var(--rouge);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.center{place-items:center;padding:20px}.center,.login-wrap{min-height:100vh;display:grid}.login-wrap{place-items:center;padding:24px;background:radial-gradient(1100px 600px at 50% -10%,#2a1416 0,transparent 60%),var(--noir)}.login-card{width:100%;max-width:420px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--r-l);padding:30px 26px 26px;color:#f2efef;box-shadow:var(--ombre-3)}.login-card h1{margin:0 0 6px;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff}.login-card .sub{color:#a79ea0;font-size:14px;margin:0 0 22px}.login-card label{color:#c9c2c4}.login-card input{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.16);color:#fff}.login-card input::placeholder{color:#8a8285}.login-card .lien{color:#e8b4b4}.login-card .banner{color:var(--n-900)}.login-logo{display:block;width:200px;max-width:72%;height:auto;margin:0 auto 20px}.shell{display:flex;min-height:100vh;background:var(--page)}.sidebar{width:272px;flex-shrink:0;background:radial-gradient(380px 260px at 0 0,rgba(180,9,8,.18),transparent 64%),linear-gradient(180deg,#151316,#0d0d0f);padding:20px 14px 16px;display:flex;flex-direction:column;gap:3px;color:#fff}.sidebar .brand{display:flex;align-items:center;gap:12px;padding:2px 7px 22px}.sidebar .brand img{display:block;width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff}.brand-copy{display:grid;grid-gap:1px;gap:1px;min-width:0}.brand-copy strong{font-size:15px;color:#fff;letter-spacing:-.01em}.brand-copy span{color:#8f878a;letter-spacing:.12em}.brand-copy span,.nav-group{font-size:10px;font-weight:700;text-transform:uppercase}.nav-group{letter-spacing:.15em;color:#6f676a;padding:17px 12px 7px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;position:relative;min-height:48px;padding:10px 12px;border:0;border-radius:var(--r-s);background:none;color:#c9c2c4;font:inherit;font-size:14px;text-align:left;cursor:pointer}.nav-item:hover{background:hsla(0,0%,100%,.07);color:#fff}.nav-item.active{background:rgba(180,9,8,.2);color:#fff;font-weight:650;box-shadow:inset 3px 0 0 var(--rouge-vif)}.sidebar-foot{margin-top:auto;padding:13px;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;background:hsla(0,0%,100%,.045);color:#8a8285;font-size:12px}.profil-mini{display:flex;align-items:center;gap:10px;min-width:0}.profil-mini .avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--rouge);color:#fff;font-weight:800}.profil-mini>div{display:grid;min-width:0}.profil-mini strong{color:#fff;font-size:13px}.profil-mini span:not(.avatar),.profil-mini strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:12px}.sidebar-actions .btn.ghost{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.06);color:#e7e2e3}.sidebar-actions .btn.ghost:hover{background:hsla(0,0%,100%,.11)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(900px 460px at 100% 0,color-mix(in srgb,var(--rouge) 4%,transparent),transparent 70%),var(--page)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:74px;padding:12px clamp(18px,3vw,34px);background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--trait);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar-title{display:grid;grid-gap:1px;gap:1px;min-width:0}.topbar-title>span{color:var(--rouge);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.topbar h2{margin:0;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:23px;font-weight:700}.topbar .logo-mobile{display:none}.topbar-actions{display:flex;align-items:center;gap:7px}.icon-btn{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--trait);border-radius:13px;background:var(--surface);color:var(--encre);font:inherit;cursor:pointer;box-shadow:var(--ombre-1)}.icon-btn:hover{background:var(--surface-2)}.mobile-account{display:none}.content{width:100%;max-width:1540px;margin:0 auto;padding:clamp(18px,2.5vw,32px) clamp(18px,3vw,34px) 52px}.card{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-l);padding:clamp(17px,2vw,24px);margin-bottom:16px;box-shadow:var(--ombre-1)}.card h3{margin:0 0 13px;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--encre-douce)}.tile{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r);padding:18px;box-shadow:var(--ombre-1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rouge) 24%,var(--trait));box-shadow:var(--ombre-2)}.tile .v{font-family:var(--display);font-size:32px;font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile .k{margin-top:5px;font-size:10px;letter-spacing:.13em}.tile .k,label{color:var(--encre-douce);text-transform:uppercase}label{display:block;margin-bottom:5px;font-size:11px;font-weight:600;letter-spacing:.06em}input,select,textarea{width:100%;min-height:var(--touche);padding:9px 12px;border:1px solid var(--trait);border-radius:12px;background:var(--champ);color:var(--encre);font:inherit;font-size:16px}textarea{min-height:88px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--rouge);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--rouge) 18%,transparent)}input[type=checkbox]{width:auto;min-height:0}table input,table select{min-height:34px;padding:5px 8px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--touche);padding:10px 18px;border:1px solid transparent;border-radius:12px;background:var(--rouge);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--rouge-sombre)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--encre);border-color:var(--trait)}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{min-height:32px;padding:5px 11px;font-size:13px;font-weight:500}.btn.wide{width:100%}.grid{display:grid;grid-gap:13px;gap:13px;grid-template-columns:1fr}@media (min-width:400px){.g2,.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1 1}.tabs{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;padding:4px;border:1px solid var(--trait);border-radius:14px;background:var(--surface-2);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;min-height:38px;padding:8px 15px;border:0;border-radius:10px;background:transparent;color:var(--encre);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}.tab:hover{background:var(--surface-2)}.tab.active{background:var(--surface);color:var(--encre);font-weight:700;box-shadow:var(--ombre-1)}.ranking-topbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ranking-topbar .tabs{flex:1 1;min-width:0;margin-bottom:0}.valider-liste{flex-shrink:0}@media (max-width:700px){.ranking-topbar{flex-direction:column;align-items:stretch}.valider-liste{width:100%;min-height:50px;font-size:16px}}.classement-postes{display:grid;grid-gap:13px;gap:13px;grid-template-columns:1fr 1fr;align-items:start}.classement-postes .poste-GB{grid-column:1;grid-row:1}.classement-postes .poste-DEF{grid-column:1;grid-row:2}.classement-postes .poste-ATT{grid-column:2;grid-row:1/span 2}@media (max-width:359px){.classement-postes{grid-template-columns:1fr}.classement-postes .poste-ATT,.classement-postes .poste-DEF,.classement-postes .poste-GB{grid-column:1;grid-row:auto}}@media (min-width:900px){.classement-postes{grid-template-columns:repeat(3,1fr)}.classement-postes .poste-GB{grid-column:1;grid-row:1}.classement-postes .poste-DEF{grid-column:2;grid-row:1}.classement-postes .poste-ATT{grid-column:3;grid-row:1}}.poste-titre{padding:0 0 6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pill,.poste-titre{color:var(--encre-douce)}.pill{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--surface-2);font-size:11px;font-weight:600;white-space:nowrap}.pill.ok{background:var(--ok-fond);color:var(--ok)}.pill.warn{background:var(--att-fond);color:var(--attention)}.pill.brand{background:color-mix(in srgb,var(--rouge) 12%,transparent);color:var(--rouge)}.banner{margin-bottom:14px;padding:13px 15px;border-radius:var(--r);border-left:4px solid var(--n-400);background:var(--surface-2);font-size:14px}.banner.ok{background:var(--ok-fond);border-left-color:var(--ok)}.banner.warn{background:var(--att-fond);border-left-color:var(--attention)}.banner.err{background:var(--crit-fond);border-left-color:var(--critique)}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;max-width:min(460px,calc(100vw - 32px));padding:12px 18px;border-radius:var(--r);background:var(--noir);color:#fff;font-size:14px;box-shadow:var(--ombre-3)}.toast.err{background:var(--critique)}table{width:100%;border-collapse:collapse;font-size:14px}thead th{padding:0 10px 9px;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--encre-douce);text-align:left;white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--trait)}tbody td{padding:10px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.right{text-align:right}.position-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:12px;padding:5px;border:1px solid var(--trait);border-radius:16px;background:var(--surface-2)}.position-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:8px 12px;border:0;border-radius:11px;background:transparent;color:var(--encre-douce);font:inherit;font-size:14px;font-weight:650;cursor:pointer}.position-tab small{padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--encre-douce) 10%,transparent);font-size:10px;font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.position-tab.active{background:var(--surface);color:var(--encre);box-shadow:var(--ombre-1)}.position-tab.active small{background:color-mix(in srgb,var(--rouge) 12%,transparent);color:var(--rouge)}.ranking-card{max-width:none}.ranking-card-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:16px}.ranking-card .ranking-card-head h3{margin:0 0 3px;color:var(--encre);font-size:15px;letter-spacing:.04em}.ranking-card-head p{margin:0;color:var(--encre-douce);font-size:12px}.ranking-list{display:grid;grid-gap:8px;gap:8px}.slot{display:flex;align-items:center;gap:8px;min-width:0;padding:5px;border:1px solid transparent;border-radius:13px;background:var(--surface-2)}.slot-fiche{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid var(--trait);border-radius:9px;background:var(--surface);color:var(--rouge);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.slot-fiche:hover:not(:disabled){border-color:var(--rouge);background:color-mix(in srgb,var(--rouge) 7%,var(--surface))}.slot-fiche:disabled{opacity:.3;color:var(--encre-douce);cursor:default}.slot .num{width:30px;flex-shrink:0;font-family:var(--display);font-weight:700;font-size:15px;color:var(--encre-douce);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.slot input{flex:1 1;min-width:0;border-color:transparent;background:var(--surface)}.slot .num.poignee{cursor:-webkit-grab;cursor:grab;color:var(--rouge);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.slot .num.poignee:active{cursor:-webkit-grabbing;cursor:grabbing}.slot.prise{opacity:.4}.slot.survole{outline:2px dashed var(--rouge);outline-offset:2px;border-radius:var(--r-s)}@media (max-width:600px){.position-tabs{gap:4px;padding:4px}.position-tab{gap:4px;padding:7px 4px;font-size:12px}.position-tab small{padding:2px 5px;font-size:9px}.ranking-card-head p{max-width:72vw}.slot{gap:5px;padding:4px}.slot-fiche{width:32px;height:38px;flex-basis:32px}.slot .num{width:25px;font-size:14px}.slot .num.poignee{display:flex;align-items:center;justify-content:flex-end;width:32px;min-height:42px;padding-right:2px}.slot input{min-height:42px;padding-inline:10px}}.ac-wrap{position:relative;flex:1 1;min-width:0}.ac-list{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:250px;overflow-y:auto;background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-s);box-shadow:var(--ombre-2)}.ac-list button{display:block;width:100%;padding:10px 12px;border:0;background:none;color:var(--encre);font:inherit;font-size:14px;text-align:left;cursor:pointer}.ac-list button:hover{background:var(--surface-2)}.tagbox{display:flex;flex-wrap:wrap;gap:6px}.tagbox button{padding:6px 11px;border:1px solid var(--trait);border-radius:999px;background:var(--surface);color:var(--encre);font:inherit;font-size:13px;cursor:pointer}.tagbox button.on{background:var(--noir);border-color:var(--noir);color:#fff}.modal-back{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:rgba(16,16,18,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-height:92vh;overflow-y:auto;border-radius:var(--r-l) var(--r-l) 0 0;box-shadow:var(--ombre-3)}.modal,.modal-head{background:var(--surface)}.modal-head{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--trait)}.modal-head h3{flex:1 1;margin:0;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:19px;font-weight:700}.modal-body{padding:18px}.modal-foot{position:-webkit-sticky;position:sticky;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:14px 18px;background:var(--surface);border-top:1px solid var(--trait)}@media (min-width:720px){.modal-back{align-items:center;padding:24px}.modal{max-width:760px;border-radius:var(--r-l)}}.muted{color:var(--encre-douce)}.small{font-size:13px}.mb0{margin-bottom:0}.lien{padding:0;border:0;background:none;color:var(--rouge);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}@media (max-width:767px){.shell{flex-direction:column}.sidebar{position:fixed;left:0;right:0;bottom:0;z-index:40;width:auto;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom, 0px));border-top:1px solid #2a2427;overflow-x:auto;scrollbar-width:none;box-shadow:0 -12px 32px rgba(0,0,0,.18)}.sidebar::-webkit-scrollbar{display:none}.sidebar>div{flex:0 0 76px;min-width:76px}.nav-group,.sidebar .brand,.sidebar-foot{display:none}.nav-item{flex-direction:column;justify-content:center;gap:2px;min-height:58px;padding:7px 4px;border-radius:12px;font-size:16px;line-height:1.15;text-align:center}.nav-item.active{background:rgba(180,9,8,.22);color:#fff;box-shadow:inset 0 3px 0 var(--rouge-vif)}.nav-item span{max-width:72px;overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.topbar{min-height:64px;gap:9px;padding:9px 11px}.topbar h2{max-width:45vw;overflow:hidden;text-overflow:ellipsis;font-size:17px;white-space:nowrap}.topbar-title>span{font-size:8px}.topbar .logo-mobile{display:block;width:40px;height:40px;object-fit:contain;border-radius:9px;background:#fff}.topbar-actions{gap:5px}.icon-btn{width:38px;height:38px;border-radius:11px}.mobile-account{display:grid}.content{padding:16px 12px 104px}.card{border-radius:18px}.card,.tile{padding:16px}.tile:hover{transform:none}.btn{min-height:46px}.toast{bottom:calc(72px + env(safe-area-inset-bottom, 0px))}.mobile-filterbar{align-items:stretch}.mobile-filterbar>*{flex:1 1 100%!important;width:100%;max-width:none!important}.mobile-filterbar>.spacer{display:none}.mobile-filterbar .btn{width:100%}.content .card:has(table){overflow-x:auto;-webkit-overflow-scrolling:touch}.content table:not(.mobile-cards-table){min-width:680px}.content table:not(.mobile-cards-table) td:first-child,.content table:not(.mobile-cards-table) th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--trait)}.mobile-cards-table,.mobile-cards-table tbody{display:block;width:100%;min-width:0}.mobile-cards-table thead{display:none}.mobile-cards-table tbody{display:grid;grid-gap:12px;gap:12px}.mobile-cards-table tr{display:grid;grid-template-columns:1fr;padding:14px;border:1px solid var(--trait);border-radius:15px;background:var(--surface);box-shadow:var(--ombre-1)}.mobile-cards-table td,.mobile-cards-table td[style]{display:grid;grid-template-columns:minmax(88px,34%) minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;width:auto!important;min-width:0!important;padding:9px 0;border-bottom:1px solid var(--trait);text-align:left;white-space:normal!important}.mobile-cards-table td:before{content:attr(data-label);color:var(--encre-douce);font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.mobile-cards-table td:first-child{position:static;grid-template-columns:1fr;padding-top:0;font-size:16px;box-shadow:none}.mobile-cards-table td:first-child:before{display:none}.mobile-cards-table td:last-child{border-bottom:0;padding-bottom:0}.mobile-cards-table td select{min-width:0;width:100%}.mobile-cards-table .table-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.mobile-cards-table .table-actions:before{margin-right:auto;align-self:center}.mobile-cards-table .table-actions .btn{width:auto;min-height:40px;margin-left:0!important}.mobile-cards-table .row{min-width:0}.mobile-board{margin:0;padding:0 0 4px!important;overflow:visible!important}.mobile-board-track[style]{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%;gap:14px}.mobile-board-track>.card{min-width:0;width:100%;margin-bottom:0}.mobile-board-track .row,.mobile-board-track .row>div{min-width:0}.modal-body,.modal-foot,.modal-head{padding-inline:14px}.modal-body .g3,.modal-body .g4,.modal-foot{grid-template-columns:1fr}.modal-foot{display:grid}.modal-foot .btn{width:100%}}@media (max-width:390px){.topbar h2{max-width:36vw;font-size:15px}.icon-btn,.topbar .logo-mobile{width:36px;height:36px}}