@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:root{--or: #F26522;--or2: #FF8C42;--or3: #D4521A;--or-pale: #FFF3EC;--or-bg: #FFF8F5;--wh: #FFFFFF;--g1: #F8F9FA;--g2: #E9ECEF;--g3: #DEE2E6;--g4: #6C757D;--dk: #1A1A2E;--dk2: #16213E;--dk3: #0F3460;--gr: #10B981;--rd: #EF4444;--yw: #F59E0B;--bl: #3B82F6;--sw: 268px;--th: 66px;--sh: 0 1px 3px rgba(0,0,0,.07);--sh2: 0 4px 16px rgba(0,0,0,.09);--sh3: 0 12px 40px rgba(0,0,0,.13);--r: 14px;--rs: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--g1);color:var(--dk);min-height:100vh}#login-page{display:flex;min-height:100vh;background:linear-gradient(135deg,var(--dk) 0%,var(--dk2) 50%,var(--dk3) 100%)}#login-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 85%,rgba(242,101,34,.18) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(242,101,34,.12) 0%,transparent 50%);pointer-events:none}.lp-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;color:#fff;position:relative;z-index:1}.lp-logo-ring{width:108px;height:108px;background:linear-gradient(135deg,var(--or),var(--or2));border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#fff;letter-spacing:1px;box-shadow:0 12px 40px #f1edeb73;margin:0 auto 18px}.lp-inst-name{font-size:34px;font-weight:900;letter-spacing:4px;color:#fff;text-align:center}.lp-inst-sub{font-size:11px;color:#ffffff80;letter-spacing:3px;text-transform:uppercase;margin-top:4px;text-align:center}.lp-inst-full{font-size:14px;color:#ffffffbf;margin-top:10px;text-align:center;font-weight:500}.lp-features{margin-top:44px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:340px}.lp-feat{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#ffffff0d;border-radius:13px;border:1px solid rgba(255,255,255,.08);transition:.25s}.lp-feat:hover{background:#f2652226;border-color:#f265224d;transform:translate(6px)}.lp-feat-ico{width:42px;height:42px;background:linear-gradient(135deg,var(--or),var(--or2));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #f265224d}.lp-feat h4{font-size:13px;font-weight:700;color:#fff}.lp-feat p{font-size:11px;color:#ffffff80;margin-top:2px}.lp-right{width:500px;min-height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:50px 52px;position:relative;box-shadow:-20px 0 60px #0000004d;z-index:2}.portals-label{font-size:11px;font-weight:700;color:var(--g4);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.portals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}.portal{padding:12px 10px;border:2px solid var(--g2);border-radius:12px;background:var(--g1);cursor:pointer;text-align:center;transition:.22s;display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none}.portal:hover{border-color:var(--or);background:var(--or-pale)}.portal.sel{border-color:var(--or);background:var(--or-pale);box-shadow:0 4px 14px #f2652226}.portal i{font-size:19px;color:var(--or)}.portal span{font-size:11px;font-weight:700;color:var(--dk)}.login-h1{font-size:26px;font-weight:800;color:var(--dk);margin-bottom:6px}.login-sub{font-size:13px;color:var(--g4);margin-bottom:26px}.fg{margin-bottom:17px}.fl{display:block;font-size:11px;font-weight:700;color:var(--dk);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.fi-wrap{position:relative}.fi-wrap i.ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--g4);font-size:14px;pointer-events:none}.fi{width:100%;padding:13px 14px 13px 42px;border:2px solid var(--g2);border-radius:11px;font-size:13.5px;font-family:Poppins,sans-serif;background:var(--g1);color:var(--dk);outline:none;transition:.22s}.fi:focus{border-color:var(--or);background:#fff;box-shadow:0 0 0 3px #f265221a}.eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--g4);font-size:14px;padding:4px}.eye-btn:hover{color:var(--or)}.form-opts{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.rem{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--g4);cursor:pointer}.rem input{accent-color:var(--or)}.forg{font-size:12.5px;color:var(--or);font-weight:600;text-decoration:none}.forg:hover{text-decoration:underline}.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;border:none;border-radius:11px;font-size:14px;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;transition:.25s;box-shadow:0 6px 18px #f2652259;display:flex;align-items:center;justify-content:center;gap:9px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 28px #f2652273}.btn-login:disabled{opacity:.7;transform:none}.demo-box{margin-top:22px;padding:14px;background:var(--or-pale);border-radius:11px;border:1px dashed rgba(242,101,34,.4)}.demo-title{font-size:10.5px;font-weight:800;color:var(--or);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-item{background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;transition:.18s;border:1px solid rgba(242,101,34,.15)}.demo-item:hover{border-color:var(--or);box-shadow:0 2px 8px #f2652226}.demo-item .drole{font-size:10px;color:var(--g4)}.demo-item .dmat{font-size:12px;font-weight:700;color:var(--dk)}.lp-footer{position:absolute;bottom:20px;left:52px;right:52px;text-align:center;font-size:11px;color:var(--g4)}.alert-err{background:#fee2e2;color:#dc2626;border:1px solid #FECACA;padding:12px 14px;border-radius:9px;margin-bottom:16px;font-size:13px;display:flex;align-items:center;gap:8px}.alert-ok{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0;padding:12px 14px;border-radius:9px;margin-bottom:16px;font-size:13px;display:flex;align-items:center;gap:8px}#app{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sw);background:var(--dk);display:flex;flex-direction:column;z-index:100;overflow:hidden}.sidebar:before{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,rgba(242,101,34,.07),transparent);pointer-events:none}.sb-logo{padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:13px;flex-shrink:0}.sb-logo-box{width:44px;height:44px;background:linear-gradient(135deg,var(--or),var(--or2));border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:#fff;box-shadow:0 4px 12px #f2652266;flex-shrink:0}.sb-logo h2{font-size:17px;font-weight:900;color:#fff;letter-spacing:1px}.sb-logo span{font-size:9.5px;color:#fff6;text-transform:uppercase;letter-spacing:2px}.sb-nav{flex:1;overflow-y:auto;padding:14px 10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sb-sec{font-size:9px;font-weight:800;color:#ffffff47;text-transform:uppercase;letter-spacing:2.5px;padding:12px 10px 5px}.sb-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;cursor:pointer;color:#ffffff85;font-size:13px;font-weight:500;transition:.18s;margin-bottom:2px;border:none;background:none;width:100%;text-align:left;font-family:Poppins,sans-serif;text-decoration:none}.sb-item:hover{background:#ffffff12;color:#fff}.sb-item.act{background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;box-shadow:0 4px 12px #f265224d}.sb-item i{width:17px;text-align:center;font-size:14px;flex-shrink:0}.sb-badge{margin-left:auto;background:#ffffff26;color:#fff;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:20px}.sb-item.act .sb-badge{background:#ffffff40}.sb-badge.rd{background:var(--rd)}.sb-badge.or{background:var(--or)}.sb-foot{padding:14px 18px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.sb-user{display:flex;align-items:center;gap:11px;padding:9px 11px;background:#ffffff0f;border-radius:9px;cursor:pointer;transition:.18s}.sb-user:hover{background:#ffffff1a}.sb-ava{width:34px;height:34px;background:linear-gradient(135deg,var(--or),var(--or2));border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;flex-shrink:0}.sb-uname{font-size:12.5px;font-weight:700;color:#fff}.sb-urole{font-size:10.5px;color:#ffffff6b}.sb-logout{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#ffffff61;transition:.18s;cursor:pointer;background:none;border:none;text-decoration:none}.sb-logout:hover{color:var(--rd);background:#ef44441f}.main{margin-left:var(--sw);min-height:100vh;display:flex;flex-direction:column;flex:1}.topbar{position:sticky;top:0;height:var(--th);background:#fff;border-bottom:1px solid var(--g2);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:50;box-shadow:var(--sh);flex-shrink:0}.topbar-t{font-size:18px;font-weight:800;color:var(--dk)}.tb-right{display:flex;align-items:center;gap:14px}.clock-t{font-size:19px;font-weight:800;color:var(--or)}.clock-d{font-size:10.5px;color:#aaa;margin-top:1px}.tb-ico{width:38px;height:38px;background:var(--g1);border:1px solid var(--g2);border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--g4);font-size:15px;transition:.18s;position:relative;text-decoration:none}.tb-ico:hover{background:var(--or-pale);color:var(--or);border-color:#f265224d}.tb-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--rd);border-radius:50%;border:2px solid #fff}.content{flex:1;padding:26px 28px}.pg{display:none;animation:fadeUp .28s ease}.pg.act{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.role-banner{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:12px;margin-bottom:20px;font-size:13px}.role-banner i{font-size:20px}.role-banner h3{font-size:13.5px;font-weight:800;margin-bottom:2px}.role-banner p{font-size:11.5px;opacity:.8}.role-banner.admin{background:linear-gradient(135deg,#f265221f,#ff8c4214);border:1px solid rgba(242,101,34,.25);color:var(--or3)}.role-banner.gardien{background:linear-gradient(135deg,#3b82f61a,#6366f114);border:1px solid rgba(59,130,246,.25);color:#1d4ed8}.role-banner.enseignant{background:linear-gradient(135deg,#10b9811a,#05966914);border:1px solid rgba(16,185,129,.25);color:#065f46}.role-banner.etudiant{background:linear-gradient(135deg,#f59e0b1a,#d9770614);border:1px solid rgba(245,158,11,.25);color:#92400e}.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.sg3{grid-template-columns:repeat(3,1fr)}.sc{background:#fff;border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh);border:1px solid var(--g2);position:relative;overflow:hidden;transition:.2s}.sc:hover{transform:translateY(-2px);box-shadow:var(--sh2)}.sc:after{content:"";position:absolute;right:-18px;top:-18px;width:80px;height:80px;border-radius:50%;opacity:.07}.sc.or:after{background:var(--or)}.sc.gr:after{background:var(--gr)}.sc.rd:after{background:var(--rd)}.sc.bl:after{background:var(--bl)}.sc-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:14px}.sc.or .sc-ico{background:#f265221a;color:var(--or)}.sc.gr .sc-ico{background:#10b9811a;color:var(--gr)}.sc.rd .sc-ico{background:#ef44441a;color:var(--rd)}.sc.bl .sc-ico{background:#3b82f61a;color:var(--bl)}.sc-val{font-size:32px;font-weight:900;line-height:1;margin-bottom:3px}.sc-lbl{font-size:12.5px;color:var(--g4);font-weight:500}.sc-ch{margin-top:8px;font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:3px}.sc-ch.up{color:var(--gr)}.sc-ch.dn{color:var(--rd)}.card{background:#fff;border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--g2);overflow:hidden;margin-bottom:22px}.ch{padding:16px 20px;border-bottom:1px solid var(--g2);display:flex;align-items:center;justify-content:space-between}.ct{font-size:14px;font-weight:800;display:flex;align-items:center;gap:7px}.ct i{color:var(--or)}.cb{padding:18px 20px}table{width:100%;border-collapse:collapse}thead tr{background:var(--or-bg)}thead th{padding:10px 14px;text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--or);white-space:nowrap;border-bottom:2px solid rgba(242,101,34,.12)}tbody tr{border-bottom:1px solid var(--g2);transition:.13s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--or-bg)}tbody td{padding:11px 14px;font-size:13px;vertical-align:middle}.b{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:800;white-space:nowrap}.bp{background:#10b9811a;color:var(--gr);border:1px solid rgba(16,185,129,.2)}.ba{background:#ef44441a;color:var(--rd);border:1px solid rgba(239,68,68,.2)}.br{background:#f59e0b1a;color:var(--yw);border:1px solid rgba(245,158,11,.2)}.bq{background:#f265221a;color:var(--or);border:1px solid rgba(242,101,34,.2)}.bf{background:#3b82f61a;color:var(--bl);border:1px solid rgba(59,130,246,.2)}.bm{background:#6b72801a;color:var(--g4);border:1px solid rgba(107,114,128,.18)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;font-size:12.5px;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;border:none;transition:.2s;text-decoration:none}.btn-or{background:linear-gradient(135deg,var(--or),var(--or2));color:#fff;box-shadow:0 4px 12px #f2652247}.btn-or:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f2652261}.btn-out{background:#fff;color:var(--or);border:1.5px solid rgba(242,101,34,.38)}.btn-out:hover{background:var(--or-pale);border-color:var(--or)}.btn-gh{background:var(--g1);color:var(--g4);border:1px solid var(--g2)}.btn-gh:hover{background:var(--g2);color:var(--dk)}.btn-gr{background:linear-gradient(135deg,var(--gr),#059669);color:#fff}.btn-rd{background:linear-gradient(135deg,var(--rd),#DC2626);color:#fff}.btn-sm{padding:6px 11px;font-size:11.5px;border-radius:7px}.btn-ico{width:32px;height:32px;padding:0;border-radius:7px;justify-content:center}.fc{width:100%;padding:9px 12px;border:1.5px solid var(--g2);border-radius:9px;font-size:13px;font-family:Poppins,sans-serif;color:var(--dk);background:#fff;outline:none;transition:.2s}.fc:focus{border-color:var(--or);box-shadow:0 0 0 3px #f2652217}.fc-sm{padding:7px 11px;font-size:12.5px}.sb{display:flex;align-items:center;gap:9px;background:var(--g1);border:1.5px solid var(--g2);border-radius:9px;padding:7px 12px;transition:.18s}.sb:focus-within{border-color:var(--or);background:#fff}.sb i{color:#bbb;font-size:13px}.sb input{border:none;background:none;outline:none;font-size:13px;color:var(--dk);font-family:Poppins,sans-serif;width:160px}.sb input::placeholder{color:#bbb}.scan-tabs{display:flex;gap:4px;background:var(--g1);border-radius:11px;padding:4px;margin-bottom:20px;width:fit-content}.stab{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;border:none;background:none;color:var(--g4);font-family:Poppins,sans-serif;transition:.18s}.stab.act{background:#fff;color:var(--or);box-shadow:0 2px 8px #00000017}.scan2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.scan1{grid-template-columns:1fr;max-width:600px}.qr-box{width:220px;height:220px;border:2px solid rgba(242,101,34,.4);border-radius:16px;margin:16px auto;position:relative;background:var(--g1);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s}.qr-box.active{border-color:var(--gr,#10b981)}.qr-box:before{content:"";position:absolute;top:6px;left:6px;width:26px;height:26px;border-top:4px solid var(--or);border-left:4px solid var(--or);border-radius:8px 0 0;pointer-events:none}.qr-box:after{content:"";position:absolute;top:6px;right:6px;width:26px;height:26px;border-top:4px solid var(--or);border-right:4px solid var(--or);border-radius:0 8px 0 0;pointer-events:none}.qr-scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--or),var(--or),transparent);animation:scanD 2s ease-in-out infinite;box-shadow:0 0 10px 2px #f2652280;border-radius:2px}.qr-box.active .qr-scan-line{background:linear-gradient(90deg,transparent,var(--gr,#10b981),var(--gr,#10b981),transparent);box-shadow:0 0 10px 2px #10b98180}@keyframes scanD{0%{top:8%}50%{top:84%}to{top:8%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes qrSuccess{0%{background:#10b98100}40%{background:#10b9812e}to{background:#10b98100}}.qr-box.detected{animation:qrSuccess .6s ease}.qr-cells{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:4px}.qr-cells svg{max-width:100%;max-height:100%}.qc{border-radius:2px}.fp-ring{width:140px;height:140px;border-radius:50%;border:3px solid var(--bl);display:flex;align-items:center;justify-content:center;margin:20px auto;cursor:pointer;animation:pulFP 2s ease-in-out infinite;transition:.2s}.fp-ring:hover{transform:scale(1.05)}@keyframes pulFP{0%,to{box-shadow:0 0 #3b82f64d}50%{box-shadow:0 0 0 14px #3b82f600}}.fp-ring i{font-size:58px;color:var(--bl)}.scan-result{background:#fff;border-radius:var(--r);border:2px solid var(--g2);padding:22px;display:none;animation:fadeUp .28s ease;margin-top:18px}.scan-result.show{display:block}.scan-result.ok{border-color:#10b98166;background:#10b98105}.scan-result.warn{border-color:#f59e0b66;background:#f59e0b05}.found-row{display:flex;align-items:center;gap:16px;background:var(--g1);border-radius:10px;padding:16px;margin-bottom:14px}.fava{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--or),var(--or2));display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;color:#fff;flex-shrink:0}.fnm{font-size:16px;font-weight:800}.fdt{font-size:11.5px;color:var(--g4);margin-top:3px}.smsg{padding:11px 14px;border-radius:9px;font-size:13px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:9px}.smsg.ok{background:#10b9811a;color:var(--gr);border:1px solid rgba(16,185,129,.25)}.smsg.warn{background:#f59e0b1a;color:var(--yw);border:1px solid rgba(245,158,11,.25)}.smsg.err{background:#ef44441a;color:var(--rd);border:1px solid rgba(239,68,68,.25)}.stu-list{display:flex;flex-direction:column;gap:9px;max-height:400px;overflow-y:auto;padding:2px}.stu-row{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--g2);border-radius:9px;padding:11px 14px;transition:.18s}.stu-row:hover{border-color:#f2652240}.stu-row.mk-p{border-color:#10b98159;background:#10b98108}.stu-row.mk-a{border-color:#ef444459;background:#ef444408}.stu-row.mk-r{border-color:#f59e0b59;background:#f59e0b08}.stu-row.mk-e{border-color:#3b82f659;background:#3b82f608}.sr-av{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--or),var(--or2));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11.5px;color:#fff;flex-shrink:0}.sr-nm{font-weight:700;font-size:13px}.sr-mt{font-size:10.5px;color:#bbb}.sr-acts{margin-left:auto;display:flex;gap:5px}.sr-b{width:32px;height:32px;border-radius:7px;border:1.5px solid var(--g2);background:var(--g1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:.18px}.sr-b.p{border-color:#10b98159;background:#10b98114;color:var(--gr)}.sr-b.p:hover,.sr-b.act-p{background:var(--gr)!important;color:#fff!important;border-color:var(--gr)!important}.sr-b.a{border-color:#ef444459;background:#ef444414;color:var(--rd)}.sr-b.a:hover,.sr-b.act-a{background:var(--rd)!important;color:#fff!important;border-color:var(--rd)!important}.sr-b.r{border-color:#f59e0b59;background:#f59e0b14;color:var(--yw)}.sr-b.r:hover,.sr-b.act-r{background:var(--yw)!important;color:#fff!important;border-color:var(--yw)!important}.sr-b.e{border-color:#3b82f659;background:#3b82f614;color:var(--bl)}.sr-b.e:hover,.sr-b.act-e{background:var(--bl)!important;color:#fff!important;border-color:var(--bl)!important}.btn-yw{background:#f59e0b1f;color:var(--yw);border:1.5px solid rgba(245,158,11,.3)}.btn-yw:hover{background:var(--yw);color:#fff}.cg2{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:22px}.bar-wrap{display:flex;align-items:flex-end;gap:9px;height:150px;padding:0 2px}.bg{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.bf2{width:100%;border-radius:5px 5px 0 0;position:relative;cursor:pointer;transition:.18s}.bf2:hover:after{content:attr(data-v);position:absolute;top:-26px;left:50%;transform:translate(-50%);background:var(--dk);color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:5px;white-space:nowrap}.bf2.today{background:linear-gradient(to top,var(--or),var(--or2))}.bf2.norm{background:linear-gradient(to top,#e9ecef,#d1d5db)}.blbl{font-size:10.5px;color:#bbb;font-weight:600}.donut-sec{display:flex;flex-direction:column;align-items:center;gap:16px}.dleg{width:100%}.drow{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--g2);font-size:12.5px}.drow:last-child{border-bottom:none}.ddot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dpct{margin-left:auto;font-weight:800}.sched{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.day-col{background:#fff;border-radius:var(--r);border:1px solid var(--g2);overflow:hidden}.day-hd{padding:11px 14px;text-align:center;font-weight:800;font-size:12.5px;border-bottom:1px solid var(--g2)}.day-hd.td{background:var(--or-pale);color:var(--or)}.crs{padding:10px 11px;border-radius:7px;margin:8px;font-size:11.5px}.crs-t{font-size:10px;color:#aaa;margin-bottom:3px}.crs-n{font-weight:800;margin-bottom:2px}.crs-p{font-size:10.5px;color:var(--g4)}.notif-item{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--g2);transition:.15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--g1)}.notif-item.unread{background:var(--or-bg)}.ni-ico{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}.ni-t{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:7px}.ni-m{font-size:12px;color:var(--g4);margin-top:2px}.ni-tm{font-size:10.5px;color:#bbb;margin-top:4px}.unread-dot{width:6px;height:6px;background:var(--or);border-radius:50%;display:inline-block}.modal-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:none;align-items:center;justify-content:center}.modal-ov.open{display:flex}.modal{background:#fff;border-radius:18px;padding:30px;width:520px;max-width:95vw;max-height:90vh;overflow-y:auto;animation:mPop .28s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 70px #0000002e}@keyframes mPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--or-pale)}.mt{font-size:18px;font-weight:900;display:flex;align-items:center;gap:9px}.mt i{color:var(--or)}.mc{width:34px;height:34px;border-radius:9px;border:none;background:var(--g1);cursor:pointer;font-size:15px;color:var(--g4);display:flex;align-items:center;justify-content:center;transition:.18s}.mc:hover{background:var(--rd);color:#fff}.fg2{margin-bottom:16px}.fl2{display:block;font-size:10.5px;font-weight:800;color:var(--dk);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.fr2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mf{display:flex;gap:9px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--g2)}.prog{height:7px;background:var(--g2);border-radius:4px;overflow:hidden;margin-top:6px}.prog-b{height:100%;border-radius:4px;transition:width 1s ease}.prog-or{background:linear-gradient(90deg,var(--or),var(--or2))}.prog-gr{background:linear-gradient(90deg,var(--gr),#34D399)}.prog-rd{background:linear-gradient(90deg,var(--rd),#F87171)}.prog-bl{background:linear-gradient(90deg,var(--bl),#60A5FA)}.toast{position:fixed;bottom:28px;right:28px;z-index:9999;padding:13px 18px;border-radius:12px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:9px;animation:toastIn .3s ease;box-shadow:var(--sh3);max-width:380px;font-family:Poppins,sans-serif}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.toast.or{background:var(--dk);color:#fff;border-left:4px solid var(--or)}.toast.gr{background:var(--dk);color:#fff;border-left:4px solid var(--gr)}.toast.rd{background:var(--dk);color:#fff;border-left:4px solid var(--rd)}.toast.yw{background:var(--dk);color:#fff;border-left:4px solid var(--yw)}.salle-etu-card:hover{box-shadow:0 4px 18px #f265221f;transform:translateY(-1px)}.salle-btn{text-align:center;transition:.15s}.salle-btn:hover{filter:brightness(1.08);transform:scale(1.04)}.salle-card{transition:border-color .2s,box-shadow .2s}.salle-card:hover{box-shadow:0 6px 24px #f2652226!important}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media (max-width: 768px){input,select,textarea{font-size:16px!important}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:1000;transition:left .3s ease;box-shadow:4px 0 20px #0000004d}.sidebar.mobile-open{left:0}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.sidebar-overlay.visible{display:block}.main{margin-left:0!important;width:100%!important}#mobile-menu-btn{display:flex!important}.sg,.cg2{grid-template-columns:1fr 1fr!important;gap:10px!important}.card{padding:14px!important}.ch{padding:12px 14px!important}.cb{padding:14px!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.btn{min-height:44px;font-size:14px}#qr-code-container,#mon-qr-container{display:flex!important;justify-content:center;margin:0 auto}#etu-qr-video,#qr-video{width:100%!important;max-width:100%!important;border-radius:8px!important}select.fc,.fc{height:48px;font-size:14px}#presence-live-body td{padding:10px 8px;font-size:12px}#etu-fp-main-btn{width:120px!important;height:120px!important;margin:0 auto 20px!important}#login-page{flex-direction:column}.lp-left{display:none!important}.lp-right{width:100%!important;max-width:100%;padding:24px 20px!important;min-height:100vh}.portals{grid-template-columns:1fr 1fr!important;gap:10px!important}.portal{padding:14px 8px!important;font-size:12px!important}.btn-login{width:100%;height:52px;font-size:15px}}@media (max-width: 380px){.sg{grid-template-columns:1fr 1fr!important}.sc{padding:12px 8px!important}.sc-val{font-size:22px!important}}#mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;color:#fff;font-size:18px;margin-right:12px}@media (display-mode: standalone){body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.topbar{padding-top:calc(8px + var(--safe-top))}}#pwa-splash{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e;z-index:9999;align-items:center;justify-content:center;flex-direction:column;gap:20px}#pwa-splash.show{display:flex}#pwa-splash img{width:90px;height:90px;border-radius:22px;animation:splashPulse 1.2s ease infinite}@keyframes splashPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.85}}#btn-install-pwa{display:none;margin-top:16px;width:100%;padding:13px;background:#f265221a;border:1.5px solid rgba(242,101,34,.4);border-radius:10px;color:#f26522;font-size:13px;font-weight:700;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:background .2s}#btn-install-pwa:hover{background:#f2652233}#ptr-indicator{display:none;position:fixed;top:0;left:50%;transform:translate(-50%);background:var(--or, #F26522);color:#fff;padding:6px 16px;border-radius:0 0 12px 12px;font-size:12px;font-weight:700;z-index:500}