:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.page{max-width:980px;margin:0 auto;padding:20px;display:grid;gap:16px}.header{background:#0b4f8a;color:#fff;border-radius:10px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.header h1{margin:0 0 6px}.header p{margin:0;font-size:14px;opacity:.9}.header a{color:#fff;text-decoration:none;font-weight:600}.header nav{display:flex;align-items:center;gap:8px}.header nav button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);padding:6px 10px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.token-card p{margin-top:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions-ligne{display:flex;align-items:center;gap:8px}.list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.list li{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.list p{margin:4px 0 0;color:#6b7280;font-size:14px}.form{display:grid;gap:10px;max-width:420px}.form-inline-evenement{margin-top:10px;max-width:560px}.form-inline-evenement label{display:grid;gap:6px;font-weight:600}.date-time-popover{display:grid;grid-template-columns:1fr 140px;gap:8px}input,select,button{font:inherit}.list-item-clickable{cursor:pointer}.list-item-clickable:hover{border-color:#9ca3af;background:#f9fafb}.checkbox-inline{display:flex;align-items:center;gap:8px}.checkbox-inline input{width:auto}input,select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db}button{width:fit-content;padding:8px 14px;border-radius:6px;border:0;cursor:pointer;background:#0b4f8a;color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.success{color:#166534}.error{color:#b91c1c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:1000}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:16px;display:grid;gap:16px}.modal h3,.modal h4{margin:0}.modal-section{border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:grid;gap:10px}.actions-presence{display:flex;align-items:center;gap:8px}.btn-presence{background:#e5e7eb;color:#111827}.btn-presence.active{color:#fff}.btn-present.active{background:#16a34a}.btn-absent.active{background:#dc2626}.btn-peut-etre.active{background:#ca8a04}