@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101b2d;--gold:#b99551;--cream:#d7b879;--ink:#172638;--muted:#657384;--line:#e1e6ed;--bg:#f4f6f9}*{box-sizing:border-box}body{margin:0;font:16px/1.6 'DM Sans',sans-serif;color:var(--ink);background:var(--bg)}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.25;margin:0 0 12px}h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.2px}h2{font-size:24px}h3{font-size:19px}p{margin:0 0 16px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;border-radius:8px;padding:11px 18px;background:var(--navy);color:white;font-weight:600;min-height:44px}button:hover{filter:brightness(1.13)}button:disabled{opacity:.6;cursor:wait}.gold{background:var(--cream);color:var(--navy)}.outline{border:1px solid var(--line);background:white;color:var(--ink)}.small{font-size:14px;padding:8px 12px}.danger{color:#a62929;background:#fff0f0}.text-button{background:none;color:var(--ink);padding:8px}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}a{color:#35597d;text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{width:100%;border:1px solid #cbd3dd;background:white;color:var(--ink);border-radius:7px;padding:11px 12px}textarea{min-height:110px;resize:vertical}label{display:block;font-size:14px;font-weight:600;margin:15px 0 6px}input[type=checkbox],input[type=radio]{width:auto;margin-right:8px}fieldset{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:18px}legend{font-weight:700}.brand{display:flex;gap:10px;align-items:center}.brand img{width:42px}.brand strong{display:block;font-family:Manrope;font-size:27px;letter-spacing:-1px;line-height:1.2}.brand span{font-size:11px;letter-spacing:.5px;display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);color:white;padding:32px 24px;display:flex;flex-direction:column;z-index:2}.sidebar nav{margin-top:48px;display:grid;gap:9px}.nav{background:none;color:#a9b5c7;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 15px}.nav.active{color:var(--cream);background:#263246}.nav svg{width:20px}.sidebottom{margin-top:auto;border-top:1px solid #344052;padding-top:22px;font-size:14px}.avatar{border-radius:50%;background:#d8ba80;color:var(--navy);width:42px;height:42px;display:grid;place-items:center;font-weight:700;flex-shrink:0}.profile{display:flex;align-items:center;gap:10px}.sidebottom .muted{color:#a9b5c7}.main{margin-left:248px}.topbar{background:#fff;border-bottom:1px solid var(--line);height:83px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar .muted{font-size:14px}.content{max-width:1440px;margin:auto;padding:36px 40px 70px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px}.welcome{background:var(--navy);color:#fff;padding:32px 36px;border-radius:14px;display:grid;grid-template-columns:1.7fr 1fr;gap:40px;margin-bottom:30px;position:relative;overflow:hidden}.welcome h2{font-size:30px;max-width:600px}.welcome p{color:#b7c3d4;max-width:540px}.welcome .eyebrow{color:var(--cream);margin-bottom:14px}.welcome-right{border-left:1px solid #36445b;padding-left:36px;display:flex;flex-direction:column;justify-content:center}.welcome-right b{font:600 42px Manrope;color:var(--cream)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:18px 22px;display:flex;gap:17px;align-items:center}.stat b{font-size:25px;display:block}.stat span{font-size:14px;color:var(--muted)}.iconbox{width:42px;height:42px;background:#eef2f6;display:grid;place-items:center;border-radius:10px}.iconbox svg{width:21px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 24px}.filter{background:white;color:var(--muted);border:1px solid var(--line);font-size:14px;padding:8px 16px}.filter.active{background:var(--navy);color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.cover{height:160px;background:#20364f;color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.cover .big-number{position:absolute;right:15px;bottom:-18px;font:800 115px Manrope;opacity:.12;line-height:1.2}.cover[data-color=sales]{background:#28525c}.cover[data-color=personal]{background:#645443}.cover[data-color=implement]{background:#3b4769}.cover span{font-size:12px;letter-spacing:2px;color:#e4d5b9}.cover b{font:700 25px Manrope;max-width:230px;z-index:1}.cardbody{padding:22px;display:flex;flex-direction:column;flex:1}.cardbody p{font-size:14px;color:var(--muted)}.cardbody h3{min-height:48px}.cardfooter{margin-top:auto;padding-top:15px;display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.badge{font-size:12px;padding:3px 8px;border-radius:4px;background:#edf3ee;color:#36704d}.badge.lock{background:#f1f2f5;color:#677587}.progress{height:5px;border-radius:5px;background:#e9edf2;overflow:hidden;margin:10px 0}.progress div{height:100%;background:var(--gold)}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.panel{background:white;padding:26px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.empty{text-align:center;padding:44px 20px;border:1px dashed #c8d2de;border-radius:12px;background:white}.empty p{color:var(--muted)}.notice{padding:12px 17px;border:1px solid #dac594;background:#fff9eb;border-radius:8px;font-size:14px;margin-bottom:22px}.notice a{font-weight:600}.aula{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.player{aspect-ratio:16/9;background:#111c2d;border-radius:12px;display:grid;place-items:center;color:white;overflow:hidden;margin-bottom:22px}.player iframe{width:100%;height:100%;border:0}.player p{color:#bdc8d6;padding:30px;text-align:center}.module-nav{align-self:start;background:white;border:1px solid var(--line);border-radius:12px;padding:20px;position:sticky;top:20px}.module-button{width:100%;text-align:left;color:var(--ink);background:white;padding:14px 10px;margin-top:5px;display:flex;gap:10px;font-size:14px}.module-button.active{background:#edf1f5}.module-button span{background:#e8edf2;width:27px;height:27px;flex-shrink:0;border-radius:5px;display:grid;place-items:center}.tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border-radius:0;background:none;color:var(--muted);padding:12px 5px}.tabs button.active{color:var(--ink);border-bottom:2px solid var(--gold)}.description{white-space:pre-wrap}.resource{padding:15px;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;align-items:center;margin:10px 0}.comment{padding:16px 0;border-bottom:1px solid var(--line)}.comment small{color:var(--muted)}.comment p{white-space:pre-wrap;margin:6px 0}.quiz-option{border:1px solid var(--line);border-radius:8px;padding:12px;font-weight:400}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:white}.login-left{background:var(--navy);color:#fff;padding:55px clamp(25px,6vw,90px);display:flex;flex-direction:column}.login-copy{margin:auto 0;padding:70px 0}.login h1{font-size:clamp(38px,5vw,66px);max-width:600px;line-height:1.12}.login-left p{color:#abbace;font-size:18px;max-width:460px;margin:25px 0}.login-left em{font-style:normal;color:var(--cream)}.login-right{padding:40px;display:flex;align-items:center;justify-content:center}.login-form{width:100%;max-width:370px}.login-form h2{font-size:30px}.login-form button{width:100%;margin-top:25px}.login-form .text-button{margin-top:10px}.login-foot{font-size:13px;color:var(--muted);margin-top:28px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 12px;text-align:left;font-size:14px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}dialog{border:none;border-radius:14px;padding:30px;width:min(740px,calc(100% - 30px));max-height:90vh;color:var(--ink)}dialog::backdrop{background:#0b1424aa}dialog h2{padding-right:35px}.close{position:absolute;right:16px;top:15px;background:#edf1f6;color:var(--ink);font-size:22px;padding:2px 13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.module-editor{background:#f6f8fa}.module-editor textarea.code{font:14px/1.5 monospace;min-height:160px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 22px;border-radius:9px;z-index:10;max-width:calc(100% - 30px);box-shadow:0 5px 25px #0002;display:none}.mobile-brand{display:none}.checkrow{display:flex;align-items:center;gap:8px}.checkrow input{width:auto}.error{color:#ac3030;margin-top:15px;font-size:14px}.loading{padding:80px;text-align:center}.stack{display:grid;gap:12px}@media(min-width:1600px){.grid{gap:28px}.cover{height:190px}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:215px;padding:25px 17px}.main{margin-left:215px}.content{padding:28px 24px}.topbar{padding:0 24px}.aula{grid-template-columns:minmax(0,1fr) 265px}.welcome{gap:20px;padding:26px}.welcome-right{padding-left:20px}.stats{gap:10px}.stat{padding:14px;gap:10px}}@media(max-width:760px){.sidebar{inset:auto 0 0;width:100%;height:74px;padding:0 10px;display:block;border-top:1px solid #344052}.sidebar>.brand,.sidebottom{display:none}.sidebar nav{display:flex;margin:0;height:100%;justify-content:space-around;gap:0}.nav{font-size:11px;flex-direction:column;gap:2px;justify-content:center;padding:7px 10px;border-radius:0}.nav svg{width:20px}.main{margin-left:0}.topbar{height:72px;padding:0 20px}.topbar>.muted{display:none}.mobile-brand{display:flex}.brand strong{font-size:24px}.brand img{width:35px}.content{padding:24px 18px 100px}.heading{align-items:start;gap:12px}.heading h1{font-size:28px}.welcome{grid-template-columns:1fr;padding:24px;gap:16px}.welcome h2{font-size:25px}.welcome-right{border-left:0;border-top:1px solid #36445b;padding:14px 0 0;flex-direction:row;align-items:center;justify-content:start;gap:15px}.welcome-right b{font-size:30px}.welcome p{margin-bottom:0}.stats{gap:8px}.stat{padding:12px 10px;display:block}.stat .iconbox{display:none}.stat b{font-size:23px}.stat span{font-size:12px}.grid{grid-template-columns:1fr}.cover{height:150px}.cardbody h3{min-height:0}.aula{display:flex;flex-direction:column}.module-nav{order:-1;position:static}.module-nav details:not([open]) .module-list{display:none}.panel{padding:20px}.admin-grid,.form-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-left{padding:28px}.login-copy{padding:38px 0 12px}.login h1{font-size:36px}.login-left p{font-size:16px;margin:16px 0}.login-left>.muted{display:none}.login-right{padding:32px 25px}.login-form h2{font-size:25px}.login-foot{margin-top:16px}.tabs{gap:10px}.tabs button{font-size:14px}dialog{padding:24px 18px}.row{flex-wrap:wrap}.resource{overflow-wrap:anywhere}.cardfooter button{flex-shrink:0}}
/* NEXA Mentor · identité et surfaces de gestion */
:root{--navy:#071329;--gold:#12c8b4;--cream:#30cfff;--ink:#13273e;--muted:#61758a;--line:#dde7ef;--bg:#f2f6fa}.brand{gap:11px}.brand img{width:66px;height:66px;object-fit:contain;border-radius:10px;flex-shrink:0}.brand strong{font-size:21px;letter-spacing:-.6px}.brand span{font-size:12px;letter-spacing:.3px;margin-top:5px}.sidebar{padding:24px 18px}.sidebar nav{margin-top:36px}.nav.active{background:#143147;color:#54e7e1}.sidebar .brand span{color:#9cb7ca}.welcome{background:linear-gradient(115deg,var(--navy),#10364b);border:1px solid #164158}.welcome .eyebrow{color:var(--cream)}.welcome-right b{color:var(--cream)}.welcome-right{border-color:#235065}.gold{background:var(--gold);color:#031c29}.gold:hover{background:var(--cream)}.progress div{background:linear-gradient(90deg,var(--gold),var(--cream))}.login-left{background:var(--navy)}.login-left .brand img{width:90px;height:90px}.login-left .brand strong{font-size:25px}.login-brand-art{width:210px;height:210px;object-fit:contain;border-radius:20px;float:right;margin:0 0 24px 24px}.login-copy{padding:40px 0}.login-copy h1{font-size:clamp(36px,4vw,58px);max-width:540px;clear:both}.login-copy p{font-size:17px;max-width:590px;line-height:1.8}.login-copy .eyebrow{color:var(--cream)}.login-left .muted{color:#91afc5}.notice{background:#edfafd;border-color:#b0dfe8}.badge{background:#e5f7f4;color:#086e63}.cover{height:180px;background:linear-gradient(125deg,#102d46,#075566)}.cover[data-color=sales]{background:linear-gradient(125deg,#082438,#07645f)}.cover[data-color=personal]{background:linear-gradient(125deg,#112640,#204b72)}.cover[data-color=implement]{background:linear-gradient(125deg,#172a4c,#165d8b)}.cover[data-color=mentoring]{background:linear-gradient(125deg,#092d3d,#087d77)}.cover span{color:#7ce9e6;position:relative;z-index:1}.cover b{position:relative;z-index:1}.course-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover.with-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04142666,#041426db)}.cover.with-image .big-number{display:none}.video-poster{position:relative;width:100%;height:100%;display:grid;place-items:center}.video-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-poster:after{content:'';position:absolute;inset:0;background:#03132655}.video-poster button{position:relative;z-index:1;display:flex;gap:8px;align-items:center}.video-poster button svg{width:22px;height:22px}.admin-tabs{display:flex;gap:7px;margin-bottom:28px;flex-wrap:wrap;padding:7px;border:1px solid var(--line);border-radius:12px;background:white}.admin-tabs button{background:transparent;color:var(--muted);padding:9px 16px;font-size:14px}.admin-tabs button.active{color:var(--navy);background:#dff5f5}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat small{display:block;font-size:12px;color:var(--muted)}.activity-chart{height:190px;display:flex;gap:10px;padding:12px 0 0;overflow-x:auto}.chart-column{min-width:40px;flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:13px}.chart-track{height:110px;width:100%;max-width:35px;background:#f0f6fa;border-radius:5px;display:flex;align-items:end}.chart-track div{width:100%;background:linear-gradient(0deg,var(--gold),var(--cream));border-radius:5px;min-height:2px}.chart-column small{font-size:11px;white-space:nowrap;color:var(--muted)}.report-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.report-controls label{margin-top:0}.report-controls select,.report-controls input{margin-top:6px}.report-note{font-size:13px;margin:18px 0 0}.inbox-comment{padding:24px 0;border-top:1px solid var(--line)}.inbox-comment h3{margin:8px 0 4px}.inbox-comment>.description{margin:18px 0}.mentor-reply{margin:15px 0 15px 15px;border-left:3px solid var(--gold);padding:14px 18px;background:#f0fbfa;border-radius:0 8px 8px 0;white-space:pre-wrap}.mentor-reply small{display:block;font-size:12px;color:var(--muted)}.mentor-reply p{margin:8px 0 0}.answer-result{padding:20px;margin:16px 0;border:1px solid var(--line);border-left:4px solid #9cb0c4;border-radius:8px}.answer-result.correct{border-left-color:var(--gold)}.answer-result.incorrect{border-left-color:#cb7a5c}.answer-result h3{font-size:17px}.answer-result p{font-size:14px}.brand-preview{padding:20px;background:var(--navy);color:white;border-radius:12px;margin-bottom:24px}.brand-preview img{width:100px;height:100px}.color-fields{display:flex;gap:24px;flex-wrap:wrap}.color-fields input{height:48px;min-width:100px;margin-top:8px}.module-editor input[type=file]{background:white;font-size:14px}.module-editor h4{color:#086e75}.filters{gap:7px}.filter.active{background:var(--navy);color:var(--cream)}.text-button:focus-visible,.nav:focus-visible{outline:2px solid var(--cream)}
@media(max-width:1100px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .brand{flex-direction:column;text-align:center}.sidebar .brand img{width:105px;height:105px}.sidebar .brand strong{font-size:21px}.report-controls{gap:10px}.login-brand-art{float:none;margin:0 0 20px;width:180px;height:180px}}@media(max-width:760px){.sidebar{padding:0 6px}.sidebar .brand{display:none}.topbar .brand img{width:47px;height:47px}.topbar .brand strong{font-size:17px}.topbar .brand span{font-size:10px}.topbar .profile .muted{display:none}.topbar{padding:0 16px}.login-left .brand img{width:72px;height:72px}.login-left .brand strong{font-size:23px}.login-brand-art{display:none}.login-copy{padding:28px 0 4px}.login h1{font-size:35px;line-height:1.15}.login-copy p{font-size:16px;line-height:1.7}.admin-tabs{gap:4px;padding:5px;margin-bottom:20px}.admin-tabs button{font-size:13px;flex:1 1 30%;padding:9px 6px}.admin-stats{gap:10px}.admin-stats .stat{padding:16px}.admin-stats .stat span{font-size:13px}.report-controls{grid-template-columns:1fr}.inbox-comment .eyebrow{font-size:11px;letter-spacing:1px}.brand-preview img{width:75px;height:75px}.heading>.actions{margin-top:0}.chart-column{min-width:37px}.cover{height:175px}.brand-preview .brand strong{font-size:20px}.color-fields{gap:14px}.video-poster button{font-size:14px}.mentor-reply{margin-left:0}}
.avatar{background:#b0ecea;color:var(--navy)}
@media(max-width:760px){#toast{bottom:88px}.nav{min-width:0;padding:7px 4px}}
.badge{display:inline-flex;align-items:center;gap:4px}.badge svg{width:12px;height:12px;flex-shrink:0}