@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-blue:#2e7bee;--color-blue-light:#5b9cf6;--color-blue-dark:#1a5cb8;--color-blue-50:#eef4fd;--color-blue-100:#d4e6fb;--color-blue-200:#a8cdfb;--color-blue-900:#0d2d5e;--color-accent:#f5821f;--color-accent-light:#fab27a;--color-accent-dark:#c4620d;--color-accent-50:#fef3ea;--color-accent-100:#fddec5;--color-primary:#8b1a2e;--color-primary-light:#b02840;--color-primary-dark:#5e0f1e;--color-primary-50:#f9ebee;--color-primary-100:#f0c6ce;--color-white:#fff;--color-grey-50:#f7f8fa;--color-grey-100:#f0f1f4;--color-grey-200:#e3e5eb;--color-grey-300:#d1d5df;--color-grey-400:#b0b7c6;--color-grey-500:#8892a4;--color-grey-600:#5e6878;--color-grey-700:#3e4656;--color-grey-800:#252c3a;--color-grey-900:#1a1d23;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-info:#2e7bee;--color-info-bg:#eef4fd;--grade-tres-bien:#16a34a;--grade-tres-bien-bg:#dcfce7;--grade-bien:#2e7bee;--grade-bien-bg:#eef4fd;--grade-assez-bien:#f5821f;--grade-assez-bien-bg:#fef3ea;--grade-passable:#d97706;--grade-passable-bg:#fef3c7;--grade-insuffisant:#dc2626;--grade-insuffisant-bg:#fee2e2;--cycle-maternel:#7c3aed;--cycle-maternel-bg:#ede9fe;--cycle-primaire:#2e7bee;--cycle-primaire-bg:#eef4fd;--cycle-secondaire:#f5821f;--cycle-secondaire-bg:#fef3ea;--cycle-universite:#8b1a2e;--cycle-universite-bg:#f9ebee;--bg-page:#f7f8fa;--bg-card:#fff;--bg-sidebar:#1a1d23;--bg-sidebar-hover:#252c3a;--bg-sidebar-active:#2e7bee;--border-default:#e3e5eb;--border-strong:#d1d5df;--border-focus:#2e7bee;--text-primary:#1a1d23;--text-secondary:#5e6878;--text-muted:#8892a4;--text-on-dark:#fff;--text-on-primary:#fff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-loose:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #1a1d230d;--shadow-sm:0 1px 3px #1a1d2314, 0 1px 2px #1a1d230a;--shadow-md:0 4px 8px #1a1d2314, 0 2px 4px #1a1d230a;--shadow-lg:0 10px 20px #1a1d231a, 0 4px 8px #1a1d230d;--shadow-xl:0 20px 32px #1a1d231f, 0 8px 16px #1a1d230f;--shadow-card:0 1px 4px #1a1d2312, 0 0 0 1px #1a1d230a;--shadow-bordeaux:0 4px 16px #2e7bee33;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-page);line-height:var(--leading-normal);min-height:100vh}a{color:var(--color-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-blue-dark)}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-sm);outline:none}img{max-width:100%;display:block}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--color-blue)}.text-accent{color:var(--color-accent)}.text-blue{color:var(--color-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-card);align-items:flex-start;gap:var(--space-4);transition:all var(--transition-normal);display:flex}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.metric-icon.bordeaux{background:var(--color-blue-50);color:var(--color-blue)}.metric-icon.orange{background:var(--color-accent-50);color:var(--color-accent)}.metric-icon.blue{background:var(--color-primary-50);color:var(--color-primary)}.metric-icon.grey{background:var(--color-grey-100);color:var(--color-grey-700)}.metric-icon.success{background:var(--color-success-bg);color:var(--color-success)}.metric-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.metric-icon.danger{background:var(--color-danger-bg);color:var(--color-danger)}.metric-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.metric-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.metric-trend{font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:var(--space-1)}.metric-trend.up{color:var(--color-success)}.metric-trend.down{color:var(--color-danger)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:1.5px solid #0000;line-height:1.5;display:inline-flex}.btn-blue{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.btn-blue:hover{background:var(--color-blue-dark);border-color:var(--color-blue-dark);box-shadow:var(--shadow-bordeaux);transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px #f5821f40}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #8b1a2e40}.btn-outline{color:var(--color-blue);border-color:var(--color-blue);background:0 0}.btn-outline:hover{background:var(--color-blue-50)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-grey-100);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 16px #dc262640}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.03em;align-items:center;padding:2px 10px;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-grey-100);color:var(--text-secondary)}.badge-bordeaux{background:var(--color-blue-50);color:var(--color-blue-dark)}.badge-orange{background:var(--color-accent-50);color:var(--color-accent-dark)}.badge-blue{background:var(--color-primary-50);color:var(--color-primary-dark)}.badge-maternel{background:var(--cycle-maternel-bg);color:var(--cycle-maternel)}.badge-primaire{background:var(--cycle-primaire-bg);color:var(--cycle-primaire)}.badge-secondaire{background:var(--cycle-secondaire-bg);color:var(--cycle-secondaire)}.badge-universite{background:var(--cycle-universite-bg);color:var(--cycle-universite)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2e7bee1f}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--color-danger)}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-error{font-size:var(--text-xs);color:var(--color-danger);font-weight:var(--font-medium)}.table-container{border-radius:var(--radius-xl);border:1px solid var(--border-default);background:var(--bg-card);width:100%;overflow-x:auto}.ds-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ds-table thead{background:var(--color-grey-50);border-bottom:1px solid var(--border-default)}.ds-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ds-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);color:var(--text-primary);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table tbody tr{transition:background var(--transition-fast)}.ds-table tbody tr:hover{background:var(--color-blue-50)}.ds-table tbody tr.clickable{cursor:pointer}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.active{background:var(--color-success)}.status-dot.inactive{background:var(--color-grey-400)}.status-dot.warning{background:var(--color-warning)}.status-dot.danger{background:var(--color-danger)}.avatar{border-radius:var(--radius-full);background:var(--color-blue-50);font-weight:var(--font-semibold);color:var(--color-blue);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:64px;height:64px;font-size:20px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);align-items:flex-start;gap:var(--space-3);border:1px solid #0000;display:flex}.alert-success{background:var(--color-success-bg);color:#14532d;border-color:#86efac}.alert-warning{background:var(--color-warning-bg);color:#78350f;border-color:#fcd34d}.alert-danger{background:var(--color-danger-bg);color:#7f1d1d;border-color:#fca5a5}.alert-info{background:var(--color-info-bg);border-color:var(--color-blue-200);color:var(--color-blue-900)}.alert-orange{background:var(--color-accent-50);border-color:var(--color-accent-100);color:var(--color-accent-dark)}.alert-blue{background:var(--color-primary-50);border-color:var(--color-primary-100);color:var(--color-primary-dark)}.section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-3)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.sidebar-item{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:#ffffff8c;cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;padding:9px 14px;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--bg-sidebar-hover);color:#ffffffd9}.sidebar-item.active{background:var(--color-blue);color:#fff;font-weight:var(--font-semibold)}.sidebar-item.active-accent{background:var(--color-accent);color:#fff}.sidebar-item.active-blue{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-grey-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-grey-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-bordeaux{0%,to{box-shadow:0 0 #2e7bee66}50%{box-shadow:0 0 0 6px #2e7bee00}}@keyframes pulse-orange{0%,to{box-shadow:0 0 #f5821f66}50%{box-shadow:0 0 0 6px #f5821f00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn var(--transition-slow) ease forwards}.pulse-live{animation:2s infinite pulse-bordeaux}.pulse-accent{animation:2s infinite pulse-orange}.form-select,select.form-input{cursor:pointer;appearance:none!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232E7BEE' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>")!important;background-position:right 16px center!important;background-repeat:no-repeat!important;background-size:16px!important;background-color:var(--bg-card)!important;transition:all var(--transition-fast)!important;padding-right:42px!important}.form-select:hover,select.form-input:hover{border-color:var(--color-blue-200)!important;background-color:var(--color-blue-50)!important}.ds-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#1a1d2373;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.ds-modal-card{background:var(--bg-card);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);width:90%;max-width:520px;box-shadow:var(--shadow-xl);animation:.25s cubic-bezier(.34,1.56,.64,1) forwards scaleUp;overflow:hidden}.ds-modal-header{background:var(--color-grey-50);border-bottom:1.5px solid var(--border-default);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ds-modal-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.ds-modal-close{color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:50%;padding:4px;font-size:18px}.ds-modal-close:hover{color:var(--color-danger);background:#0000000d}.ds-modal-body{font-size:var(--text-sm);color:var(--text-primary);padding:24px;line-height:1.6}.ds-modal-footer{background:var(--color-grey-50);border-top:1px solid var(--border-default);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.ds-toast-container{z-index:10000;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.ds-toast{border-left:4px solid var(--color-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;align-items:center;gap:14px;min-width:320px;max-width:450px;padding:16px 20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInUp;display:flex}.ds-toast.success{border-left-color:var(--color-success)}.ds-toast.warning{border-left-color:var(--color-warning)}.ds-toast.danger{border-left-color:var(--color-danger)}.ds-toast.accent{border-left-color:var(--color-accent)}.ds-toast.blue{border-left-color:var(--color-primary)}.ds-calendar-widget{border:1.5px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:16px;padding:20px;display:flex}.ds-calendar-header{color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:700;display:flex}.ds-calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.ds-calendar-day-header{text-align:center;color:var(--text-muted);text-transform:uppercase;padding-bottom:8px;font-size:11px;font-weight:700}.ds-calendar-day{aspect-ratio:1;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.ds-calendar-day:hover{background:var(--color-blue-50);color:var(--color-blue)}.ds-calendar-day.today{border-color:var(--color-blue);color:var(--color-blue-dark)}.ds-calendar-day.selected{background:var(--color-blue);color:#fff!important}.ds-calendar-day.has-event{position:relative}.ds-calendar-day.has-event:after{content:"";background:var(--color-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.ds-calendar-day.muted{color:var(--text-muted);font-weight:400}.chip{border-radius:var(--radius-full);letter-spacing:.02em;border:1px solid #0000;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip-bordeaux{background:var(--color-blue-50);color:var(--color-blue);border-color:var(--color-blue-100)}.chip-orange{background:var(--color-accent-50);color:var(--color-accent-dark);border-color:var(--color-accent-100)}.chip-blue{background:var(--color-primary-50);color:var(--color-primary);border-color:var(--color-primary-100)}.chip-grey{background:var(--color-grey-100);color:var(--color-grey-700);border-color:var(--color-grey-200)}.divider{background:var(--border-default);height:1px;margin:var(--space-4) 0}.divider-vertical{background:var(--border-default);align-self:stretch;width:1px}.stat-strip{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border-left:4px solid var(--color-blue);background:var(--color-blue-50);display:flex}.stat-strip.orange{border-left-color:var(--color-accent);background:var(--color-accent-50)}.stat-strip.blue{border-left-color:var(--color-primary);background:var(--color-primary-50)}.stat-strip.grey{border-left-color:var(--color-grey-400);background:var(--color-grey-50)}@media (max-width:1024px){aside{transform:translate(-100%);transition:transform var(--transition-normal)!important}aside.mobile-open{transform:translate(0)!important}.main-panel-container{margin-left:0!important}header{padding:0 16px!important}main{padding:20px 16px!important}.page-header{flex-direction:column;align-items:flex-start!important;gap:16px!important}.page-header>div{width:100%}.page-header>div[style*="display: flex"]{flex-wrap:wrap;gap:10px;justify-content:flex-start!important}.grid-2col,.grid-3col,.grid-4col,[style*="display: grid"][style*=grid-template-columns]{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width:768px){body{font-size:13px!important}.page-title{font-size:var(--text-xl)!important}.card,.metric-card{padding:16px!important}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto!important}.table-container table{width:100%;min-width:600px}.btn{padding:var(--space-2) var(--space-3)!important;font-size:12px!important}.ds-modal-card{width:95%!important;margin:10px auto!important}}