:root{--bg: #0f1117;--bg2: #181c27;--bg3: #1e2333;--bg4: #252b3d;--border: #2d3347;--border2: #3a4060;--text: #e8eaf6;--text2: #9aa0bc;--text3: #636b8a;--accent: #6366f1;--accent2: #818cf8;--accent-bg: rgba(99, 102, 241, .12);--green: #10b981;--green-bg: rgba(16, 185, 129, .12);--amber: #f59e0b;--amber-bg: rgba(245, 158, 11, .12);--red: #ef4444;--red-bg: rgba(239, 68, 68, .12);--blue: #3b82f6;--blue-bg: rgba(59, 130, 246, .12);--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--font: "DM Sans", sans-serif;--font-ar: "Cairo", sans-serif}[data-theme=light]{--bg: #f0f2f8;--bg2: #ffffff;--bg3: #f5f6fb;--bg4: #eaecf4;--border: #dde1ef;--border2: #c8cde0;--text: #1a1d2e;--text2: #4a5070;--text3: #8b92ae;--accent: #6366f1;--accent2: #4f52d8;--accent-bg: rgba(99, 102, 241, .1);--green: #059669;--green-bg: rgba(5, 150, 105, .1);--amber: #d97706;--amber-bg: rgba(217, 119, 6, .1);--red: #dc2626;--red-bg: rgba(220, 38, 38, .1);--blue: #2563eb;--blue-bg: rgba(37, 99, 235, .1);--shadow: 0 4px 24px rgba(0, 0, 0, .1)}[data-theme=ocean]{--bg: #071322;--bg2: #0b1d35;--bg3: #102447;--bg4: #162d58;--border: #1e3a6e;--border2: #2b4f8a;--text: #cce8ff;--text2: #79b8ea;--text3: #4a87bb;--accent: #38bdf8;--accent2: #7dd3fc;--accent-bg: rgba(56, 189, 248, .12);--green: #06b6d4;--green-bg: rgba(6, 182, 212, .12);--amber: #fb923c;--amber-bg: rgba(251, 146, 60, .12);--red: #f87171;--red-bg: rgba(248, 113, 113, .12);--blue: #60a5fa;--blue-bg: rgba(96, 165, 250, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .55)}[data-theme=forest]{--bg: #0a150c;--bg2: #0f1e12;--bg3: #152819;--bg4: #1c3221;--border: #24402a;--border2: #2e5236;--text: #d4f5d8;--text2: #83c98c;--text3: #4f8a5a;--accent: #22c55e;--accent2: #4ade80;--accent-bg: rgba(34, 197, 94, .12);--green: #10b981;--green-bg: rgba(16, 185, 129, .12);--amber: #eab308;--amber-bg: rgba(234, 179, 8, .12);--red: #f87171;--red-bg: rgba(248, 113, 113, .12);--blue: #67e8f9;--blue-bg: rgba(103, 232, 249, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .55)}[data-theme=sunset]{--bg: #160e06;--bg2: #211507;--bg3: #2c1c09;--bg4: #37230c;--border: #4a3016;--border2: #60401e;--text: #fff0e0;--text2: #d4a574;--text3: #9a6b3e;--accent: #f97316;--accent2: #fb923c;--accent-bg: rgba(249, 115, 22, .12);--green: #84cc16;--green-bg: rgba(132, 204, 22, .12);--amber: #fbbf24;--amber-bg: rgba(251, 191, 36, .12);--red: #f87171;--red-bg: rgba(248, 113, 113, .12);--blue: #a78bfa;--blue-bg: rgba(167, 139, 250, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .55)}[data-theme=nord]{--bg: #2e3440;--bg2: #3b4252;--bg3: #434c5e;--bg4: #4c566a;--border: #5a6480;--border2: #68748f;--text: #eceff4;--text2: #d8dee9;--text3: #9aa3b8;--accent: #88c0d0;--accent2: #81a1c1;--accent-bg: rgba(136, 192, 208, .15);--green: #a3be8c;--green-bg: rgba(163, 190, 140, .15);--amber: #ebcb8b;--amber-bg: rgba(235, 203, 139, .15);--red: #bf616a;--red-bg: rgba(191, 97, 106, .15);--blue: #81a1c1;--blue-bg: rgba(129, 161, 193, .15);--shadow: 0 4px 24px rgba(0, 0, 0, .4)}[data-theme=rose]{--bg: #150a10;--bg2: #200f18;--bg3: #2b1420;--bg4: #361929;--border: #4a2238;--border2: #612d4b;--text: #ffe4f0;--text2: #d480a8;--text3: #9a4e74;--accent: #ec4899;--accent2: #f472b6;--accent-bg: rgba(236, 72, 153, .12);--green: #34d399;--green-bg: rgba(52, 211, 153, .12);--amber: #fbbf24;--amber-bg: rgba(251, 191, 36, .12);--red: #f87171;--red-bg: rgba(248, 113, 113, .12);--blue: #a78bfa;--blue-bg: rgba(167, 139, 250, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .55)}[data-theme=violet]{--bg: #0d0a1a;--bg2: #130f26;--bg3: #1a1433;--bg4: #221a42;--border: #302458;--border2: #412f72;--text: #ede9ff;--text2: #a89bd4;--text3: #6b5faa;--accent: #a855f7;--accent2: #c084fc;--accent-bg: rgba(168, 85, 247, .12);--green: #34d399;--green-bg: rgba(52, 211, 153, .12);--amber: #fbbf24;--amber-bg: rgba(251, 191, 36, .12);--red: #f87171;--red-bg: rgba(248, 113, 113, .12);--blue: #818cf8;--blue-bg: rgba(129, 140, 248, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .6)}[data-theme=mocha]{--bg: #120d09;--bg2: #1e1410;--bg3: #2a1c16;--bg4: #36241c;--border: #4a3228;--border2: #624030;--text: #f5ebe0;--text2: #c49a6c;--text3: #8a6045;--accent: #d97706;--accent2: #f59e0b;--accent-bg: rgba(217, 119, 6, .12);--green: #84cc16;--green-bg: rgba(132, 204, 22, .12);--amber: #fbbf24;--amber-bg: rgba(251, 191, 36, .12);--red: #f87171;--red-bg: rgba(248, 113, 113, .12);--blue: #60a5fa;--blue-bg: rgba(96, 165, 250, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .6)}[data-theme=midnight]{--bg: #000510;--bg2: #010b1e;--bg3: #03122c;--bg4: #051a3a;--border: #0a2652;--border2: #103070;--text: #e0f2ff;--text2: #60a8d8;--text3: #3572a0;--accent: #0ea5e9;--accent2: #38bdf8;--accent-bg: rgba(14, 165, 233, .12);--green: #06b6d4;--green-bg: rgba(6, 182, 212, .12);--amber: #f59e0b;--amber-bg: rgba(245, 158, 11, .12);--red: #f87171;--red-bg: rgba(248, 113, 113, .12);--blue: #818cf8;--blue-bg: rgba(129, 140, 248, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .7)}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}app-root{display:flex;min-height:100vh;width:100%}.mobile-only{display:none}.sidebar{direction:ltr;width:56px;min-height:100vh;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;flex-shrink:0;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1)}.sidebar:hover{width:220px}.sidebar-logo{padding:8px 10px;border-bottom:1px solid var(--border);display:flex;white-space:nowrap;overflow:hidden}.sidebar-logo h1{font-size:16px;font-weight:700;color:var(--accent2);letter-spacing:-.3px;opacity:0;height:0;margin:0;overflow:hidden;transition:opacity .15s}.sidebar-logo img{display:block;width:36px;height:36px;object-fit:contain;border-radius:8px;margin:0 auto 4px;flex-shrink:0;transition:width .22s cubic-bezier(.4,0,.2,1),height .22s cubic-bezier(.4,0,.2,1)}.sidebar-logo p{font-size:11px;color:var(--text3);margin-top:3px;opacity:0;transition:opacity .15s .05s;pointer-events:none}.sidebar:hover .sidebar-logo p{opacity:1}.nav{padding:16px 8px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;color:var(--text2);transition:background .15s,color .15s;margin-bottom:3px;border:none;background:none;width:100%;text-align:left;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--accent-bg);color:var(--accent2)}.nav-item .icon{font-size:18px;width:22px;flex-shrink:0;text-align:center}.nav-label{opacity:0;transition:opacity .15s}.sidebar:hover .nav-label{opacity:1}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.topbar h2{font-size:18px;font-weight:600}.topbar-actions{display:flex;gap:10px;align-items:center}.content{flex:1;overflow-y:auto;padding:24px 28px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat-card .label{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-card .value{font-size:26px;font-weight:700}.stat-card .sub{font-size:12px;color:var(--text3);margin-top:4px}.stat-card.green .value{color:var(--green)}.stat-card.amber .value{color:var(--amber)}.stat-card.red .value{color:var(--red)}.stat-card.blue .value{color:var(--blue)}.table-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;-webkit-overflow-scrolling:touch}.table-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.table-header h3{font-size:14px;font-weight:600}table{width:100%;border-collapse:collapse;min-width:760px}th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;background:var(--bg3);border-bottom:1px solid var(--border)}td{padding:12px 16px;font-size:13.5px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg3)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:500}.badge.actif{background:var(--green-bg);color:var(--green)}.badge.inactif{background:var(--border);color:var(--text3)}.badge.termin\e9 {background:var(--accent-bg);color:var(--accent2)}.badge.cycle-1{background:#ef44441f;color:#ef4444}.badge.cycle-3{background:#f59e0b1f;color:#f59e0b}.badge.cycle-6{background:#10b9811f;color:#10b981}.badge.cycle-12{background:#6366f11f;color:#818cf8}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-ghost{background:none;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid transparent}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{width:30px;height:30px;padding:0;justify-content:center;border-radius:6px}.modal-overlay{position:fixed;inset:0;background:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:560px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:16px;font-weight:600}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}label{font-size:12px;font-weight:500;color:var(--text2)}input,select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:13.5px;padding:9px 12px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--text3)}select option{background:var(--bg3)}.progress-bar{height:6px;background:var(--bg4);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:3px;transition:width .3s}.detail-layout{display:grid;grid-template-columns:1fr 380px;gap:20px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card h3{font-size:14px;font-weight:600;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;width:100%;border-bottom:1px solid var(--border);font-size:13.5px}.info-row:last-child{border-bottom:none}.info-row .lbl{color:var(--text3);font-size:12.5px}.mat-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;margin:3px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.paiement-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.paiement-row:last-child{border-bottom:none}.mode-badge{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--bg4);color:var(--text3)}.montant-summary{background:var(--bg3);border-radius:var(--radius-sm);padding:16px;margin-top:12px}.montant-row{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:6px}.montant-row.total{font-weight:600;font-size:15px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.montant-row .restant{color:var(--amber)}.montant-row .paye{color:var(--green)}.timeline{position:relative;padding-left:20px}.timeline-item{position:relative;margin-bottom:16px}.timeline-item:before{content:"";position:absolute;left:-14px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.timeline-item:after{content:"";position:absolute;left:-11px;top:20px;width:2px;height:calc(100% + 8px);background:var(--border)}.timeline-item:last-child:after{display:none}.timeline-content{background:var(--bg3);border-radius:var(--radius-sm);padding:12px 14px}.search-box{position:relative}.search-box input{padding-left:34px;background:var(--bg3)}.search-box:before{content:"\1f50d";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.5;z-index:1}.matieres-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;align-items:flex-start;gap:14px}.mat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.alert.danger{background:var(--red-bg);border:1px solid rgba(239,68,68,.3);color:var(--red)}.alert.success{background:var(--green-bg);border:1px solid rgba(16,185,129,.3);color:var(--green)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@media (max-width: 900px){.mobile-only{display:inline-flex}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.matieres-grid{grid-template-columns:1fr 1fr}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:240px;z-index:500;transform:translate(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1)}.sidebar:hover{width:240px}.sidebar.mobile-open{transform:translate(0)}.sidebar .nav-label,.sidebar .sidebar-logo p{opacity:1}.mobile-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:450;border:none;background:#00000080;padding:0;margin:0;cursor:pointer}.topnav{padding:0 12px}.topnav-right{gap:4px}.topnav-route-btn,.topnav-status-pill,.topnav-user-info,.topnav-chevron{display:none}.content{padding:14px 12px}.table-header{padding:12px 14px}th,td{padding:10px 12px}.modal{width:min(560px,96vw)}.form-grid{grid-template-columns:1fr}}@media (max-width: 640px){.stats-grid,.matieres-grid{grid-template-columns:1fr}.topnav-brand{font-size:13px}.topnav-page-label,.topnav-separator{display:none}.btn{padding:8px 12px}.modal-header,.modal-body,.modal-footer{padding-left:14px;padding-right:14px}.toast-container{left:12px;right:12px;bottom:12px}.toast{min-width:0;max-width:none;width:100%}}.login-page{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center}.login-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.login-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.login-blob-1{width:500px;height:500px;background:#6366f1;top:-120px;left:-100px;animation:blob-drift 12s ease-in-out infinite}.login-blob-2{width:400px;height:400px;background:#818cf8;bottom:-80px;right:-60px;animation:blob-drift 16s ease-in-out infinite reverse}.login-blob-3{width:300px;height:300px;background:#10b981;top:40%;left:55%;animation:blob-drift 10s ease-in-out infinite 2s}@keyframes blob-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.08)}}.login-card{position:relative;z-index:1;background:var(--bg2);border:1px solid var(--border2);border-radius:20px;padding:44px 48px;width:420px;box-shadow:0 24px 80px #0009}.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:32px}.login-logo-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#818cf8);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 24px #6366f166}.login-logo-text h1{font-size:20px;font-weight:700;color:var(--text)}.login-logo-text p{font-size:12px;color:var(--text3);margin-top:2px}.login-title{font-size:22px;font-weight:700;margin-bottom:6px}.login-sub{font-size:13px;color:var(--text3);margin-bottom:28px}.login-error{background:var(--red-bg);border:1px solid rgba(239,68,68,.3);color:var(--red);border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.login-field{margin-bottom:18px}.login-field label{display:block;font-size:12px;font-weight:500;color:var(--text2);margin-bottom:7px}.login-field-inner{position:relative}.login-field-inner .field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.45;pointer-events:none}.login-field input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font);font-size:14px;padding:11px 14px 11px 40px;outline:none;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.login-field input::placeholder{color:var(--text3)}.toggle-pw{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text3);cursor:pointer;font-size:15px;padding:4px;transition:color .15s}.toggle-pw:hover{color:var(--text)}.login-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:12.5px}.login-remember{display:flex;align-items:center;gap:7px;color:var(--text2);cursor:pointer}.login-remember input{accent-color:var(--accent);width:14px;height:14px}.login-forgot{color:var(--accent2);text-decoration:none;font-size:12.5px;background:none;border:none;cursor:pointer}.login-forgot:hover{text-decoration:underline}.login-btn{width:100%;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 16px #6366f166;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover{background:var(--accent2);box-shadow:0 6px 20px #6366f180}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--text3);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.demo-hint{background:var(--accent-bg);border:1px solid rgba(99,102,241,.25);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--accent2);display:flex;align-items:flex-start;gap:8px}.demo-hint .hint-icon{font-size:14px;flex-shrink:0;margin-top:1px}.sidebar-user{padding:14px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-info .uname{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info .urole{font-size:11px;color:var(--text3)}.logout-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:4px;border-radius:6px;transition:color .15s,background .15s}.logout-btn:hover{color:var(--red);background:var(--red-bg)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topnav{height:56px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;position:sticky;top:0;z-index:100}.topnav-left{display:flex;align-items:center;gap:12px}.topnav-brand{font-size:15px;font-weight:700;color:var(--accent2);letter-spacing:-.3px}.topnav-right{display:flex;align-items:center;gap:8px}.topnav-icon-btn{position:relative;background:none;border:none;cursor:pointer;font-size:17px;padding:6px 8px;border-radius:8px;color:var(--text2);transition:background .15s;line-height:1}.topnav-icon-btn:hover{background:var(--bg3);color:var(--text)}.notif-dot{position:absolute;top:5px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--red);border:2px solid var(--bg2)}.user-menu-wrapper{position:relative}.topnav-user-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:5px 10px;border-radius:10px;transition:background .15s}.topnav-user-btn:hover{background:var(--bg3)}.topnav-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.topnav-user-info{display:flex;flex-direction:column;align-items:flex-start}.topnav-uname{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap}.topnav-urole{font-size:11px;color:var(--text3)}.topnav-chevron{font-size:12px;color:var(--text3);transition:transform .2s}.topnav-chevron.open{transform:rotate(180deg)}.mobile-sidebar-backdrop{display:none}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;box-shadow:0 12px 40px #00000080;z-index:200;overflow:hidden}.dropdown-header{display:flex;align-items:center;gap:10px;padding:14px 16px}.dropdown-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.dropdown-name{font-size:13.5px;font-weight:600;color:var(--text)}.dropdown-role{font-size:11px;color:var(--text3);margin-top:1px}.dropdown-divider{height:1px;background:var(--border);margin:2px 0}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:10px 16px;font-size:13.5px;color:var(--text2);cursor:pointer;transition:background .12s,color .12s;font-family:var(--font);text-align:left}.dropdown-item:hover{background:var(--bg3);color:var(--text)}.dropdown-item.danger{color:var(--red)}.dropdown-item.danger:hover{background:var(--red-bg);color:var(--red)}.di-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.profile-avatar-lg{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}.profile-info-banner{margin-top:16px;padding:10px 14px;background:var(--bg3);border-radius:var(--radius-sm);font-size:12px;color:var(--text3);display:flex;gap:8px}.alert-msg{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px;background:var(--red-bg);border:1px solid rgba(239,68,68,.3);color:var(--red)}.alert-msg.success{background:var(--green-bg);border-color:#10b9814d;color:var(--green)}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .sidebar-logo h1{letter-spacing:0}[dir=rtl] .nav-item{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .nav-item .icon{margin-left:0;margin-right:0}[dir=rtl] .topnav-right{flex-direction:row-reverse}[dir=rtl] .topnav-user-info{align-items:flex-end}[dir=rtl] .user-dropdown{right:auto;left:0}[dir=rtl] .dropdown-item,[dir=rtl] .topbar,[dir=rtl] .topbar-actions,[dir=rtl] .table-header,[dir=rtl] .modal-footer{flex-direction:row-reverse}[dir=rtl] .form-group{text-align:right}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right;direction:rtl}[dir=rtl] .search-box input{text-align:right}[dir=rtl] .sidebar-user{flex-direction:row-reverse}[dir=rtl] .detail-layout{direction:rtl}[dir=rtl] .info-row,[dir=rtl] .paiement-row,[dir=rtl] .montant-row{flex-direction:row-reverse}[dir=rtl] .badge{direction:rtl}[dir=rtl] .profile-info-banner{flex-direction:row-reverse}@media (max-width: 900px){[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .sidebar.mobile-open{transform:translate(0)}}