*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;color:#fff;min-height:100vh}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#888;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;background:#0a0a0a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#fff}.btn{width:100%;padding:12px;background:linear-gradient(135deg,#fff,#ccc);color:#000;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffffff4d}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,#fff,#ccc);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffffff4d}.btn-secondary{padding:10px 20px;background:transparent;color:#fff;border:1px solid #444;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:#fff}.btn-small{width:auto;padding:8px 16px;font-size:14px}.action-btn{padding:6px 12px;background:transparent;border:1px solid #444;color:#fff;border-radius:5px;cursor:pointer;margin-right:5px;transition:all .3s ease}.action-btn:hover{border-color:#fff}.action-btn.delete{color:#f44336;border-color:#f44336}.action-btn.success{color:#4caf50;border-color:#4caf50}.action-btn.info{color:#2196f3;border-color:#2196f3}.status-badge{padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600}.status-badge.status-planifie{background:#2196f333;color:#2196f3}.status-badge.status-en_cours{background:#4caf5033;color:#4caf50}.status-badge.status-termine{background:#9c27b033;color:#9c27b0}.status-badge.status-en_attente{background:#ff980033;color:#ff9800}.status-badge.status-approuvee,.status-badge.status-present{background:#4caf5033;color:#4caf50}.status-badge.status-absent{background:#f4433633;color:#f44336}.status-badge.status-non_pointe{background:#9e9e9e33;color:#9e9e9e}.card{background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:15px;border:1px solid #333;padding:25px;margin-bottom:20px}.card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card .card-header h3{font-size:18px}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:12px;color:#666;font-size:12px;text-transform:uppercase;border-bottom:2px solid #333}table td{padding:15px 12px;border-bottom:1px solid #2a2a2a}table tr:hover{background:#ffffff05}.alert-box{padding:15px;border-radius:8px;margin-bottom:15px}.alert-box.alert-warning{background:#ff980033;border:1px solid #ff9800;color:#ff9800}.alert-box.alert-info{background:#2196f333;border:1px solid #2196f3;color:#2196f3}.alert-box.alert-success{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.alert-box.alert-danger{background:#f4433633;border:1px solid #f44336;color:#f44336}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}