@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap");:root{--c-gold:#c5a065;--c-gold-light:#fdfaf2;--c-gold-dark:#a88a55;--c-border:#e8dfc8;--c-black:#1a1a1a;--c-text:#2c3e50;--c-text-muted:#7f8c8d;--c-bg-body:#fcfcfc;--c-white:#fff;--c-danger:#c0392b;--c-danger-light:#fadbd8;--c-success:#27ae60;--c-success-light:#d5f4e6;--c-warning:#f39c12;--c-warning-light:#fef5d0;--c-info:#3498db;--c-info-light:#ebf5fb;--c-btn-excel:#217346;--c-btn-word:#2b579a;--c-btn-primary:var(--c-gold);--c-btn-secondary:var(--c-black);--radius:10px;--radius-sm:6px;--radius-lg:16px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--font-display:"Playfair Display",serif;--font-body:"Montserrat",sans-serif;--shadow-sm:0 2px 5px rgba(0,0,0,.05);--shadow-md:0 5px 20px rgba(0,0,0,.04);--shadow-lg:0 10px 40px rgba(0,0,0,.08);--transition-fast:0.2s ease;--transition-normal:0.3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--c-bg-body);color:var(--c-text);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--c-black);line-height:1.3}h1{font-size:2.2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}h4{font-size:1.1rem}.text-muted{color:var(--c-text-muted)}.text-gold{color:var(--c-gold)}.text-success{color:var(--c-success)}.text-danger{color:var(--c-danger)}.text-warning{color:var(--c-warning)}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;padding:var(--spacing-xl);margin-left:260px;min-height:100vh}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:1.8rem;color:var(--c-black);margin-bottom:var(--spacing-xs)}.page-subtitle{font-size:.9rem;color:var(--c-text-muted)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content{margin-left:0;padding:var(--spacing-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:var(--c-black);padding:var(--spacing-lg);display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:var(--spacing-lg)}.sidebar-logo{width:80px;height:80px;margin-bottom:var(--spacing-sm)}.sidebar-title{font-family:var(--font-display);font-size:1rem;color:var(--c-white);text-transform:uppercase;letter-spacing:1px}.sidebar-subtitle{font-size:.7rem;color:var(--c-gold);text-transform:uppercase;letter-spacing:2px;margin-top:5px}.sidebar-nav{flex:1 1}.nav-section{margin-bottom:var(--spacing-lg)}.nav-section-title{font-size:.7rem;font-weight:700;color:var(--c-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-sm)}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:hsla(0,0%,100%,.7);text-decoration:none;border-radius:var(--radius-sm);font-size:.9rem;transition:var(--transition-fast)}.nav-link:hover{background:hsla(0,0%,100%,.1);color:var(--c-white)}.nav-link.active{background:var(--c-gold);color:var(--c-black);font-weight:600}.nav-link svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{border-top:1px solid hsla(0,0%,100%,.1);padding-top:var(--spacing-lg)}.user-info{gap:var(--spacing-sm);color:var(--c-white);font-size:.85rem}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--c-gold);justify-content:center;font-weight:700;color:var(--c-black)}.user-role{font-size:.7rem;color:var(--c-gold);text-transform:uppercase}.top-bar{justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--c-white);border-bottom:1px solid var(--c-border);margin:calc(-1 * var(--spacing-xl));margin-bottom:var(--spacing-xl)}.context-selector,.top-bar{display:flex;align-items:center}.context-selector{gap:var(--spacing-lg)}.context-group{display:flex;align-items:center;gap:var(--spacing-sm)}.context-label{font-size:.75rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px}.context-value{padding:8px 16px;background:var(--c-gold-light);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-weight:600;color:var(--c-black);cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-fast)}.context-value:hover{border-color:var(--c-gold)}.context-value svg{width:14px;height:14px;color:var(--c-gold)}.card{background:var(--c-white);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--c-border);overflow:hidden}.card-header{background-color:var(--c-gold-light);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--c-border);justify-content:space-between}.card-header,.card-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.section-number{font-size:1.4rem;color:var(--c-gold);font-style:italic;font-weight:700;background:var(--c-white);width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--c-border);flex-shrink:0}.section-number,.section-title{font-family:var(--font-display)}.section-title{font-size:1.3rem;color:var(--c-black);margin:0;font-weight:600}.card-body{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-md) var(--spacing-xl);background:var(--c-gold-light);border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.card-dark{background:var(--c-black);border:none}.card-dark .card-header{background:#111;border-bottom:1px solid #333}.card-dark .section-title{color:var(--c-gold)}.card-dark .card-body{color:var(--c-white)}.input-wrapper{display:flex;flex-direction:column;gap:5px;margin-bottom:var(--spacing-md)}.input-label,.input-wrapper label{font-size:.75rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px}.input-field{width:100%;padding:12px 15px;font-family:var(--font-body);font-size:.95rem;border:1px solid #e0e0e0;border-radius:var(--radius-sm);background:#fafafa;color:var(--c-black);transition:var(--transition-normal)}.input-field:focus{border-color:var(--c-gold);background-color:var(--c-white);outline:none;box-shadow:0 0 0 3px hsla(37,45%,58%,.1)}.input-field:disabled{background:#f0f0f0;cursor:not-allowed;opacity:.7}.input-field.error{border-color:var(--c-danger)}.input-error{font-size:.75rem;color:var(--c-danger);margin-top:4px}textarea.input-field{min-height:100px;resize:vertical}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237f8c8d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:15px;padding-right:40px;cursor:pointer}.input-with-icon{position:relative}.input-with-icon .input-field{padding-left:40px}.input-with-icon .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--c-text-muted);width:18px;height:18px}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-wrapper input,.radio-wrapper input{width:18px;height:18px;accent-color:var(--c-gold);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.9rem;transition:var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn-primary{background-color:var(--c-gold);color:var(--c-white)}.btn-primary:hover:not(:disabled){background-color:var(--c-gold-dark)}.btn-secondary{background-color:var(--c-black);color:var(--c-white)}.btn-secondary:hover:not(:disabled){background-color:#333}.btn-outline{background:transparent;border:1px solid var(--c-border);color:var(--c-text)}.btn-outline:hover:not(:disabled){border-color:var(--c-gold);color:var(--c-gold)}.btn-danger{background-color:var(--c-danger);color:var(--c-white)}.btn-danger:hover:not(:disabled){background-color:#a93226}.btn-success{background-color:var(--c-success);color:var(--c-white)}.btn-success:hover:not(:disabled){background-color:#1e8449}.btn-excel{background-color:var(--c-btn-excel);color:var(--c-white)}.btn-excel:hover:not(:disabled){background-color:#1a5c38}.btn-sm{padding:8px 12px;font-size:.8rem}.btn-lg{padding:16px 28px;font-size:1rem}.btn-icon{padding:8px;border-radius:var(--radius-sm)}.btn-block{width:100%}.btn-group{display:flex;gap:var(--spacing-sm)}.table-container{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--c-border)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{background:var(--c-gold-light);padding:14px 16px;text-align:left;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-muted);border-bottom:1px solid var(--c-border);white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--c-gold)}.data-table th .sort-icon{margin-left:5px;opacity:.5}.data-table th.sorted .sort-icon{opacity:1;color:var(--c-gold)}.data-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.data-table tbody tr:hover{background:var(--c-gold-light)}.data-table tbody tr.selected{background:hsla(37,45%,58%,.2)}.data-table .row-checkbox{width:18px;height:18px;accent-color:var(--c-gold);cursor:pointer}.table-actions{display:flex;gap:5px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--c-white);border-bottom:1px solid var(--c-border);gap:var(--spacing-md);flex-wrap:wrap}.table-search{flex:1 1;max-width:300px}.table-filters{align-items:center}.table-actions-bar,.table-filters{display:flex;gap:var(--spacing-sm)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-top:1px solid var(--c-border);font-size:.85rem}.pagination-info{color:var(--c-text-muted)}.pagination-controls{display:flex;gap:5px}.pagination-btn{padding:8px 12px;border:1px solid var(--c-border);background:var(--c-white);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--c-gold);color:var(--c-gold)}.pagination-btn.active{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-white)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--c-success-light);color:var(--c-success)}.badge-danger{background:var(--c-danger-light);color:var(--c-danger)}.badge-warning{background:var(--c-warning-light);color:var(--c-warning)}.badge-info{background:var(--c-info-light);color:var(--c-info)}.badge-neutral{background:#f0f0f0;color:var(--c-text-muted)}.status-paye{background:var(--c-success-light);color:var(--c-success)}.status-partiel{background:var(--c-warning-light);color:var(--c-warning)}.status-en_retard{background:var(--c-danger-light);color:var(--c-danger)}.status-exonere{background:var(--c-info-light);color:var(--c-info)}.status-a_verifier{background:#f5f5f5;color:#666}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--c-white);border-radius:var(--radius);padding:var(--spacing-lg);border:1px solid var(--c-border);display:flex;align-items:flex-start;gap:var(--spacing-md)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon svg{width:24px;height:24px}.kpi-icon.success{background:var(--c-success-light);color:var(--c-success)}.kpi-icon.danger{background:var(--c-danger-light);color:var(--c-danger)}.kpi-icon.warning{background:var(--c-warning-light);color:var(--c-warning)}.kpi-icon.info{background:var(--c-info-light);color:var(--c-info)}.kpi-icon.gold{background:var(--c-gold-light);color:var(--c-gold)}.kpi-content{flex:1 1}.kpi-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--c-black);line-height:1;margin-bottom:4px}.kpi-label{font-size:.8rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px}.kpi-trend{font-size:.75rem;margin-top:8px;display:flex;align-items:center;gap:4px}.kpi-trend.up{color:var(--c-success)}.kpi-trend.down{color:var(--c-danger)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal{background:var(--c-white);border-radius:var(--radius);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-lg{max-width:900px}.modal-sm{max-width:400px}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.modal-close{width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--c-text-muted);transition:var(--transition-fast)}.modal-close:hover{background:#f0f0f0;color:var(--c-black)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1 1}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--c-border);justify-content:flex-end}.modal-footer,.toast-container{display:flex;gap:var(--spacing-sm)}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:2000;flex-direction:column}.toast{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);background:var(--c-white);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-sm);min-width:300px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast.success{border-left:4px solid var(--c-success)}.toast.error{border-left:4px solid var(--c-danger)}.toast.warning{border-left:4px solid var(--c-warning)}.toast.info{border-left:4px solid var(--c-info)}.spinner{width:24px;height:24px;border:3px solid var(--c-border);border-top-color:var(--c-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{position:fixed;inset:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:1500}.loading-content{text-align:center}.loading-content .spinner{width:48px;height:48px;margin:0 auto var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-xl) * 2;color:var(--c-text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{color:var(--c-text);margin-bottom:var(--spacing-sm)}.attendance-grid{display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.attendance-row{display:flex;align-items:center;padding:var(--spacing-md);background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-sm);gap:var(--spacing-md)}.attendance-row:hover{border-color:var(--c-gold)}.attendance-student{flex:1 1;font-weight:500}.attendance-status-buttons{display:flex;gap:var(--spacing-xs)}.attendance-btn{padding:8px 16px;border:2px solid var(--c-border);background:var(--c-white);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.8rem;transition:var(--transition-fast)}.attendance-btn:hover{border-color:var(--c-gold)}.attendance-btn.present.active{background:var(--c-success);border-color:var(--c-success);color:var(--c-white)}.attendance-btn.absent.active{background:var(--c-danger);border-color:var(--c-danger);color:var(--c-white)}.attendance-btn.late.active{background:var(--c-warning);border-color:var(--c-warning);color:var(--c-white)}.attendance-btn.excused.active{background:var(--c-info);border-color:var(--c-info);color:var(--c-white)}.attendance-quick-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--c-gold-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}