#root{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#1e293b;background:linear-gradient(160deg,#f8fafc,#f1f5f9,#e2e8f0);min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}.app-container{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}.main-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;background:rgba(255,255,255,.78);min-height:64px;width:calc(100% - 20px);margin:10px auto 0;position:sticky;top:8px;z-index:1100;border:1px solid rgba(132,154,230,.22);border-radius:16px;box-shadow:0 12px 30px rgba(56,80,156,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.main-nav:after{content:"";position:absolute;left:18px;right:18px;bottom:7px;height:1px;background:linear-gradient(90deg,rgba(102,126,234,0),rgba(102,126,234,.36) 28%,rgba(118,75,162,.36) 72%,rgba(118,75,162,0));border-radius:1px}.main-nav.main-nav--student{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);backdrop-filter:none;-webkit-backdrop-filter:none;min-height:60px;padding:8px 20px;gap:20px}.main-nav.main-nav--student:after{display:none}.main-nav--student .nav-brand{border:none;background:transparent;box-shadow:none;border-radius:0;padding:0}.main-nav--student .nav-center{justify-content:flex-start;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.main-nav--student .nav-center::-webkit-scrollbar{display:none}.main-nav--student .nav-item{gap:0;padding:8px 14px;color:#475569;font-weight:500;font-size:.875rem;border-radius:8px;margin:0;border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;letter-spacing:-.01em}.main-nav--student .nav-item:hover{color:#0f172a;background:rgba(15,23,42,.04);border-color:transparent;transform:none}.main-nav--student .nav-item-active{color:#0f172a;background:rgba(15,23,42,.06);font-weight:650;border:none;box-shadow:none;position:relative}.main-nav--student .nav-item-active:after{display:block;content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:#0f172a}.main-nav--student .MuiIconButton-root{color:#475569}.main-nav--student .MuiIconButton-root:hover{background:rgba(15,23,42,.06)}.main-nav-section{min-width:0}.nav-left{flex:0 0 auto}.nav-center{flex:1 1 auto;min-width:0}.nav-right{flex:0 0 auto}.nav-brand{border:1px solid rgba(121,144,226,.28);background:linear-gradient(170deg,rgba(255,255,255,.98),rgba(245,249,255,.92));border-radius:12px;padding:4px 10px 4px 6px;box-shadow:0 4px 14px rgba(96,122,209,.12)}.nav-item{display:flex;align-items:center;gap:7px;padding:9px 14px;color:#344772;text-decoration:none;font-weight:600;font-size:.8rem;border-radius:999px;white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease;margin:0 2px;position:relative;border:1px solid transparent;background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-item:hover{color:#4f65b7;border-color:rgba(131,152,226,.36);background:rgba(233,240,255,.82);transform:translateY(-1px)}.nav-item-active{color:#fff;background:linear-gradient(135deg,#5f74dd,#7547a6);font-weight:700;border-color:rgba(108,128,218,.55);box-shadow:0 10px 20px rgba(90,106,188,.3)}.nav-item-active:after{display:none}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-item{animation:fadeInUp .3s ease forwards}.main-nav button{font-weight:600;text-transform:none}.main-nav .MuiButton-outlined{border-width:1px}.main-nav .MuiIconButton-root{color:#4f65b7;border-radius:999px}.main-nav .MuiIconButton-root:hover{background:rgba(223,232,255,.8)}@media (max-width: 1200px){.main-nav{width:calc(100% - 14px);padding:8px 12px;gap:10px}.nav-item{padding:7px 10px;font-size:.73rem}}@media (max-width: 768px){.main-nav{padding:8px 12px;min-height:52px;width:100%;margin:0;top:0;border-radius:0;border-left:none;border-right:none;flex-direction:column;gap:8px;align-items:stretch}.main-nav:after{display:none}.nav-item{padding:6px 10px;font-size:.75rem;justify-content:center;border-radius:10px}.nav-item:nth-child(n+6){display:none}}@keyframes gradientPulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes statsGlow{0%,to{box-shadow:0 8px 32px rgba(0,0,0,.08)}50%{box-shadow:0 12px 40px rgba(102,126,234,.15)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-hover:hover{transform:translateY(-8px)}.modern-tabs{background:linear-gradient(to bottom,#fff,#f9fafb)}.modern-tab-indicator{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;border-radius:3px 3px 0 0}.glass-card{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.1);border-radius:16px}@keyframes ringProgress{0%{stroke-dashoffset:251.2}to{stroke-dashoffset:0}}@media (hover: none) and (pointer: coarse){.stat-card-hover:active{transform:scale(.98);transition:transform .1s}}@media (max-width: 600px){.hero-section{padding:1.5rem!important}.stat-card{padding:1rem!important}}.gestion-inscriptions-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.gestion-inscriptions-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:30px;margin:0 auto;max-width:1400px}.stats-card{transition:all .3s ease;border-radius:12px;overflow:hidden}.stats-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.1)}.stats-card .MuiCardContent-root{padding:24px}.formation-card{transition:all .3s ease;border-radius:12px;border:1px solid #e0e0e0;height:100%;position:relative;overflow:hidden}.formation-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#1976d2}.formation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1976d2,#42a5f5)}.progress-bar{height:8px;border-radius:4px;background:#f5f5f5}.progress-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-bar-success{background:linear-gradient(90deg,#4caf50,#66bb6a)}.progress-bar-warning{background:linear-gradient(90deg,#ff9800,#ffb74d)}.progress-bar-error{background:linear-gradient(90deg,#f44336,#ef5350)}.inscriptions-table{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}.inscriptions-table .MuiTableHead-root{background:linear-gradient(135deg,#1976d2,#42a5f5)}.inscriptions-table .MuiTableHead-root .MuiTableCell-root{color:#fff;font-weight:600;border:none}.inscriptions-table .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f8f9fa}.custom-tabs .MuiTabs-indicator{height:3px;border-radius:2px;background:linear-gradient(90deg,#1976d2,#42a5f5)}.custom-tabs .MuiTab-root{text-transform:none;font-weight:500;min-height:60px;transition:all .3s ease}.custom-tabs .MuiTab-root:hover{background-color:rgba(25,118,210,.04)}.custom-tabs .MuiTab-root.Mui-selected{color:#1976d2;font-weight:600}.status-chip{font-weight:500;border-radius:20px;padding:4px 12px}.status-chip.success{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.status-chip.warning{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.status-chip.error{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.status-chip.default{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);color:#fff}.action-button{border-radius:8px;text-transform:none;font-weight:500;padding:8px 16px;transition:all .3s ease}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.icon-large{font-size:2.5rem!important}.icon-medium{font-size:1.5rem!important}.custom-badge .MuiBadge-badge{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;font-weight:600}.custom-dialog .MuiDialog-paper{border-radius:15px;box-shadow:0 20px 60px rgba(0,0,0,.15)}.custom-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;padding:20px 24px}.custom-alert{border-radius:8px;border:none}.custom-tooltip{background:rgba(0,0,0,.8)!important;border-radius:6px;font-size:12px}@media (max-width: 768px){.gestion-inscriptions-content{padding:20px;margin:10px}.formation-card{margin-bottom:20px}.inscriptions-table{font-size:12px}.custom-tabs .MuiTab-root{min-height:50px;font-size:14px}}@media (max-width: 480px){.gestion-inscriptions-content{padding:15px}.stats-card .MuiCardContent-root,.formation-card .MuiCardContent-root{padding:16px}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in{animation:slideIn .3s ease-out}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-spinner{margin-bottom:16px}.empty-state{text-align:center;padding:40px 20px;color:#666}.empty-state-icon{font-size:4rem!important;color:#ddd;margin-bottom:16px}.chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:20px}.filter-section{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px}.filter-section .MuiFormControl-root{margin-right:16px;min-width:200px}.notification-badge{position:relative}.notification-badge:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#f44336;border-radius:50%;border:2px solid white}.gestion-paiements-container{padding:24px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.stats-card{transition:transform .3s ease,box-shadow .3s ease;border-radius:12px;overflow:hidden}.stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.paiement-table{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.paiement-table .MuiTableHead-root{background:linear-gradient(135deg,#667eea,#764ba2)}.paiement-table .MuiTableHead-root .MuiTableCell-head{color:#fff;font-weight:600;border:none}.paiement-table .MuiTableBody-root .MuiTableRow-root:hover{background-color:rgba(102,126,234,.05)}.status-chip{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-chip.paye{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-chip.en-attente{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-chip.annule{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.action-buttons{display:flex;gap:8px;align-items:center}.action-button{transition:all .2s ease}.action-button:hover{transform:scale(1.1)}.tab-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:16px}.formation-card,.classe-card{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;margin-bottom:16px}.formation-card:hover,.classe-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.card-content{padding:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-item{text-align:center;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.stat-value{font-size:24px;font-weight:700;color:#667eea;margin-bottom:4px}.stat-label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.dialog-content{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.export-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease}.export-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.add-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease}.add-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,.3)}@media (max-width: 768px){.gestion-paiements-container{padding:16px}.stats-grid,.form-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:12px;align-items:flex-start}.action-buttons{flex-wrap:wrap}}@media (max-width: 480px){.gestion-paiements-container{padding:12px}.tab-container,.card-content{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.paiement-table::-webkit-scrollbar{width:8px;height:8px}.paiement-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.paiement-table::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.paiement-table::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:root{--color-primary: #667eea;--color-primary-dark: #5a67d8;--color-primary-light: #7c8ef0;--color-secondary: #0d9488;--color-secondary-dark: #0f766e;--color-secondary-light: #14b8a6;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #0ea5e9;--color-background: #f8fafc;--color-background-light: #ffffff;--color-background-dark: #f1f5f9;--color-text: #1e293b;--color-text-light: #64748b;--color-text-white: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-color: #dee2e6;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--font-family-base: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1.5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{font-family:var(--font-family-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background);min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root{--mobile-padding: 16px;--mobile-margin: 12px;--mobile-border-radius: 12px;--mobile-font-size-small: .875rem;--mobile-font-size-base: 1rem;--mobile-font-size-large: 1.125rem;--mobile-font-size-xl: 1.25rem;--mobile-font-size-2xl: 1.5rem;--mobile-font-size-3xl: 2rem;--mobile-touch-target: 44px;--mobile-card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--mobile-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}@media (max-width: 768px){html{font-size:14px}body{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.app-container{padding:var(--mobile-padding);max-width:100%}.main-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);padding:8px 16px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.nav-item{display:flex;flex-direction:column;align-items:center;padding:8px 12px;min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);border-radius:var(--mobile-border-radius);font-size:var(--mobile-font-size-small);text-decoration:none;color:var(--color-text);transition:all .2s ease}.nav-item:hover,.nav-item.active{background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.candidat-card,.formation-card,.calendar-event{margin-bottom:var(--mobile-margin);border-radius:var(--mobile-border-radius);box-shadow:var(--mobile-card-shadow);transition:all .3s ease}.candidat-card:hover,.formation-card:hover,.calendar-event:hover{transform:translateY(-4px);box-shadow:var(--mobile-card-shadow-hover)}.candidat-grid,.formation-grid{display:grid;grid-template-columns:1fr;gap:var(--mobile-margin)}.calendar-grid,.calendar-event{display:flex;flex-direction:column;gap:var(--mobile-margin)}.btn-detail,button{min-height:var(--mobile-touch-target);padding:12px 20px;font-size:var(--mobile-font-size-base);border-radius:var(--mobile-border-radius);font-weight:500}input,select,textarea{min-height:var(--mobile-touch-target);font-size:var(--mobile-font-size-base);padding:12px 16px;border-radius:var(--mobile-border-radius)}h1{font-size:var(--mobile-font-size-3xl);line-height:1.2}h2{font-size:var(--mobile-font-size-2xl);line-height:1.3}h3{font-size:var(--mobile-font-size-xl);line-height:1.3}h4{font-size:var(--mobile-font-size-large);line-height:1.4}p{font-size:var(--mobile-font-size-base);line-height:1.5}.mobile-spacing{margin-bottom:var(--mobile-margin)}.mobile-padding{padding:var(--mobile-padding)}@media (prefers-reduced-motion: no-preference){.candidat-card,.formation-card,.calendar-event{animation:slideInUp .3s ease-out}.nav-item:hover{animation:pulse .3s ease-in-out}}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.text-mobile{font-size:var(--mobile-font-size-base);line-height:1.6;letter-spacing:.01em}.mobile-card{background:#fff;border-radius:var(--mobile-border-radius);box-shadow:var(--mobile-card-shadow);overflow:hidden;transition:all .3s ease}.mobile-card:hover{box-shadow:var(--mobile-card-shadow-hover)}.floating-action-button{position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;transition:all .3s ease}.floating-action-button:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.4)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 480px){.app-container{padding:12px}.main-nav{padding:6px 12px}.nav-item{padding:6px 8px;font-size:.75rem}h1{font-size:var(--mobile-font-size-2xl)}h2{font-size:var(--mobile-font-size-xl)}.floating-action-button{bottom:70px;right:16px;width:48px;height:48px}}@media (max-width: 360px){.app-container{padding:8px}.main-nav{padding:4px 8px}.nav-item{padding:4px 6px;font-size:.7rem}h1{font-size:var(--mobile-font-size-xl)}h2{font-size:var(--mobile-font-size-large)}}}@media (min-width: 769px) and (max-width: 1024px){.app-container{padding:24px}.candidat-grid,.formation-grid{grid-template-columns:repeat(2,1fr);gap:20px}.main-nav{padding:16px 24px}.nav-item{padding:12px 16px;font-size:var(--mobile-font-size-base)}}@media (max-width: 768px) and (orientation: landscape){.main-nav{position:fixed;top:0;bottom:auto;left:0;right:0;border-top:none;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.floating-action-button{bottom:20px}}@media (max-width: 768px){.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.text-mobile{color:var(--color-text);text-shadow:0 1px 2px rgba(0,0,0,.1)}img{max-width:100%;height:auto;display:block}.nav-item{touch-action:manipulation}ul,ol{padding-left:20px}li{margin-bottom:8px}}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}@media (prefers-color-scheme: dark){:root{--color-background: #1a1a1a;--color-background-light: #242424;--color-background-dark: #2d2d2d;--color-text: #ffffff;--color-text-light: #a0a0a0;--border-color: #404040}.btn-detail{background-color:var(--color-primary-dark)}.btn-detail:hover{background-color:var(--color-primary)}}